mirror of
https://github.com/temetro/temetro.git
synced 2026-08-30 12:19:07 +00:00
Khalid Abdi
929bec8f31
Stop blocking AI imports/proposals on missing non-critical fields. Records the chat agent drafts now save with safe placeholders, auto-generated file numbers, and a source="ai" marker that surfaces an "Added by AI" badge so a clinician can review/edit them later. Backend: - add `source` (manual|ai) column to patients/appointments/prescriptions (migration 0014) + canonical types, services, validation schemas - relax patient/appointment validation: empty file number allowed, demographic + type/provider/initials fall back to placeholders (initials derived from name) - patients.generateFileNumber() auto-assigns an MRN when one is missing - proposeAppointment accepts a name when no file number resolves; AI commits + /api/ai/import stamp source="ai" Frontend: - `source` on Appointment/Patient/Prescription types; AI commits send source="ai" - reusable <AiBadge> shown on the Patients table/detail and prescriptions list Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
81 lines
1.8 KiB
Markdown
81 lines
1.8 KiB
Markdown
# coss Input
|
|
|
|
## When to use
|
|
|
|
- Single-line text entry with variants and addons.
|
|
- Email/password/search/file and other typed input flows.
|
|
|
|
## Install
|
|
|
|
```bash
|
|
npx shadcn@latest add @coss/input
|
|
```
|
|
|
|
Manual deps from docs:
|
|
|
|
```bash
|
|
npm install @base-ui/react
|
|
```
|
|
|
|
## Canonical imports
|
|
|
|
```tsx
|
|
import { Input } from "@/components/ui/input"
|
|
```
|
|
|
|
## Minimal pattern
|
|
|
|
```tsx
|
|
<Input aria-label="Email" type="email" placeholder="name@company.com" />
|
|
```
|
|
|
|
Always set `type` explicitly on `Input` (`text`, `email`, `password`, `search`, `file`, etc.). Do not rely on browser defaults.
|
|
For form fields, prefer wrapping `Input` with `Field` + `FieldLabel` + `FieldError` instead of standalone usage.
|
|
|
|
## Patterns from coss particles
|
|
|
|
### Key patterns
|
|
|
|
Field-wrapped input (preferred for forms):
|
|
|
|
```tsx
|
|
<Field>
|
|
<FieldLabel>Email</FieldLabel>
|
|
<Input type="email" placeholder="name@company.com" />
|
|
<FieldError>Please enter a valid email.</FieldError>
|
|
</Field>
|
|
```
|
|
|
|
Input with addon (InputGroup):
|
|
|
|
```tsx
|
|
<InputGroup>
|
|
<InputGroupInput aria-label="Search" placeholder="Search" type="search" />
|
|
<InputGroupAddon>
|
|
<SearchIcon aria-hidden="true" />
|
|
</InputGroupAddon>
|
|
</InputGroup>
|
|
```
|
|
|
|
Sizes: `sm`, `default`, `lg`. Always specify `type` explicitly.
|
|
|
|
### More examples
|
|
|
|
- small size: `p-input-2`
|
|
- large size: `p-input-3`
|
|
- disabled: `p-input-4`
|
|
- file: `p-input-5`
|
|
- with label: `p-input-6`
|
|
- with button: `p-input-7`
|
|
- form integration: `p-form-1`
|
|
|
|
## Common pitfalls
|
|
|
|
- Omitting explicit `type` and relying on browser defaults.
|
|
- Using icon-only affordances without label/aria context.
|
|
- Applying heavy class overrides before using built-in size/variant props.
|
|
|
|
## Useful particle references
|
|
|
|
See `p-input-1` through `p-input-7` for size/variant combinations, `p-form-1` for form integration.
|