@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/{ai-permission-notice-qsdm4Sx4.js.map → ai-permission-notice-C00i6VhY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-permission-notice-qsdm4Sx4.js","sources":["../../src/components/ai-permission-notice/ai-permission-notice.agent.ts","../../src/components/ai-permission-notice/ai-permission-notice.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiConsentBanner.                                       */\n/*                                                                        */\n/* Read-only structural surface: the current consent state and whether   */\n/* the grant affordance is armed. Identifiers / structural state ONLY —   */\n/* never the grantee's name or any PHI. The real consent gate lives       */\n/* server-side; this adapter does not expose a grant action so an agent   */\n/* cannot consent on a user's behalf.                                     */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiConsentBannerHandle } from './ai-permission-notice';\n\nexport const aiConsentBannerAgent: AgentAdapter<AiConsentBannerHandle> = {\n  id: 'ai-consent-banner',\n  capabilities: [],\n  state: {\n    consentState: {\n      type: \"'granted' | 'required' | 'pending'\",\n      descriptionKey: 'ui.agent.aiConsentBanner.state.consentState',\n      description:\n        'Current consent state. Structural only — never the grantee identity.',\n      read: (handle) => handle.getState(),\n    },\n    armed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.aiConsentBanner.state.armed',\n      description:\n        'Whether the consent confirmation checkbox is ticked (required state only).',\n      read: (handle) => handle.isArmed(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-consent-banner',\n      description: 'Marks the AiConsentBanner root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific banner from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Alert } from '../alert/alert';\nimport { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { Spinner } from '../spinner/spinner';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiConsentBannerAgent } from './ai-permission-notice.agent';\n\n/* -------------------------------------------------------------------- */\n/* AiConsentBanner                                                        */\n/*                                                                        */\n/* Presentational AI-consent gate surfaced above an AI-assisted surface  */\n/* (e.g. Alfascribe consultation transcription). The SERVER owns the     */\n/* real gate — this component only reflects the consent record and lets  */\n/* the operator initiate a grant; it never enforces access itself.       */\n/*                                                                        */\n/* Three states drive the Alert variant + body:                          */\n/*   - granted  → success Alert with a Badge + when/who it was granted.  */\n/*   - required → info Alert with a Checkbox-gated Grant Button.         */\n/*   - pending  → info Alert in a disabled, Spinner-busy state while the */\n/*                server persists the grant.                             */\n/*                                                                        */\n/* All kit text flows through useTranslation('ui') against the           */\n/* `aiConsentBanner.*` namespace. `subject` picks the kit-owned wording  */\n/* preset; `copy` lets a host replace single strings with its own text.  */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    state: {\n      granted: '',\n      required: '',\n      pending: '',\n    },\n  },\n  defaultVariants: {\n    state: 'required',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* State derivation                                                      */\n/* -------------------------------------------------------------------- */\n\nexport type AiConsentState = NonNullable<\n  VariantProps<typeof rootVariants>['state']\n>;\n\n/** Heading levels `AiConsentBanner.headingLevel` accepts. */\nexport type AiConsentBannerHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Pending wins over granted/required so the busy state is never masked. */\nfunction deriveState(granted: boolean, pending: boolean): AiConsentState {\n  if (pending) return 'pending';\n  return granted ? 'granted' : 'required';\n}\n\n/* -------------------------------------------------------------------- */\n/* Subject presets                                                       */\n/* -------------------------------------------------------------------- */\n\n/** What the consent covers; each subject has kit-owned, translated wording.\n *  `'patient-record'` (default) is one patient's record. `'practice-statistics'`\n *  is the practice's aggregate figures (totals, rates), never patient data. */\nexport type AiConsentSubject = 'patient-record' | 'practice-statistics';\n\ntype AiConsentSubjectField =\n  | 'descriptionRequired'\n  | 'descriptionGranted'\n  | 'confirmLabel'\n  | 'notAllowed';\n\n/* Only these four strings differ by subject; the rest share one key each. */\nconst SUBJECT_KEYS = {\n  'patient-record': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.description.required',\n      fallback: 'AI assistance requires recorded consent before it can run.',\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.description.granted',\n      fallback: 'AI assistance is enabled for this record.',\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.confirmLabel',\n      fallback: 'I confirm consent has been obtained for AI assistance.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.notAllowed',\n      fallback: 'You do not have permission to grant AI assistance consent.',\n    },\n  },\n  'practice-statistics': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.practiceStatistics.description.required',\n      fallback:\n        \"AI assistance needs consent before it can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.practiceStatistics.description.granted',\n      fallback:\n        \"AI assistance can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.practiceStatistics.confirmLabel',\n      fallback:\n        'I may decide for this practice, and I agree to AI assistance reading its statistics.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.practiceStatistics.notAllowed',\n      fallback:\n        'You do not have permission to grant AI assistance consent for this practice.',\n    },\n  },\n} as const satisfies Record<\n  AiConsentSubject,\n  Record<AiConsentSubjectField, { key: string; fallback: string }>\n>;\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/**\n * Patient AI-consent gate for an AI surface that sends patient data to a\n * service: the RichTextEditor's Help-me-write action and dictation mics, and\n * the VoiceControlPanel's microphone. Omit entirely for today's ungated\n * behaviour — no existing host breaks.\n *\n * Present and `granted: false`: the affordances stay visible (this never\n * hides a control), but using one shows the kit's `AiConsentBanner` instead\n * of starting the AI action. When `granted` flips `true` after a Grant click\n * in that banner, the surface resumes exactly the action it gated; when it\n * flips for any other reason (another patient, another tab) it only closes\n * the banner.\n *\n * Present and `granted: true`: normal behaviour.\n */\nexport interface AiConsentGate {\n  /** Whether AI consent has already been recorded for the current patient. */\n  granted: boolean;\n  /** When consent was granted — passed straight to `AiConsentBanner`. */\n  grantedAt?: string | number | Date;\n  /** Who granted consent — passed straight to `AiConsentBanner`. */\n  grantedBy?: string;\n  /** Whether the signed-in reader may grant consent. Default `true`; treated\n   *  as `false` when `onGrant` is absent, so no dead Grant control shows. */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side (host-driven busy state). */\n  pending?: boolean;\n  /**\n   * Fired when the reader confirms the grant in the banner. A returned\n   * promise drives the banner's own pending/Spinner state until it settles,\n   * in addition to (or absent) a host-supplied `pending`.\n   */\n  onGrant?: () => void | Promise<void>;\n}\n\n/** Host-translated strings; the host owns their wording and translation.\n *  Each one replaces the `subject` preset for that string only. Plain text,\n *  not i18n keys: interpolate any values (a practice name) before passing. */\nexport interface AiConsentBannerCopy {\n  /** Banner heading. */\n  title?: string;\n  /** Description in the required and pending states. */\n  descriptionRequired?: string;\n  /** Description in the granted state. */\n  descriptionGranted?: string;\n  /** Label of the confirmation checkbox. */\n  confirmLabel?: string;\n  /** Label of the Grant button. */\n  grantButton?: string;\n  /** Note shown instead of the grant controls when `canGrant` is false. */\n  notAllowed?: string;\n  /** Badge text in the granted state. */\n  badgeGranted?: string;\n  /** Busy text (and Spinner label) in the pending state. */\n  pendingLabel?: string;\n}\n\n/** Agent-readiness curated handle. Exposes the structural consent state only. */\nexport interface AiConsentBannerHandle {\n  /** Current derived state: 'granted' | 'required' | 'pending'. */\n  getState: () => AiConsentState;\n  /** Whether the Grant affordance is currently armed (checkbox ticked). */\n  isArmed: () => boolean;\n}\n\nexport interface AiConsentBannerProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'role'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific banner. Mirrored to the\n   * real DOM `id`.\n   */\n  id?: string;\n  /** Whether consent has already been granted. Server-sourced. */\n  granted: boolean;\n  /**\n   * When consent was granted — ISO-8601 string, ms-epoch, or Date. Rendered\n   * via `Timestamp` in the granted state.\n   */\n  grantedAt?: string | number | Date;\n  /** Who granted consent (operator display name / role). Granted state only. */\n  grantedBy?: string;\n  /**\n   * Whether the current user is allowed to grant consent. When `false`, the\n   * required-state Grant affordance is hidden and a not-allowed note shows.\n   * Default `true`.\n   */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side — shows the busy Spinner state. */\n  pending?: boolean;\n  /** Fired when the operator confirms the consent grant. */\n  onGrantConsent?: () => void;\n  /**\n   * Heading level for the banner's own title, so it can be nested under a\n   * host section's heading without skipping levels (axe `heading-order`).\n   * Additive: default `5` matches the banner's original, unconditional\n   * `<h5>` — every existing consumer is unaffected.\n   */\n  headingLevel?: AiConsentBannerHeadingLevel;\n  /** What the consent covers; picks the kit's translated wording. Default\n   *  `'patient-record'`, which renders exactly as before this prop existed. */\n  subject?: AiConsentSubject;\n  /** Host-translated strings; the host owns their wording and translation.\n   *  Each key overrides only its own string. `title` also names the region,\n   *  unless `aria-label` is passed. */\n  copy?: Partial<AiConsentBannerCopy>;\n  /** Override the region's accessible name. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AiConsentBanner = forwardRef<HTMLDivElement, AiConsentBannerProps>(\n  (\n    {\n      id,\n      granted,\n      grantedAt,\n      grantedBy,\n      canGrant = true,\n      pending = false,\n      onGrantConsent,\n      headingLevel = 5,\n      subject = 'patient-record',\n      copy,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const state = deriveState(granted, pending);\n\n    // A host string wins over the preset for that string only. A blank or\n    // whitespace-only one counts as missing, so no control loses its name.\n    const own = (value?: string) => value?.trim() || undefined;\n    // An unknown subject from an untyped host falls back to the default.\n    const keys = SUBJECT_KEYS[subject] ?? SUBJECT_KEYS['patient-record'];\n    const text = {\n      title:\n        own(copy?.title) || t('aiConsentBanner.title', 'AI assistance consent'),\n      descriptionRequired:\n        own(copy?.descriptionRequired) ||\n        t(keys.descriptionRequired.key, keys.descriptionRequired.fallback),\n      descriptionGranted:\n        own(copy?.descriptionGranted) ||\n        t(keys.descriptionGranted.key, keys.descriptionGranted.fallback),\n      confirmLabel:\n        own(copy?.confirmLabel) ||\n        t(keys.confirmLabel.key, keys.confirmLabel.fallback),\n      grantButton:\n        own(copy?.grantButton) ||\n        t('aiConsentBanner.grantButton', 'Grant consent'),\n      notAllowed:\n        own(copy?.notAllowed) ||\n        t(keys.notAllowed.key, keys.notAllowed.fallback),\n      badgeGranted:\n        own(copy?.badgeGranted) ||\n        t('aiConsentBanner.badge.granted', 'Consent granted'),\n      pendingLabel:\n        own(copy?.pendingLabel) ||\n        t('aiConsentBanner.pendingLabel', 'Saving consent…'),\n    };\n\n    // Grant stays disabled until the checkbox is ticked. Any change of subject\n    // or statement unticks it, even back to an earlier one, so a tick only\n    // confirms what was on screen when it was given.\n    const statement = [\n      subject,\n      text.confirmLabel,\n      text.descriptionRequired,\n    ].join('\\u0000');\n    const [ticked, setTicked] = useState(false);\n    const [tickedFor, setTickedFor] = useState(statement);\n    if (tickedFor !== statement) {\n      setTickedFor(statement);\n      setTicked(false);\n    }\n    const armed = ticked && tickedFor === statement;\n\n    const armedRef = useRef(armed);\n    armedRef.current = armed;\n\n    const handle = useMemo<AiConsentBannerHandle>(\n      () => ({\n        getState: () => deriveState(granted, pending),\n        isArmed: () => armedRef.current,\n      }),\n      [granted, pending],\n    );\n    useAgentRegistration(aiConsentBannerAgent, handle, id);\n\n    // A host title also names the region, so the name matches the heading.\n    const resolvedAriaLabel =\n      own(ariaLabel) ||\n      own(copy?.title) ||\n      t('aiConsentBanner.regionLabel', 'AI assistance consent');\n\n    // Alert variant per state: granted → success, required/pending → info.\n    const alertVariant = state === 'granted' ? 'success' : 'info';\n\n    let body: React.ReactNode;\n    if (state === 'granted') {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <Badge variant=\"success\">{text.badgeGranted}</Badge>\n            {grantedAt !== undefined ? (\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiConsentBanner.grantedAtPrefix', 'Granted')}{' '}\n                <Timestamp value={grantedAt} format=\"relative\" shape=\"inline\" />\n              </span>\n            ) : null}\n          </div>\n          {grantedBy ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {t('aiConsentBanner.grantedBy', {\n                name: grantedBy,\n                defaultValue: 'By {{name}}',\n              })}\n            </p>\n          ) : null}\n        </div>\n      );\n    } else if (state === 'pending') {\n      body = (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <Spinner variant=\"pulse\" size=\"sm\" label={text.pendingLabel} />\n          <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {text.pendingLabel}\n          </span>\n        </div>\n      );\n    } else {\n      // required\n      body = canGrant ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <Checkbox\n            checked={armed}\n            onCheckedChange={(next) => setTicked(next === true)}\n            label={text.confirmLabel}\n          />\n          <Alert.Action>\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={!armed}\n              onClick={onGrantConsent}\n            >\n              {text.grantButton}\n            </Button>\n          </Alert.Action>\n        </div>\n      ) : (\n        <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n          {text.notAllowed}\n        </p>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-busy={state === 'pending' ? true : undefined}\n        data-component=\"ai-consent-banner\"\n        data-component-id={id}\n        data-state={state}\n        id={id}\n        className={rootVariants({ state, className })}\n        {...rest}\n      >\n        <Alert\n          variant={alertVariant}\n          icon={state === 'pending' ? null : undefined}\n        >\n          <Alert.Title as={`h${headingLevel}` as const}>\n            {text.title}\n          </Alert.Title>\n          <Alert.Description>\n            {state === 'granted'\n              ? text.descriptionGranted\n              : text.descriptionRequired}\n          </Alert.Description>\n          {body}\n        </Alert>\n      </div>\n    );\n  },\n);\n\nAiConsentBanner.displayName = 'AiConsentBanner';\n"],"names":["aiConsentBannerAgent","handle","rootVariants","cva","deriveState","granted","pending","SUBJECT_KEYS","AiConsentBanner","forwardRef","id","grantedAt","grantedBy","canGrant","onGrantConsent","headingLevel","subject","copy","ariaLabel","className","rest","ref","useTranslation","state","own","value","keys","text","statement","ticked","setTicked","useState","tickedFor","setTickedFor","armed","armedRef","useRef","useMemo","useAgentRegistration","resolvedAriaLabel","alertVariant","body","jsxs","jsx","Badge","Timestamp","Spinner","Checkbox","next","Alert","Button"],"mappings":"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"}
+{"version":3,"file":"ai-permission-notice-C00i6VhY.js","sources":["../../src/components/ai-permission-notice/ai-permission-notice.agent.ts","../../src/components/ai-permission-notice/ai-permission-notice.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiConsentBanner.                                       */\n/*                                                                        */\n/* Read-only structural surface: the current consent state and whether   */\n/* the grant affordance is armed. Identifiers / structural state ONLY —   */\n/* never the grantee's name or any PHI. The real consent gate lives       */\n/* server-side; this adapter does not expose a grant action so an agent   */\n/* cannot consent on a user's behalf.                                     */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiConsentBannerHandle } from './ai-permission-notice';\n\nexport const aiConsentBannerAgent: AgentAdapter<AiConsentBannerHandle> = {\n  id: 'ai-consent-banner',\n  capabilities: [],\n  state: {\n    consentState: {\n      type: \"'granted' | 'required' | 'pending'\",\n      descriptionKey: 'ui.agent.aiConsentBanner.state.consentState',\n      description:\n        'Current consent state. Structural only — never the grantee identity.',\n      read: (handle) => handle.getState(),\n    },\n    armed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.aiConsentBanner.state.armed',\n      description:\n        'Whether the consent confirmation checkbox is ticked (required state only).',\n      read: (handle) => handle.isArmed(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-consent-banner',\n      description: 'Marks the AiConsentBanner root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific banner from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Alert } from '../alert/alert';\nimport { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { Spinner } from '../spinner/spinner';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiConsentBannerAgent } from './ai-permission-notice.agent';\n\n/* -------------------------------------------------------------------- */\n/* AiConsentBanner                                                        */\n/*                                                                        */\n/* Presentational AI-consent gate surfaced above an AI-assisted surface  */\n/* (e.g. Alfascribe consultation transcription). The SERVER owns the     */\n/* real gate — this component only reflects the consent record and lets  */\n/* the operator initiate a grant; it never enforces access itself.       */\n/*                                                                        */\n/* Three states drive the Alert variant + body:                          */\n/*   - granted  → success Alert with a Badge + when/who it was granted.  */\n/*   - required → info Alert with a Checkbox-gated Grant Button.         */\n/*   - pending  → info Alert in a disabled, Spinner-busy state while the */\n/*                server persists the grant.                             */\n/*                                                                        */\n/* All kit text flows through useTranslation('ui') against the           */\n/* `aiConsentBanner.*` namespace. `subject` picks the kit-owned wording  */\n/* preset; `copy` lets a host replace single strings with its own text.  */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    state: {\n      granted: '',\n      required: '',\n      pending: '',\n    },\n  },\n  defaultVariants: {\n    state: 'required',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* State derivation                                                      */\n/* -------------------------------------------------------------------- */\n\nexport type AiConsentState = NonNullable<\n  VariantProps<typeof rootVariants>['state']\n>;\n\n/** Heading levels `AiConsentBanner.headingLevel` accepts. */\nexport type AiConsentBannerHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Pending wins over granted/required so the busy state is never masked. */\nfunction deriveState(granted: boolean, pending: boolean): AiConsentState {\n  if (pending) return 'pending';\n  return granted ? 'granted' : 'required';\n}\n\n/* -------------------------------------------------------------------- */\n/* Subject presets                                                       */\n/* -------------------------------------------------------------------- */\n\n/** What the consent covers; each subject has kit-owned, translated wording.\n *  `'patient-record'` (default) is one patient's record. `'practice-statistics'`\n *  is the practice's aggregate figures (totals, rates), never patient data. */\nexport type AiConsentSubject = 'patient-record' | 'practice-statistics';\n\ntype AiConsentSubjectField =\n  | 'descriptionRequired'\n  | 'descriptionGranted'\n  | 'confirmLabel'\n  | 'notAllowed';\n\n/* Only these four strings differ by subject; the rest share one key each. */\nconst SUBJECT_KEYS = {\n  'patient-record': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.description.required',\n      fallback: 'AI assistance requires recorded consent before it can run.',\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.description.granted',\n      fallback: 'AI assistance is enabled for this record.',\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.confirmLabel',\n      fallback: 'I confirm consent has been obtained for AI assistance.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.notAllowed',\n      fallback: 'You do not have permission to grant AI assistance consent.',\n    },\n  },\n  'practice-statistics': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.practiceStatistics.description.required',\n      fallback:\n        \"AI assistance needs consent before it can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.practiceStatistics.description.granted',\n      fallback:\n        \"AI assistance can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.practiceStatistics.confirmLabel',\n      fallback:\n        'I may decide for this practice, and I agree to AI assistance reading its statistics.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.practiceStatistics.notAllowed',\n      fallback:\n        'You do not have permission to grant AI assistance consent for this practice.',\n    },\n  },\n} as const satisfies Record<\n  AiConsentSubject,\n  Record<AiConsentSubjectField, { key: string; fallback: string }>\n>;\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/**\n * Patient AI-consent gate for an AI surface that sends patient data to a\n * service: the RichTextEditor's Help-me-write action and dictation mics, and\n * the VoiceControlPanel's microphone. Omit entirely for today's ungated\n * behaviour — no existing host breaks.\n *\n * Present and `granted: false`: the affordances stay visible (this never\n * hides a control), but using one shows the kit's `AiConsentBanner` instead\n * of starting the AI action. When `granted` flips `true` after a Grant click\n * in that banner, the surface resumes exactly the action it gated; when it\n * flips for any other reason (another patient, another tab) it only closes\n * the banner.\n *\n * Present and `granted: true`: normal behaviour.\n */\nexport interface AiConsentGate {\n  /** Whether AI consent has already been recorded for the current patient. */\n  granted: boolean;\n  /** When consent was granted — passed straight to `AiConsentBanner`. */\n  grantedAt?: string | number | Date;\n  /** Who granted consent — passed straight to `AiConsentBanner`. */\n  grantedBy?: string;\n  /** Whether the signed-in reader may grant consent. Default `true`; treated\n   *  as `false` when `onGrant` is absent, so no dead Grant control shows. */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side (host-driven busy state). */\n  pending?: boolean;\n  /**\n   * Fired when the reader confirms the grant in the banner. A returned\n   * promise drives the banner's own pending/Spinner state until it settles,\n   * in addition to (or absent) a host-supplied `pending`.\n   */\n  onGrant?: () => void | Promise<void>;\n}\n\n/** Host-translated strings; the host owns their wording and translation.\n *  Each one replaces the `subject` preset for that string only. Plain text,\n *  not i18n keys: interpolate any values (a practice name) before passing. */\nexport interface AiConsentBannerCopy {\n  /** Banner heading. */\n  title?: string;\n  /** Description in the required and pending states. */\n  descriptionRequired?: string;\n  /** Description in the granted state. */\n  descriptionGranted?: string;\n  /** Label of the confirmation checkbox. */\n  confirmLabel?: string;\n  /** Label of the Grant button. */\n  grantButton?: string;\n  /** Note shown instead of the grant controls when `canGrant` is false. */\n  notAllowed?: string;\n  /** Badge text in the granted state. */\n  badgeGranted?: string;\n  /** Busy text (and Spinner label) in the pending state. */\n  pendingLabel?: string;\n}\n\n/** Agent-readiness curated handle. Exposes the structural consent state only. */\nexport interface AiConsentBannerHandle {\n  /** Current derived state: 'granted' | 'required' | 'pending'. */\n  getState: () => AiConsentState;\n  /** Whether the Grant affordance is currently armed (checkbox ticked). */\n  isArmed: () => boolean;\n}\n\nexport interface AiConsentBannerProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'role'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific banner. Mirrored to the\n   * real DOM `id`.\n   */\n  id?: string;\n  /** Whether consent has already been granted. Server-sourced. */\n  granted: boolean;\n  /**\n   * When consent was granted — ISO-8601 string, ms-epoch, or Date. Rendered\n   * via `Timestamp` in the granted state.\n   */\n  grantedAt?: string | number | Date;\n  /** Who granted consent (operator display name / role). Granted state only. */\n  grantedBy?: string;\n  /**\n   * Whether the current user is allowed to grant consent. When `false`, the\n   * required-state Grant affordance is hidden and a not-allowed note shows.\n   * Default `true`.\n   */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side — shows the busy Spinner state. */\n  pending?: boolean;\n  /** Fired when the operator confirms the consent grant. */\n  onGrantConsent?: () => void;\n  /**\n   * Heading level for the banner's own title, so it can be nested under a\n   * host section's heading without skipping levels (axe `heading-order`).\n   * Additive: default `5` matches the banner's original, unconditional\n   * `<h5>` — every existing consumer is unaffected.\n   */\n  headingLevel?: AiConsentBannerHeadingLevel;\n  /** What the consent covers; picks the kit's translated wording. Default\n   *  `'patient-record'`, which renders exactly as before this prop existed. */\n  subject?: AiConsentSubject;\n  /** Host-translated strings; the host owns their wording and translation.\n   *  Each key overrides only its own string. `title` also names the region,\n   *  unless `aria-label` is passed. */\n  copy?: Partial<AiConsentBannerCopy>;\n  /** Override the region's accessible name. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AiConsentBanner = forwardRef<HTMLDivElement, AiConsentBannerProps>(\n  (\n    {\n      id,\n      granted,\n      grantedAt,\n      grantedBy,\n      canGrant = true,\n      pending = false,\n      onGrantConsent,\n      headingLevel = 5,\n      subject = 'patient-record',\n      copy,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const state = deriveState(granted, pending);\n\n    // A host string wins over the preset for that string only. A blank or\n    // whitespace-only one counts as missing, so no control loses its name.\n    const own = (value?: string) => value?.trim() || undefined;\n    // An unknown subject from an untyped host falls back to the default.\n    const keys = SUBJECT_KEYS[subject] ?? SUBJECT_KEYS['patient-record'];\n    const text = {\n      title:\n        own(copy?.title) || t('aiConsentBanner.title', 'AI assistance consent'),\n      descriptionRequired:\n        own(copy?.descriptionRequired) ||\n        t(keys.descriptionRequired.key, keys.descriptionRequired.fallback),\n      descriptionGranted:\n        own(copy?.descriptionGranted) ||\n        t(keys.descriptionGranted.key, keys.descriptionGranted.fallback),\n      confirmLabel:\n        own(copy?.confirmLabel) ||\n        t(keys.confirmLabel.key, keys.confirmLabel.fallback),\n      grantButton:\n        own(copy?.grantButton) ||\n        t('aiConsentBanner.grantButton', 'Grant consent'),\n      notAllowed:\n        own(copy?.notAllowed) ||\n        t(keys.notAllowed.key, keys.notAllowed.fallback),\n      badgeGranted:\n        own(copy?.badgeGranted) ||\n        t('aiConsentBanner.badge.granted', 'Consent granted'),\n      pendingLabel:\n        own(copy?.pendingLabel) ||\n        t('aiConsentBanner.pendingLabel', 'Saving consent…'),\n    };\n\n    // Grant stays disabled until the checkbox is ticked. Any change of subject\n    // or statement unticks it, even back to an earlier one, so a tick only\n    // confirms what was on screen when it was given.\n    const statement = [\n      subject,\n      text.confirmLabel,\n      text.descriptionRequired,\n    ].join('\\u0000');\n    const [ticked, setTicked] = useState(false);\n    const [tickedFor, setTickedFor] = useState(statement);\n    if (tickedFor !== statement) {\n      setTickedFor(statement);\n      setTicked(false);\n    }\n    const armed = ticked && tickedFor === statement;\n\n    const armedRef = useRef(armed);\n    armedRef.current = armed;\n\n    const handle = useMemo<AiConsentBannerHandle>(\n      () => ({\n        getState: () => deriveState(granted, pending),\n        isArmed: () => armedRef.current,\n      }),\n      [granted, pending],\n    );\n    useAgentRegistration(aiConsentBannerAgent, handle, id);\n\n    // A host title also names the region, so the name matches the heading.\n    const resolvedAriaLabel =\n      own(ariaLabel) ||\n      own(copy?.title) ||\n      t('aiConsentBanner.regionLabel', 'AI assistance consent');\n\n    // Alert variant per state: granted → success, required/pending → info.\n    const alertVariant = state === 'granted' ? 'success' : 'info';\n\n    let body: React.ReactNode;\n    if (state === 'granted') {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <Badge variant=\"success\">{text.badgeGranted}</Badge>\n            {grantedAt !== undefined ? (\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiConsentBanner.grantedAtPrefix', 'Granted')}{' '}\n                <Timestamp value={grantedAt} format=\"relative\" shape=\"inline\" />\n              </span>\n            ) : null}\n          </div>\n          {grantedBy ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {t('aiConsentBanner.grantedBy', {\n                name: grantedBy,\n                defaultValue: 'By {{name}}',\n              })}\n            </p>\n          ) : null}\n        </div>\n      );\n    } else if (state === 'pending') {\n      body = (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <Spinner variant=\"pulse\" size=\"sm\" label={text.pendingLabel} />\n          <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {text.pendingLabel}\n          </span>\n        </div>\n      );\n    } else {\n      // required\n      body = canGrant ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <Checkbox\n            checked={armed}\n            onCheckedChange={(next) => setTicked(next === true)}\n            label={text.confirmLabel}\n          />\n          <Alert.Action>\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={!armed}\n              onClick={onGrantConsent}\n            >\n              {text.grantButton}\n            </Button>\n          </Alert.Action>\n        </div>\n      ) : (\n        <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n          {text.notAllowed}\n        </p>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-busy={state === 'pending' ? true : undefined}\n        data-component=\"ai-consent-banner\"\n        data-component-id={id}\n        data-state={state}\n        id={id}\n        className={rootVariants({ state, className })}\n        {...rest}\n      >\n        <Alert\n          variant={alertVariant}\n          icon={state === 'pending' ? null : undefined}\n        >\n          <Alert.Title as={`h${headingLevel}` as const}>\n            {text.title}\n          </Alert.Title>\n          <Alert.Description>\n            {state === 'granted'\n              ? text.descriptionGranted\n              : text.descriptionRequired}\n          </Alert.Description>\n          {body}\n        </Alert>\n      </div>\n    );\n  },\n);\n\nAiConsentBanner.displayName = 'AiConsentBanner';\n"],"names":["aiConsentBannerAgent","handle","rootVariants","cva","deriveState","granted","pending","SUBJECT_KEYS","AiConsentBanner","forwardRef","id","grantedAt","grantedBy","canGrant","onGrantConsent","headingLevel","subject","copy","ariaLabel","className","rest","ref","useTranslation","state","own","value","keys","text","statement","ticked","setTicked","useState","tickedFor","setTickedFor","armed","armedRef","useRef","useMemo","useAgentRegistration","resolvedAriaLabel","alertVariant","body","jsxs","jsx","Badge","Timestamp","Spinner","Checkbox","next","Alert","Button"],"mappings":"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"}

package/dist/_chunks/{ai-prompt-input-DSGSe4LH.js → ai-prompt-input-DzgyoKyk.js}

@@ -1,18 +1,19 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { forwardRef as Fe, useId as Be, useRef as H, useCallback as v, useState as W, useImperativeHandle as $e, useMemo as Ce } from "react";
-import { c as Oe } from "./index-D2ZczOXr.js";
-import { useTranslation as ee } from "react-i18next";
-import { u as J } from "./use-controllable-state-BiY4xTzM.js";
-import { u as Re } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { forwardRef as Ce, useId as Oe, useRef as H, useCallback as v, useState as L, useImperativeHandle as $e, useMemo as De } from "react";
+import { c as Re } from "./index-D2ZczOXr.js";
+import { useTranslation as ae } from "react-i18next";
+import { u as te } from "./use-controllable-state-BiY4xTzM.js";
+import { u as _e } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as je } from "./registry-DvAUVLHh.js";
 import { _ as g } from "./index-4xgbg-sn.js";
-import { u as _e } from "./index-BcMWc8W2.js";
-import { I as te } from "./icon-button-C_1TgRiK.js";
-import { S as We } from "./select-k4gBdS8N.js";
-import { b as De } from "./menu-row-BAr8bx1I.js";
-import { S as Le } from "./send-C5kDJ-Mz.js";
-import { X as Ue } from "./x-B5YnXwCz.js";
-const Ae = {
+import { u as Le } from "./index-BcMWc8W2.js";
+import { I as re } from "./icon-button-C_1TgRiK.js";
+import { S as We } from "./select-4S-eYZUf.js";
+import { b as Ae } from "./menu-row-BAr8bx1I.js";
+import { a as W } from "./format-number-DdzqwMs1.js";
+import { S as Ue } from "./send-C5kDJ-Mz.js";
+import { X as Ge } from "./x-B5YnXwCz.js";
+const Ze = {
   id: "ai-prompt-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -54,8 +55,8 @@ const Ae = {
           note: "Replace composer text."
         }
       ],
-      invoke: (s, d) => {
-        s.setValue(d.value);
+      invoke: (s, o) => {
+        s.setValue(o.value);
       }
     },
     clear: {
@@ -101,7 +102,7 @@ const Ae = {
       description: "Sourced from the id prop; addresses a specific composer instance."
     }
   }
-}, Ze = Oe(
+}, qe = Re(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--control-border)] ds:bg-input",
@@ -120,58 +121,58 @@ const Ae = {
     },
     defaultVariants: { size: "md" }
   }
-), qe = Fe(
+), Qe = Ce(
   ({
     commands: s = [],
-    models: d,
-    defaultModelId: T,
-    modelId: se,
-    onModelChange: ae,
+    models: o,
+    defaultModelId: E,
+    modelId: T,
+    onModelChange: ne,
     maxSize: h,
-    accept: re,
-    context: E,
+    accept: ie,
+    context: K,
     onContextDismiss: b,
     onSubmit: x,
     onAttach: y,
     onAttachmentRejected: I,
-    minRows: K = 2,
-    maxRows: D = 8,
-    value: L,
-    defaultValue: ne,
-    size: ie = "md",
-    disabled: U,
-    className: oe,
-    placeholder: de,
-    onChange: F,
-    onKeyDown: B,
-    onCompositionStart: $,
-    onCompositionEnd: C,
-    onPaste: O,
+    minRows: F = 2,
+    maxRows: A = 8,
+    value: U,
+    defaultValue: oe,
+    size: de = "md",
+    disabled: G,
+    className: le,
+    placeholder: ce,
+    onChange: B,
+    onKeyDown: C,
+    onCompositionStart: O,
+    onCompositionEnd: $,
+    onPaste: D,
     id: R,
-    ...le
-  }, ce) => {
-    var X;
-    const { t: o } = ee("ui"), pe = Be(), w = H(null), N = H(!1), ue = H(null), me = v((e) => {
+    ...pe
+  }, ue) => {
+    var J;
+    const { t: d } = ae("ui"), me = Oe(), w = H(null), N = H(!1), fe = H(null), ve = v((e) => {
       w.current = e;
-    }, []), [fe, m] = J({
-      value: L === void 0 ? void 0 : String(L),
-      defaultValue: String(ne ?? "")
-    }), i = fe ?? "", [p, S] = W([]), [f, k] = W(!1), [ve, M] = W(""), [ge, he] = J({
-      value: se,
-      defaultValue: T ?? ((X = d == null ? void 0 : d[0]) == null ? void 0 : X.id) ?? "",
-      onChange: ae
-    }), j = ge ?? "", A = v(() => {
+    }, []), [ge, m] = te({
+      value: U === void 0 ? void 0 : String(U),
+      defaultValue: String(oe ?? "")
+    }), i = ge ?? "", [p, S] = L([]), [f, k] = L(!1), [he, M] = L(""), [be, xe] = te({
+      value: T,
+      defaultValue: E ?? ((J = o == null ? void 0 : o[0]) == null ? void 0 : J.id) ?? "",
+      onChange: ne
+    }), _ = be ?? "", Z = v(() => {
       const e = w.current;
       if (!e) return;
-      const t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) || 0, c = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, _ = parseFloat(t.borderBottomWidth) || 0, V = r + c + l + _, Ee = n * K + V, Y = n * D + V;
+      const t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) || 0, c = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, j = parseFloat(t.borderBottomWidth) || 0, V = r + c + l + j, Fe = n * F + V, ee = n * A + V;
       e.style.height = "auto";
-      const Ke = Math.max(Ee, Math.min(e.scrollHeight, Y));
-      e.style.height = `${Ke}px`, e.style.overflowY = e.scrollHeight > Y ? "auto" : "hidden";
-    }, [K, D]);
-    Re(() => {
-      A();
-    }, [A, i]);
-    const be = v((e, t) => {
+      const Be = Math.max(Fe, Math.min(e.scrollHeight, ee));
+      e.style.height = `${Be}px`, e.style.overflowY = e.scrollHeight > ee ? "auto" : "hidden";
+    }, [F, A]);
+    _e(() => {
+      Z();
+    }, [Z, i]);
+    const ye = v((e, t) => {
       const r = e.slice(0, t).lastIndexOf(`
 `) + 1, c = e.slice(r, t);
       if (c.startsWith("/")) {
@@ -182,16 +183,16 @@ const Ae = {
         }
       }
       k(!1), M("");
-    }, []), xe = (e) => {
+    }, []), Ie = (e) => {
       if (m(e.target.value), N.current) return;
-      F == null || F(e);
+      B == null || B(e);
       const t = e.target.selectionStart ?? e.target.value.length;
-      be(e.target.value, t);
-    }, ye = (e) => {
-      N.current = !0, $ == null || $(e);
-    }, Ie = (e) => {
-      N.current = !1, C == null || C(e);
-    }, we = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || N.current, P = v(() => {
+      ye(e.target.value, t);
+    }, we = (e) => {
+      N.current = !0, O == null || O(e);
+    }, Ne = (e) => {
+      N.current = !1, $ == null || $(e);
+    }, Se = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || N.current, P = v(() => {
       if (!i.trim() && p.length === 0) return;
       let t, n = i;
       const r = i.match(/^\/(\S+)\s?/);
@@ -199,11 +200,11 @@ const Ae = {
         text: n,
         command: t,
         attachments: p,
-        modelId: j || void 0
+        modelId: _ || void 0
       }), m(""), S([]);
-    }, [i, p, x, j, m]), Z = H(null);
-    $e(ce, () => Z.current, []);
-    const Ne = Ce(
+    }, [i, p, x, _, m]), q = H(null);
+    $e(ue, () => q.current, []);
+    const ke = De(
       () => ({
         getValue: () => i,
         isEmpty: () => !i.trim() && p.length === 0,
@@ -224,16 +225,16 @@ const Ae = {
       }),
       [i, p, m, P]
     );
-    je(Ae, Ne, R);
-    const Se = (e) => {
-      if (B == null || B(e), !e.defaultPrevented && !we(e)) {
+    je(Ze, ke, R);
+    const Me = (e) => {
+      if (C == null || C(e), !e.defaultPrevented && !Se(e)) {
         if (f && e.key === "Escape") {
           e.preventDefault(), k(!1);
           return;
         }
         e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), P());
       }
-    }, ke = (e) => {
+    }, Pe = (e) => {
       const t = w.current;
       if (!t) return;
       const n = t.selectionStart ?? i.length, c = i.slice(0, n).lastIndexOf(`
@@ -241,10 +242,10 @@ const Ae = {
       let l = n;
       for (; l < i.length && !/\s/.test(i[l]); )
         l += 1;
-      const _ = i.slice(l), V = i.slice(0, c) + `/${e.id} ` + _;
+      const j = i.slice(l), V = i.slice(0, c) + `/${e.id} ` + j;
       m(V), k(!1), M(""), queueMicrotask(() => t.focus());
-    }, Me = (e) => {
-      if (O == null || O(e), e.defaultPrevented) return;
+    }, ze = (e) => {
+      if (D == null || D(e), e.defaultPrevented) return;
       const { clipboardData: t } = e;
       if (!t) return;
       const n = [];
@@ -255,15 +256,15 @@ const Ae = {
           l && n.push(l);
         }
       }
-      n.length > 0 && (e.preventDefault(), q(n));
-    }, q = v(
+      n.length > 0 && (e.preventDefault(), Q(n));
+    }, Q = v(
       (e) => {
         var n;
         const t = [];
         for (const r of e) {
           if (typeof h == "number" && r.size > h) {
             I == null || I(
-              o("chat.attachment.rejected", { reason: "size" })
+              d("chat.attachment.rejected", { reason: "size" })
             );
             continue;
           }
@@ -274,36 +275,36 @@ const Ae = {
         }
         t.length > 0 && (S((r) => [...r, ...t]), y == null || y(t.map((r) => r.file)));
       },
-      [h, y, I, o]
-    ), { getRootProps: Pe, getInputProps: ze, isDragActive: Ve } = _e({
-      onDrop: q,
+      [h, y, I, d]
+    ), { getRootProps: Ve, getInputProps: He, isDragActive: Ee } = Le({
+      onDrop: Q,
       maxSize: h,
-      accept: re,
+      accept: ie,
       noClick: !0,
       noKeyboard: !0
-    }), He = (e) => {
+    }), Te = (e) => {
       S((t) => t.filter((n) => n.id !== e));
-    }, z = R ?? pe, G = `${z}-label`, Q = `${z}-slash-list`, Te = (d == null ? void 0 : d.map((e) => ({ value: e.id, label: e.label }))) ?? [];
+    }, z = R ?? me, X = `${z}-label`, Y = `${z}-slash-list`, Ke = (o == null ? void 0 : o.map((e) => ({ value: e.id, label: e.label }))) ?? [];
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: Z,
-        ...Pe({
+        ref: q,
+        ...Ve({
           className: [
-            Ze({ size: ie, className: oe }),
-            Ve ? "ds:outline ds:outline-dashed ds:outline-[color:var(--primary)] ds:outline-offset-2 ds:bg-[color:var(--primary)]/5" : ""
+            qe({ size: de, className: le }),
+            Ee ? "ds:outline ds:outline-dashed ds:outline-[color:var(--primary)] ds:outline-offset-2 ds:bg-[color:var(--primary)]/5" : ""
           ].join(" ")
         }),
-        "aria-label": o("chat.attachmentZone"),
+        "aria-label": d("chat.attachmentZone"),
         "data-component": "ai-prompt-input",
         "data-component-id": R,
         children: [
-          /* @__PURE__ */ a("input", { "aria-label": o("chat.attachmentZone"), ...ze() }),
-          E ? /* @__PURE__ */ a("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ a(
+          /* @__PURE__ */ a("input", { "aria-label": d("chat.attachmentZone"), ...He() }),
+          K ? /* @__PURE__ */ a("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              "aria-label": o("chat.contextActive", { name: E }),
+              "aria-label": d("chat.contextActive", { name: K }),
               onClick: b,
               onKeyDown: (e) => {
                 (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), b == null || b());
@@ -318,29 +319,29 @@ const Ae = {
                 "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]",
                 "ds:forced-colors:focus-visible:outline-[CanvasText]"
               ].join(" "),
-              children: o("chat.contextActive", { name: E })
+              children: d("chat.contextActive", { name: K })
             }
           ) }) : null,
-          /* @__PURE__ */ a("label", { id: G, htmlFor: z, className: "ds:sr-only", children: o("chat.prompt") }),
+          /* @__PURE__ */ a("label", { id: X, htmlFor: z, className: "ds:sr-only", children: d("chat.prompt") }),
           /* @__PURE__ */ u("div", { className: "ds:relative", children: [
             /* @__PURE__ */ a(
               "textarea",
               {
-                ref: me,
+                ref: ve,
                 id: z,
-                rows: K,
+                rows: F,
                 value: i,
-                disabled: U,
-                placeholder: de ?? o("chat.input.placeholder"),
-                "aria-labelledby": G,
+                disabled: G,
+                placeholder: ce ?? d("chat.input.placeholder"),
+                "aria-labelledby": X,
                 role: f ? "combobox" : void 0,
-                "aria-controls": f ? Q : void 0,
+                "aria-controls": f ? Y : void 0,
                 "aria-expanded": f ? !0 : void 0,
-                onChange: xe,
-                onKeyDown: Se,
-                onPaste: Me,
-                onCompositionStart: ye,
-                onCompositionEnd: Ie,
+                onChange: Ie,
+                onKeyDown: Me,
+                onPaste: ze,
+                onCompositionStart: we,
+                onCompositionEnd: Ne,
                 className: [
                   "ds:w-full ds:resize-none ds:bg-transparent ds:outline-none",
                   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]",
@@ -348,13 +349,13 @@ const Ae = {
                   "ds:leading-[var(--line-height-base)]",
                   "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed"
                 ].join(" "),
-                ...le
+                ...pe
               }
             ),
             f ? /* @__PURE__ */ a(
               "div",
               {
-                ref: ue,
+                ref: fe,
                 className: [
                   "ds:absolute ds:start-[var(--spacing-md)] ds:top-full ds:z-50",
                   "ds:mt-[var(--spacing-xs)]",
@@ -367,29 +368,29 @@ const Ae = {
                   "ds:origin-top ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95",
                   "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                 ].join(" "),
-                id: Q,
-                children: /* @__PURE__ */ u(g, { label: o("chat.slashMenu.label"), loop: !0, children: [
+                id: Y,
+                children: /* @__PURE__ */ u(g, { label: d("chat.slashMenu.label"), loop: !0, children: [
                   /* @__PURE__ */ a(
                     g.Input,
                     {
-                      value: ve,
+                      value: he,
                       onValueChange: M,
                       className: "ds:sr-only"
                     }
                   ),
                   /* @__PURE__ */ u(g.List, { className: "ds:max-h-60 ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-                    /* @__PURE__ */ a(g.Empty, { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: o("chat.slashMenu.empty") }),
+                    /* @__PURE__ */ a(g.Empty, { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: d("chat.slashMenu.empty") }),
                     s.map((e) => /* @__PURE__ */ u(
                       g.Item,
                       {
                         value: e.id,
-                        onSelect: () => ke(e),
+                        onSelect: () => Pe(e),
                         className: [
                           "ds:flex ds:flex-col ds:gap-[2px]",
                           "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
                           "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
                           "type-body-sm ds:cursor-pointer",
-                          De.selected
+                          Ae.selected
                         ].join(" "),
                         children: [
                           /* @__PURE__ */ u("span", { className: "ds:font-medium", children: [
@@ -410,40 +411,40 @@ const Ae = {
             "div",
             {
               role: "group",
-              "aria-label": o("chat.attachmentZone"),
+              "aria-label": d("chat.attachmentZone"),
               className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               children: p.map((e) => /* @__PURE__ */ a(
-                Qe,
+                Ye,
                 {
                   file: e.file,
-                  onRemove: () => He(e.id)
+                  onRemove: () => Te(e.id)
                 },
                 e.id
               ))
             }
           ) : null,
           /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
-            d && d.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:me-auto ds:min-w-[140px]", children: /* @__PURE__ */ a(
+            o && o.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:me-auto ds:min-w-[140px]", children: /* @__PURE__ */ a(
               We,
               {
-                "aria-label": o("chat.model.select"),
-                options: Te,
-                value: j || "",
+                "aria-label": d("chat.model.select"),
+                options: Ke,
+                value: _ || "",
                 onValueChange: (e) => {
-                  he(e);
+                  xe(e);
                 },
                 size: "sm"
               }
             ) }) : /* @__PURE__ */ a("div", { className: "ds:me-auto" }),
-            /* @__PURE__ */ a("span", { className: "ds:sr-only", children: o("chat.input.sendHint") }),
+            /* @__PURE__ */ a("span", { className: "ds:sr-only", children: d("chat.input.sendHint") }),
             /* @__PURE__ */ a(
-              te,
+              re,
               {
-                icon: /* @__PURE__ */ a(Le, {}),
-                "aria-label": o("chat.send"),
+                icon: /* @__PURE__ */ a(Ue, {}),
+                "aria-label": d("chat.send"),
                 intent: "primary",
                 size: "sm",
-                disabled: U || !i.trim() && p.length === 0,
+                disabled: G || !i.trim() && p.length === 0,
                 onClick: P,
                 "aria-keyshortcuts": "Meta+Enter Control+Enter"
               }
@@ -454,15 +455,16 @@ const Ae = {
     );
   }
 );
-qe.displayName = "AIPromptInput";
-function Ge(s) {
-  return s < 1024 ? `${s} B` : s < 1024 * 1024 ? `${(s / 1024).toFixed(1)} KB` : `${(s / (1024 * 1024)).toFixed(1)} MB`;
+Qe.displayName = "AIPromptInput";
+const se = { minimumFractionDigits: 1, maximumFractionDigits: 1 };
+function Xe(s, o) {
+  return s < 1024 ? `${W(s, o, { useGrouping: !1 })} B` : s < 1024 * 1024 ? `${W(s / 1024, o, se)} KB` : `${W(s / (1024 * 1024), o, se)} MB`;
 }
-function Qe({
+function Ye({
   file: s,
-  onRemove: d
+  onRemove: o
 }) {
-  const { t: T } = ee("ui");
+  const { t: E, i18n: T } = ae("ui");
   return /* @__PURE__ */ u(
     "span",
     {
@@ -478,15 +480,15 @@ function Qe({
       ].join(" "),
       children: [
         /* @__PURE__ */ a("span", { className: "ds:truncate ds:max-w-[16ch]", children: s.name }),
-        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: Ge(s.size) }),
+        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: Xe(s.size, T.language) }),
         /* @__PURE__ */ a(
-          te,
+          re,
           {
-            icon: /* @__PURE__ */ a(Ue, {}),
-            "aria-label": T("chat.attachment.remove", { name: s.name }),
+            icon: /* @__PURE__ */ a(Ge, {}),
+            "aria-label": E("chat.attachment.remove", { name: s.name }),
             intent: "ghost",
             size: "sm",
-            onClick: d
+            onClick: o
           }
         )
       ]
@@ -494,7 +496,7 @@ function Qe({
   );
 }
 export {
-  qe as A,
-  Ae as a
+  Qe as A,
+  Ze as a
 };
-//# sourceMappingURL=ai-prompt-input-DSGSe4LH.js.map
+//# sourceMappingURL=ai-prompt-input-DzgyoKyk.js.map