@alfadocs/ui-kit-debug 1.61.0 → 1.62.0

package/dist/_chunks/{actions-cell-renderer-CZWGQFKV.js → actions-cell-renderer-BXCpK2_0.js}

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { isValidElement as w, cloneElement as A, forwardRef as B } from "react";
 import { useTranslation as R } from "react-i18next";
-import { I as f } from "./icon-button-dNE6ENLn.js";
-import { I as S } from "./icon-button-group-Du8IvZek.js";
+import { I as f } from "./icon-button-C_1TgRiK.js";
+import { I as S } from "./icon-button-group-NIHji7_y.js";
 import { D as l } from "./dropdown-menu-D1we7oAY.js";
 import { E as T } from "./ellipsis-dRo9ouSU.js";
 function h(s) {
@@ -134,4 +134,4 @@ export {
   V as A,
   G as a
 };
-//# sourceMappingURL=actions-cell-renderer-CZWGQFKV.js.map
+//# sourceMappingURL=actions-cell-renderer-BXCpK2_0.js.map

package/dist/_chunks/{actions-cell-renderer-CZWGQFKV.js.map → actions-cell-renderer-BXCpK2_0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actions-cell-renderer-CZWGQFKV.js","sources":["../../src/components/data-table/cell-renderers/actions-cell-renderer.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  type ForwardedRef,\n} from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../../button/icon-button';\nimport { IconButtonGroup } from '../../icon-button-group';\nimport { DropdownMenu } from '../../dropdown-menu';\n\n// Lucide icons render at their intrinsic 24×24 unless given a `size` prop or\n// `size-*` class. The IconButton's wrapping span is only `size-4` (16px), so a\n// bare `<Trash2 />` overflows and, inside AG Grid's `overflow: hidden` cells,\n// gets clipped into horizontal slivers. Coerce icon nodes to the expected size.\nfunction sizeIcon(node: ReactNode): ReactNode {\n  if (!isValidElement(node)) return node;\n  const element = node as React.ReactElement<{\n    className?: string;\n    size?: number;\n  }>;\n  const existingClass = element.props.className ?? '';\n  const className = /\\bsize-|\\bw-|\\bh-/.test(existingClass)\n    ? existingClass\n    : `${existingClass} size-4`.trim();\n  return cloneElement(element, { className, size: element.props.size ?? 16 });\n}\n\nexport interface ActionDef<TData = unknown> {\n  /** Lucide-style icon node. */\n  icon: ReactNode;\n  /** Accessible label — also used as the tooltip. */\n  label: string;\n  /** Invoked with the row data. */\n  onClick: (data: TData) => void;\n  /** Disable the action. Pass a predicate for per-row disablement. */\n  disabled?: boolean | ((data: TData) => boolean);\n  /** Human-readable reason shown in the tooltip when disabled. */\n  disabledReason?: string;\n  /** `destructive` swaps the button intent. */\n  variant?: 'default' | 'destructive';\n  /** Hide the action entirely. Pass a predicate for per-row hiding. */\n  hidden?: boolean | ((data: TData) => boolean);\n}\n\nexport interface ActionsCellRendererParams<TData = unknown> {\n  actions: ActionDef<TData>[];\n  /** Intent of the inline buttons / the collapsed trigger (default `ghost`). */\n  intent?: 'ghost' | 'outline';\n  /**\n   * Render the inline buttons as a connected `IconButtonGroup` (a segmented\n   * control) rather than a loose row. Requires `label` for the group name.\n   */\n  group?: boolean;\n  /** Accessible name for the group and the collapsed overflow trigger. */\n  label?: string;\n  /**\n   * Collapse the actions into a single \"…\" overflow menu instead of inline\n   * buttons. Pass a getter to flip it at runtime — call\n   * `api.refreshCells({ force: true })` after the underlying value changes so\n   * the cells re-read it (this preserves column state, unlike rebuilding defs).\n   */\n  collapsed?: boolean | (() => boolean);\n  /**\n   * Split button: keep the first `maxInline` visible actions as inline buttons\n   * and fold the rest into a trailing \"…\" menu at the end of the row. The\n   * column then needs `actionsColumnWidth(maxInline + 1)`. Ignored while\n   * `collapsed`; `0` is the same as `collapsed`.\n   */\n  maxInline?: number;\n}\n\n/**\n * Pixel width an actions column needs so `count` inline `sm` IconButtons (32px\n * each — whether segmented via `group` or loose) plus the data-table cell's\n * inline padding never clip. AG Grid gives a column ONE width for every row, so\n * pass the TOTAL number of actions (the worst case where a single row shows them\n * all) — not the per-row visible count, which varies with `hidden` predicates.\n *\n * Use it as the column `width` so a fully-actioned row can't overflow:\n *\n *   {\n *     colId: 'actions',\n *     cellRenderer: ActionsCellRenderer,\n *     cellRendererParams: { actions, group: true },\n *     width: actionsColumnWidth(actions.length),\n *     // minWidth stays at the collapsed footprint when `collapsed` is used.\n *   }\n */\nexport function actionsColumnWidth(count: number): number {\n  const SM_BUTTON = 32; // sm IconButton (`w-8`)\n  // Segmented-group chrome + the cell's inline padding:\n  //   12  segmented-group borders and seams around the buttons\n  // + 16  --spacing-sm each side, the reduced padding the theme gives\n  //       graphic-only cells (a text cell's 30px would clip the group).\n  const CELL_INSET = 28;\n  return Math.max(1, count) * SM_BUTTON + CELL_INSET;\n}\n\nfunction resolve<T>(\n  flag: boolean | ((data: T) => boolean) | undefined,\n  data: T,\n): boolean {\n  if (typeof flag === 'function') return flag(data);\n  return Boolean(flag);\n}\n\nconst destructiveInline =\n  'ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]';\n\nexport function ActionsCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ActionsCellRendererParams<TData>,\n) {\n  const {\n    data,\n    actions,\n    intent = 'ghost',\n    group,\n    label,\n    collapsed,\n    maxInline,\n  } = props;\n  const { t } = useTranslation('ui');\n  if (!data) return null;\n\n  const visible = actions.filter((action) => !resolve(action.hidden, data));\n  const isCollapsed =\n    typeof collapsed === 'function' ? collapsed() : Boolean(collapsed);\n  const inline =\n    maxInline === undefined\n      ? visible\n      : visible.slice(0, Math.max(0, maxInline));\n  const overflow =\n    maxInline === undefined ? [] : visible.slice(Math.max(0, maxInline));\n\n  // Collapsed: one \"…\" trigger opening a DropdownMenu of the actions. Disabled\n  // actions stay in the menu but inert (the per-action `disabledReason` is an\n  // inline-only affordance — a menu row has no tooltip surface).\n  if (isCollapsed) {\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            size=\"sm\"\n            intent={intent}\n            icon={<Ellipsis aria-hidden />}\n            aria-label={label ?? t('dataTable.actions', 'Actions')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">\n          {visible.map((action, index) => (\n            <DropdownMenu.Item\n              // Action defs are referentially stable; index is safe as actions\n              // do not reorder within a row.\n              key={index}\n              startIcon={sizeIcon(action.icon)}\n              disabled={resolve(action.disabled, data)}\n              onSelect={() => action.onClick(data)}\n              className={\n                action.variant === 'destructive'\n                  ? 'ds:text-[color:var(--destructive)]'\n                  : undefined\n              }\n            >\n              {action.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  }\n\n  const buttons = inline.map((action, index) => {\n    const isDisabled = resolve(action.disabled, data);\n    const tooltip =\n      isDisabled && action.disabledReason\n        ? action.disabledReason\n        : action.label;\n    return (\n      <IconButton\n        // See note above on index keys.\n        key={index}\n        size=\"sm\"\n        intent={intent}\n        icon={sizeIcon(action.icon)}\n        tooltip={tooltip}\n        aria-label={action.label}\n        disabled={isDisabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          action.onClick(data);\n        }}\n        className={\n          action.variant === 'destructive' ? destructiveInline : undefined\n        }\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <OverflowActionsMenu\n        key=\"overflow\"\n        data={data}\n        actions={overflow}\n        intent={intent}\n        label={label ?? t('dataTable.actions', 'Actions')}\n      />\n    ) : null;\n\n  return group ? (\n    <IconButtonGroup\n      aria-label={label ?? t('dataTable.actions', 'Actions')}\n      size=\"sm\"\n    >\n      {buttons}\n      {more}\n    </IconButtonGroup>\n  ) : (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {buttons}\n      {more}\n    </span>\n  );\n}\n\ninterface OverflowActionsMenuProps<TData> extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'onClick'\n> {\n  data: TData;\n  actions: ActionDef<TData>[];\n  label: string;\n}\n\n/**\n * The \"…\" end of a split actions button. Forwards its ref and the rest of its\n * props to the trigger IconButton, so an IconButtonGroup can seat it as the\n * last segment exactly like a plain button (the same contract ExportMenu\n * follows in the toolbar).\n */\nconst OverflowActionsMenu = forwardRef(function OverflowActionsMenu<TData>(\n  {\n    data,\n    actions,\n    label,\n    intent = 'ghost',\n    ...rest\n  }: OverflowActionsMenuProps<TData>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          ref={ref}\n          type=\"button\"\n          size=\"sm\"\n          intent={intent}\n          icon={<Ellipsis aria-hidden />}\n          tooltip={label}\n          aria-label={label}\n          onClick={(event) => event.stopPropagation()}\n          {...rest}\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {actions.map((action, index) => (\n          <DropdownMenu.Item\n            key={index}\n            startIcon={sizeIcon(action.icon)}\n            disabled={resolve(action.disabled, data)}\n            onSelect={() => action.onClick(data)}\n            className={\n              action.variant === 'destructive'\n                ? 'ds:text-[color:var(--destructive)]'\n                : undefined\n            }\n          >\n            {action.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}) as <TData>(\n  props: OverflowActionsMenuProps<TData> & {\n    ref?: ForwardedRef<HTMLButtonElement>;\n  },\n) => ReactElement;\n"],"names":["sizeIcon","node","isValidElement","element","existingClass","className","cloneElement","actionsColumnWidth","count","resolve","flag","data","destructiveInline","ActionsCellRenderer","props","actions","intent","group","label","collapsed","maxInline","t","useTranslation","visible","action","isCollapsed","inline","overflow","jsxs","DropdownMenu","jsx","IconButton","Ellipsis","index","buttons","isDisabled","tooltip","event","more","OverflowActionsMenu","IconButtonGroup","forwardRef","rest","ref"],"mappings":"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"}
+{"version":3,"file":"actions-cell-renderer-BXCpK2_0.js","sources":["../../src/components/data-table/cell-renderers/actions-cell-renderer.tsx"],"sourcesContent":["import {\n  type ReactElement,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  forwardRef,\n  type ForwardedRef,\n} from 'react';\nimport type { CustomCellRendererProps } from 'ag-grid-react';\nimport { useTranslation } from 'react-i18next';\nimport { Ellipsis } from 'lucide-react';\nimport { IconButton, type IconButtonProps } from '../../button/icon-button';\nimport { IconButtonGroup } from '../../icon-button-group';\nimport { DropdownMenu } from '../../dropdown-menu';\n\n// Lucide icons render at their intrinsic 24×24 unless given a `size` prop or\n// `size-*` class. The IconButton's wrapping span is only `size-4` (16px), so a\n// bare `<Trash2 />` overflows and, inside AG Grid's `overflow: hidden` cells,\n// gets clipped into horizontal slivers. Coerce icon nodes to the expected size.\nfunction sizeIcon(node: ReactNode): ReactNode {\n  if (!isValidElement(node)) return node;\n  const element = node as React.ReactElement<{\n    className?: string;\n    size?: number;\n  }>;\n  const existingClass = element.props.className ?? '';\n  const className = /\\bsize-|\\bw-|\\bh-/.test(existingClass)\n    ? existingClass\n    : `${existingClass} size-4`.trim();\n  return cloneElement(element, { className, size: element.props.size ?? 16 });\n}\n\nexport interface ActionDef<TData = unknown> {\n  /** Lucide-style icon node. */\n  icon: ReactNode;\n  /** Accessible label — also used as the tooltip. */\n  label: string;\n  /** Invoked with the row data. */\n  onClick: (data: TData) => void;\n  /** Disable the action. Pass a predicate for per-row disablement. */\n  disabled?: boolean | ((data: TData) => boolean);\n  /** Human-readable reason shown in the tooltip when disabled. */\n  disabledReason?: string;\n  /** `destructive` swaps the button intent. */\n  variant?: 'default' | 'destructive';\n  /** Hide the action entirely. Pass a predicate for per-row hiding. */\n  hidden?: boolean | ((data: TData) => boolean);\n}\n\nexport interface ActionsCellRendererParams<TData = unknown> {\n  actions: ActionDef<TData>[];\n  /** Intent of the inline buttons / the collapsed trigger (default `ghost`). */\n  intent?: 'ghost' | 'outline';\n  /**\n   * Render the inline buttons as a connected `IconButtonGroup` (a segmented\n   * control) rather than a loose row. Requires `label` for the group name.\n   */\n  group?: boolean;\n  /** Accessible name for the group and the collapsed overflow trigger. */\n  label?: string;\n  /**\n   * Collapse the actions into a single \"…\" overflow menu instead of inline\n   * buttons. Pass a getter to flip it at runtime — call\n   * `api.refreshCells({ force: true })` after the underlying value changes so\n   * the cells re-read it (this preserves column state, unlike rebuilding defs).\n   */\n  collapsed?: boolean | (() => boolean);\n  /**\n   * Split button: keep the first `maxInline` visible actions as inline buttons\n   * and fold the rest into a trailing \"…\" menu at the end of the row. The\n   * column then needs `actionsColumnWidth(maxInline + 1)`. Ignored while\n   * `collapsed`; `0` is the same as `collapsed`.\n   */\n  maxInline?: number;\n}\n\n/**\n * Pixel width an actions column needs so `count` inline `sm` IconButtons (32px\n * each — whether segmented via `group` or loose) plus the data-table cell's\n * inline padding never clip. AG Grid gives a column ONE width for every row, so\n * pass the TOTAL number of actions (the worst case where a single row shows them\n * all) — not the per-row visible count, which varies with `hidden` predicates.\n *\n * Use it as the column `width` so a fully-actioned row can't overflow:\n *\n *   {\n *     colId: 'actions',\n *     cellRenderer: ActionsCellRenderer,\n *     cellRendererParams: { actions, group: true },\n *     width: actionsColumnWidth(actions.length),\n *     // minWidth stays at the collapsed footprint when `collapsed` is used.\n *   }\n */\nexport function actionsColumnWidth(count: number): number {\n  const SM_BUTTON = 32; // sm IconButton (`w-8`)\n  // Segmented-group chrome + the cell's inline padding:\n  //   12  segmented-group borders and seams around the buttons\n  // + 16  --spacing-sm each side, the reduced padding the theme gives\n  //       graphic-only cells (a text cell's 30px would clip the group).\n  const CELL_INSET = 28;\n  return Math.max(1, count) * SM_BUTTON + CELL_INSET;\n}\n\nfunction resolve<T>(\n  flag: boolean | ((data: T) => boolean) | undefined,\n  data: T,\n): boolean {\n  if (typeof flag === 'function') return flag(data);\n  return Boolean(flag);\n}\n\nconst destructiveInline =\n  'ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]';\n\nexport function ActionsCellRenderer<TData = unknown>(\n  props: CustomCellRendererProps<TData> & ActionsCellRendererParams<TData>,\n) {\n  const {\n    data,\n    actions,\n    intent = 'ghost',\n    group,\n    label,\n    collapsed,\n    maxInline,\n  } = props;\n  const { t } = useTranslation('ui');\n  if (!data) return null;\n\n  const visible = actions.filter((action) => !resolve(action.hidden, data));\n  const isCollapsed =\n    typeof collapsed === 'function' ? collapsed() : Boolean(collapsed);\n  const inline =\n    maxInline === undefined\n      ? visible\n      : visible.slice(0, Math.max(0, maxInline));\n  const overflow =\n    maxInline === undefined ? [] : visible.slice(Math.max(0, maxInline));\n\n  // Collapsed: one \"…\" trigger opening a DropdownMenu of the actions. Disabled\n  // actions stay in the menu but inert (the per-action `disabledReason` is an\n  // inline-only affordance — a menu row has no tooltip surface).\n  if (isCollapsed) {\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <IconButton\n            size=\"sm\"\n            intent={intent}\n            icon={<Ellipsis aria-hidden />}\n            aria-label={label ?? t('dataTable.actions', 'Actions')}\n          />\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">\n          {visible.map((action, index) => (\n            <DropdownMenu.Item\n              // Action defs are referentially stable; index is safe as actions\n              // do not reorder within a row.\n              key={index}\n              startIcon={sizeIcon(action.icon)}\n              disabled={resolve(action.disabled, data)}\n              onSelect={() => action.onClick(data)}\n              className={\n                action.variant === 'destructive'\n                  ? 'ds:text-[color:var(--destructive)]'\n                  : undefined\n              }\n            >\n              {action.label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    );\n  }\n\n  const buttons = inline.map((action, index) => {\n    const isDisabled = resolve(action.disabled, data);\n    const tooltip =\n      isDisabled && action.disabledReason\n        ? action.disabledReason\n        : action.label;\n    return (\n      <IconButton\n        // See note above on index keys.\n        key={index}\n        size=\"sm\"\n        intent={intent}\n        icon={sizeIcon(action.icon)}\n        tooltip={tooltip}\n        aria-label={action.label}\n        disabled={isDisabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          action.onClick(data);\n        }}\n        className={\n          action.variant === 'destructive' ? destructiveInline : undefined\n        }\n      />\n    );\n  });\n\n  const more =\n    overflow.length > 0 ? (\n      <OverflowActionsMenu\n        key=\"overflow\"\n        data={data}\n        actions={overflow}\n        intent={intent}\n        label={label ?? t('dataTable.actions', 'Actions')}\n      />\n    ) : null;\n\n  return group ? (\n    <IconButtonGroup\n      aria-label={label ?? t('dataTable.actions', 'Actions')}\n      size=\"sm\"\n    >\n      {buttons}\n      {more}\n    </IconButtonGroup>\n  ) : (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n      {buttons}\n      {more}\n    </span>\n  );\n}\n\ninterface OverflowActionsMenuProps<TData> extends Omit<\n  IconButtonProps,\n  'icon' | 'aria-label' | 'onClick'\n> {\n  data: TData;\n  actions: ActionDef<TData>[];\n  label: string;\n}\n\n/**\n * The \"…\" end of a split actions button. Forwards its ref and the rest of its\n * props to the trigger IconButton, so an IconButtonGroup can seat it as the\n * last segment exactly like a plain button (the same contract ExportMenu\n * follows in the toolbar).\n */\nconst OverflowActionsMenu = forwardRef(function OverflowActionsMenu<TData>(\n  {\n    data,\n    actions,\n    label,\n    intent = 'ghost',\n    ...rest\n  }: OverflowActionsMenuProps<TData>,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton\n          ref={ref}\n          type=\"button\"\n          size=\"sm\"\n          intent={intent}\n          icon={<Ellipsis aria-hidden />}\n          tooltip={label}\n          aria-label={label}\n          onClick={(event) => event.stopPropagation()}\n          {...rest}\n        />\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        {actions.map((action, index) => (\n          <DropdownMenu.Item\n            key={index}\n            startIcon={sizeIcon(action.icon)}\n            disabled={resolve(action.disabled, data)}\n            onSelect={() => action.onClick(data)}\n            className={\n              action.variant === 'destructive'\n                ? 'ds:text-[color:var(--destructive)]'\n                : undefined\n            }\n          >\n            {action.label}\n          </DropdownMenu.Item>\n        ))}\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}) as <TData>(\n  props: OverflowActionsMenuProps<TData> & {\n    ref?: ForwardedRef<HTMLButtonElement>;\n  },\n) => ReactElement;\n"],"names":["sizeIcon","node","isValidElement","element","existingClass","className","cloneElement","actionsColumnWidth","count","resolve","flag","data","destructiveInline","ActionsCellRenderer","props","actions","intent","group","label","collapsed","maxInline","t","useTranslation","visible","action","isCollapsed","inline","overflow","jsxs","DropdownMenu","jsx","IconButton","Ellipsis","index","buttons","isDisabled","tooltip","event","more","OverflowActionsMenu","IconButtonGroup","forwardRef","rest","ref"],"mappings":"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"}

package/dist/_chunks/{agenda-card-DauvvKX6.js → agenda-card-DR9gDdKp.js}

@@ -3,7 +3,7 @@ import { forwardRef as h } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
 import { A as N } from "./avatar-WZY3eGE7.js";
-import { B as C } from "./badge-hnBt8o7n.js";
+import { B as C } from "./badge-BUk4RjTS.js";
 import { i as w } from "./is-safe-url-DkETxeHz.js";
 import { C as k } from "./chevron-right-I9AeSxH2.js";
 const L = x(
@@ -144,4 +144,4 @@ z.displayName = "AgendaCard";
 export {
   z as A
 };
-//# sourceMappingURL=agenda-card-DauvvKX6.js.map
+//# sourceMappingURL=agenda-card-DR9gDdKp.js.map

package/dist/_chunks/{agenda-card-DauvvKX6.js.map → agenda-card-DR9gDdKp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"agenda-card-DauvvKX6.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\n\n// Back-compat alias — the URL guard now lives in the shared entity-card\n// helper. Existing consumers (and this dir's tests) import isSafeAgendaUrl.\nexport { isSafeEntityUrl as isSafeAgendaUrl } from '../_shared/is-safe-url';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus =\n  | 'confirmed'\n  | 'pending'\n  | 'cancelled'\n  | 'absent';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /**\n   * Localised date eyebrow (e.g. \"Thu 12 Jun\") rendered under the time —\n   * for agendas spanning more than today (upcoming-appointments queues).\n   */\n  dateLabel?: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /**\n   * Context line under the treatment (e.g. \"Dr. Bianchi · Chair 2\").\n   * Localised and pre-joined by the consumer.\n   */\n  meta?: string;\n  /** Free-text booking note — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n  /**\n   * Trailing per-row action toolbar. Rendered above the stretched-link\n   * overlay so the controls stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> =\n  {\n    confirmed: 'success',\n    pending: 'warning',\n    cancelled: 'error',\n    absent: 'error',\n  };\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const baseLabel = t('agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n    // dateLabel renders inside the aria-hidden time column, so it must be\n    // prepended here or multi-day rows get identical accessible names.\n    const ariaLabel = item.dateLabel\n      ? `${item.dateLabel} · ${baseLabel}`\n      : baseLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.patient.name}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"agenda-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n        >\n          {item.time}\n          {item.dateLabel ? (\n            <span className=\"type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n              {item.dateLabel}\n            </span>\n          ) : null}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n          {item.meta ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.meta}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge\n            variant={STATUS_TONE[item.status]}\n            size=\"sm\"\n            withDot\n            className=\"ds:shrink-0\"\n          >\n            {t(`agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","baseLabel","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"agenda-card-DR9gDdKp.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\n\n// Back-compat alias — the URL guard now lives in the shared entity-card\n// helper. Existing consumers (and this dir's tests) import isSafeAgendaUrl.\nexport { isSafeEntityUrl as isSafeAgendaUrl } from '../_shared/is-safe-url';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus =\n  | 'confirmed'\n  | 'pending'\n  | 'cancelled'\n  | 'absent';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /**\n   * Localised date eyebrow (e.g. \"Thu 12 Jun\") rendered under the time —\n   * for agendas spanning more than today (upcoming-appointments queues).\n   */\n  dateLabel?: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /**\n   * Context line under the treatment (e.g. \"Dr. Bianchi · Chair 2\").\n   * Localised and pre-joined by the consumer.\n   */\n  meta?: string;\n  /** Free-text booking note — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n  /**\n   * Trailing per-row action toolbar. Rendered above the stretched-link\n   * overlay so the controls stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> =\n  {\n    confirmed: 'success',\n    pending: 'warning',\n    cancelled: 'error',\n    absent: 'error',\n  };\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const baseLabel = t('agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n    // dateLabel renders inside the aria-hidden time column, so it must be\n    // prepended here or multi-day rows get identical accessible names.\n    const ariaLabel = item.dateLabel\n      ? `${item.dateLabel} · ${baseLabel}`\n      : baseLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.patient.name}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"agenda-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n        >\n          {item.time}\n          {item.dateLabel ? (\n            <span className=\"type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n              {item.dateLabel}\n            </span>\n          ) : null}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n          {item.meta ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.meta}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge\n            variant={STATUS_TONE[item.status]}\n            size=\"sm\"\n            withDot\n            className=\"ds:shrink-0\"\n          >\n            {t(`agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","baseLabel","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":"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"}

package/dist/_chunks/{agenda-tray-DU7O5Z7R.js → agenda-tray-DGB1Zup-.js}

@@ -2,10 +2,10 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as _, useRef as w, useImperativeHandle as q, useMemo as B } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
-import { I as M } from "./icon-button-dNE6ENLn.js";
+import { I as M } from "./icon-button-C_1TgRiK.js";
 import { S as A } from "./skeleton-B1KTdJ4N.js";
 import { E as D } from "./empty-state-pL1qum99.js";
-import { A as V } from "./agenda-card-DauvvKX6.js";
+import { A as V } from "./agenda-card-DR9gDdKp.js";
 import { u as F } from "./registry-DvAUVLHh.js";
 import { C as G } from "./calendar-days-BGWklvE-.js";
 import { P as J } from "./plus-DzMQ_c6b.js";
@@ -212,4 +212,4 @@ export {
   U as A,
   L as a
 };
-//# sourceMappingURL=agenda-tray-DU7O5Z7R.js.map
+//# sourceMappingURL=agenda-tray-DGB1Zup-.js.map

package/dist/_chunks/{agenda-tray-DU7O5Z7R.js.map → agenda-tray-DGB1Zup-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"agenda-tray-DU7O5Z7R.js","sources":["../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  // `pick` (NON-persisting): select_item activates / opens an appointment by\n  // firing onOpenAppointment — it does not store a \"selected\" value on the tray\n  // (there is no selection state slot), so this is a pick, not select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      // Activates (opens) an appointment — pure navigation, no data mutation.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.agendaTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      examples: [\n        { args: { id: 'appt-204' }, note: 'Open appointment appt-204.' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'agenda-tray',\n      description: 'Marks the AgendaTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AgendaCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  /** Optional CTA wired into the empty state (EmptyState primaryAction). */\n  emptyAction?: { label: string; onClick: () => void };\n  /**\n   * Pinned footer link (e.g. \"All upcoming appointments\"). Localised by\n   * the consumer; rendered after the list, before the section closes.\n   */\n  viewAllLabel?: string;\n  /** Fires when the footer link is activated. Required to render it. */\n  onViewAll?: () => void;\n  /**\n   * Per-row trailing action toolbar, forwarded to each AgendaCard's\n   * `actions` slot.\n   */\n  renderItemActions?: (item: AgendaItem) => ReactNode;\n  /**\n   * Constrain the list to the tray's own height and scroll inside it —\n   * pair with a height/max-height on `className`. The scroll region is\n   * keyboard-focusable so it stays operable without a pointer.\n   */\n  scrollable?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaTray = forwardRef<HTMLElement, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      emptyAction,\n      viewAllLabel,\n      onViewAll,\n      renderItemActions,\n      scrollable = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('agendaTray.add', 'Add appointment');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n            primaryAction={emptyAction}\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul\n          className={[\n            // flex-1 unconditionally so a footer pins to the tray's\n            // bottom edge in equal-height grid rows.\n            'ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0',\n            // Keyboard-focusable when it scrolls (axe\n            // scrollable-region-focusable) — pair with a height on the\n            // tray's className.\n            scrollable ? 'ds:overflow-y-auto' : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable list must be keyboard focusable (axe scrollable-region-focusable)\n          tabIndex={scrollable ? 0 : undefined}\n          aria-label={scrollable ? heading : undefined}\n        >\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenAppointment}\n              actions={renderItemActions?.(item)}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n        {viewAllLabel && onViewAll && !isEmpty && !loading ? (\n          <footer className=\"ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]\">\n            <button\n              type=\"button\"\n              onClick={onViewAll}\n              className={[\n                'type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline',\n                'ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {viewAllLabel}\n            </button>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","emptyAction","viewAllLabel","onViewAll","renderItemActions","scrollable","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}
+{"version":3,"file":"agenda-tray-DGB1Zup-.js","sources":["../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  // `pick` (NON-persisting): select_item activates / opens an appointment by\n  // firing onOpenAppointment — it does not store a \"selected\" value on the tray\n  // (there is no selection state slot), so this is a pick, not select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      // Activates (opens) an appointment — pure navigation, no data mutation.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.agendaTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      examples: [\n        { args: { id: 'appt-204' }, note: 'Open appointment appt-204.' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'agenda-tray',\n      description: 'Marks the AgendaTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AgendaCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  /** Optional CTA wired into the empty state (EmptyState primaryAction). */\n  emptyAction?: { label: string; onClick: () => void };\n  /**\n   * Pinned footer link (e.g. \"All upcoming appointments\"). Localised by\n   * the consumer; rendered after the list, before the section closes.\n   */\n  viewAllLabel?: string;\n  /** Fires when the footer link is activated. Required to render it. */\n  onViewAll?: () => void;\n  /**\n   * Per-row trailing action toolbar, forwarded to each AgendaCard's\n   * `actions` slot.\n   */\n  renderItemActions?: (item: AgendaItem) => ReactNode;\n  /**\n   * Constrain the list to the tray's own height and scroll inside it —\n   * pair with a height/max-height on `className`. The scroll region is\n   * keyboard-focusable so it stays operable without a pointer.\n   */\n  scrollable?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaTray = forwardRef<HTMLElement, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      emptyAction,\n      viewAllLabel,\n      onViewAll,\n      renderItemActions,\n      scrollable = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('agendaTray.add', 'Add appointment');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n            primaryAction={emptyAction}\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul\n          className={[\n            // flex-1 unconditionally so a footer pins to the tray's\n            // bottom edge in equal-height grid rows.\n            'ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0',\n            // Keyboard-focusable when it scrolls (axe\n            // scrollable-region-focusable) — pair with a height on the\n            // tray's className.\n            scrollable ? 'ds:overflow-y-auto' : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable list must be keyboard focusable (axe scrollable-region-focusable)\n          tabIndex={scrollable ? 0 : undefined}\n          aria-label={scrollable ? heading : undefined}\n        >\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenAppointment}\n              actions={renderItemActions?.(item)}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n        {viewAllLabel && onViewAll && !isEmpty && !loading ? (\n          <footer className=\"ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]\">\n            <button\n              type=\"button\"\n              onClick={onViewAll}\n              className={[\n                'type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline',\n                'ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {viewAllLabel}\n            </button>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","emptyAction","viewAllLabel","onViewAll","renderItemActions","scrollable","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}

package/dist/_chunks/{ai-credits-notice-MBgQXxsx.js → ai-credits-notice-pK9BOmEz.js}

@@ -4,7 +4,7 @@ import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as v } from "react-i18next";
 import { B as l } from "./button-D-MQxsA_.js";
 import { P as w } from "./progress-D_g_Sl2g.js";
-import { H as o } from "./hover-card-DbTmj-ea.js";
+import { H as o } from "./hover-card-CTNhQXWS.js";
 const y = x("ds:flex ds:flex-col ds:items-start", {
   variants: {
     mode: {
@@ -87,4 +87,4 @@ k.displayName = "AiCreditsNotice";
 export {
   k as A
 };
-//# sourceMappingURL=ai-credits-notice-MBgQXxsx.js.map
+//# sourceMappingURL=ai-credits-notice-pK9BOmEz.js.map

package/dist/_chunks/{ai-credits-notice-MBgQXxsx.js.map → ai-credits-notice-pK9BOmEz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-credits-notice-MBgQXxsx.js","sources":["../../src/components/ai-credits-notice/ai-credits-notice.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { HoverCard } from '../hover-card';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsNotice                                                       */\n/*                                                                       */\n/* The body of the hover card every AI action trigger in the kit shows: */\n/* AI features cost nothing extra today ('included'), or — once paid    */\n/* credit bundles ship with a free tier underneath — a nudge toward     */\n/* them ('bundles'). The host decides which by passing `mode`; nothing  */\n/* here reaches a backend or owns the upsell page itself — `onViewBundles` */\n/* is a seam, not a router.                                             */\n/*                                                                       */\n/* Renders INSIDE a `HoverCard.Content` (it uses `HoverCard.Eyebrow` /   */\n/* `.Heading` / `.Body` / `.Footer`, the same composition `AppointmentPeek` */\n/* uses) — it never renders its own `HoverCard.Root`/`Trigger`. Callers  */\n/* wrap it: `<HoverCard><HoverCard.Trigger asChild>{button}</HoverCard.Trigger>` */\n/* `<HoverCard.Content side=\"bottom\" align=\"start\" size=\"sm\"><AiCreditsNotice … /></HoverCard.Content></HoverCard>`. */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:items-start', {\n  variants: {\n    mode: {\n      included: '',\n      bundles: '',\n    },\n  },\n  defaultVariants: {\n    mode: 'included',\n  },\n});\n\n/** The practice's current AI allowance, when the host tracks one. */\nexport interface AiCreditsNoticeAllowance {\n  /** AI actions left in the current period. */\n  remaining: number;\n  /** The monthly cap. */\n  limit: number;\n  /** When the allowance next resets. Omit if unknown. */\n  resetsOn?: Date;\n}\n\ninterface AiCreditsNoticeSharedProps {\n  /**\n   * The practice's current AI allowance. In `included` mode it renders as an\n   * optional usage line + meter; in `bundles` mode it drives the heading\n   * (\"{{remaining}} of {{limit}} credits\") and the free-tier line in the\n   * body. Omit either mode's allowance to fall back to a generic line.\n   */\n  allowance?: AiCreditsNoticeAllowance;\n  className?: string;\n}\n\nexport interface AiCreditsNoticeIncludedProps extends AiCreditsNoticeSharedProps {\n  mode: 'included';\n  /** Shows a quiet \"Learn more\" link — wire it once the credits upsell page ships. */\n  onLearnMore?: () => void;\n  /**\n   * Shows a quiet \"Don't show again\" link. The host decides what \"again\"\n   * means — typically stop rendering `aiCreditsNotice` on the editor for the\n   * rest of this mount, and persist the choice if it should survive a\n   * reload (see the component's docs for a `usePersistentState` example).\n   * Use a storage key scoped to the mode: switching from `included` to\n   * `bundles` is a different message and should show once more.\n   */\n  onDismiss?: () => void;\n}\n\nexport interface AiCreditsNoticeBundlesProps extends AiCreditsNoticeSharedProps {\n  mode: 'bundles';\n  /** Opens the host's AI-credits bundle picker. The kit never builds that page itself. */\n  onViewBundles: () => void;\n  /** Shows a quiet \"What each action costs\" link. */\n  onSeeCosts?: () => void;\n  /** Shows a quiet \"Don't show again\" link. See the `included` prop of the\n   *  same name — the same mode-scoped-key guidance applies here too. */\n  onDismiss?: () => void;\n}\n\nexport type AiCreditsNoticeProps =\n  | AiCreditsNoticeIncludedProps\n  | AiCreditsNoticeBundlesProps;\n\n/* Every callback either mode can carry, all optional at once. The footer\n   reads them from `props`; this shape exists only so the component can\n   destructure them OUT of the `rest` it spreads onto the root `<div>`.\n   React resolves any `on[A-Z]…` prop as a DOM event, so leaving them in\n   `rest` logged \"Unknown event handler property: onLearnMore\" (and one per\n   sibling) on every render — and the editor renders this card on every AI\n   trigger, so the warnings repeated on every hover (caught in review on\n   #180). A cast, not four narrowed reads: `props` is a discriminated union\n   and TypeScript refuses `onViewBundles` off the `included` arm. */\ntype AiCreditsNoticeCallbacks = Partial<\n  Pick<AiCreditsNoticeIncludedProps, 'onLearnMore' | 'onDismiss'> &\n    Pick<AiCreditsNoticeBundlesProps, 'onViewBundles' | 'onSeeCosts'>\n>;\n\nexport const AiCreditsNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsNoticeProps & Omit<HTMLAttributes<HTMLDivElement>, 'className'>\n>((props, ref) => {\n  const { t, i18n } = useTranslation('ui');\n  // Two steps, not one. The first reads straight off `props` so that\n  // `mode === 'included'` below still narrows `props` itself (TypeScript's\n  // aliased-discriminant narrowing) — destructuring off a cast breaks that\n  // link and the footer's `props.onLearnMore` stops compiling. The second\n  // strips the callbacks out of what is left, so `rest` reaches the DOM node\n  // carrying only real HTML attributes. See `AiCreditsNoticeCallbacks`.\n  const { allowance, className, mode, ...restWithCallbacks } = props;\n  const {\n    onLearnMore: _onLearnMore,\n    onDismiss: _onDismiss,\n    onViewBundles: _onViewBundles,\n    onSeeCosts: _onSeeCosts,\n    ...rest\n  } = restWithCallbacks as typeof restWithCallbacks & AiCreditsNoticeCallbacks;\n\n  // A `limit` of 0 (a host still loading, or a plan with no allowance at\n  // all) would divide by zero in the Progress meter — treat it the same as\n  // no allowance rather than rendering a broken 0/0 meter.\n  const hasUsableAllowance = Boolean(allowance && allowance.limit > 0);\n\n  const resetsOnText =\n    hasUsableAllowance && allowance?.resetsOn\n      ? new Intl.DateTimeFormat(i18n.language, {\n          day: 'numeric',\n          month: 'long',\n        }).format(allowance.resetsOn)\n      : undefined;\n\n  const allowanceLine = hasUsableAllowance\n    ? t('aiCreditsNotice.included.allowance', {\n        remaining: allowance!.remaining,\n        limit: allowance!.limit,\n      })\n    : undefined;\n\n  // `hasUsableAllowance`, not a bare `allowance` check: a host still loading\n  // sends `{ remaining: 0, limit: 0 }`, which read literally becomes \"0 of 0\n  // credits\" and \"the free tier includes 0 actions a month\" — two sentences\n  // that are wrong rather than merely vague. `included` already treated a\n  // zero limit as no allowance; `bundles` now agrees and falls back to the\n  // generic lines (caught in review on #180).\n  const heading =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.heading')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.headingWithAllowance', {\n            remaining: allowance!.remaining,\n            limit: allowance!.limit,\n          })\n        : t('aiCreditsNotice.bundles.eyebrow');\n\n  const body =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.body')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.body', { limit: allowance!.limit })\n        : t('aiCreditsNotice.bundles.bodyGeneric');\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      // AFTER `rest`, not before: these are the required agent-readiness DOM\n      // hooks (see 26-agent-readiness.mdx §A3) and must always win over\n      // anything a caller passes through the HTMLAttributes spread — a\n      // caller-supplied `data-component` must never be able to replace the\n      // component's own marker.\n      data-component=\"ai-credits-notice\"\n      data-mode={mode}\n      className={rootVariants({ mode, className })}\n    >\n      <HoverCard.Eyebrow>\n        {mode === 'included'\n          ? t('aiCreditsNotice.included.eyebrow')\n          : t('aiCreditsNotice.bundles.eyebrow')}\n      </HoverCard.Eyebrow>\n      <HoverCard.Heading>{heading}</HoverCard.Heading>\n      <HoverCard.Body>\n        <p className=\"ds:m-0\">{body}</p>\n        {mode === 'included' && hasUsableAllowance ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <span className=\"type-label\">{allowanceLine}</span>\n            </div>\n            <Progress\n              value={Math.max(0, allowance!.limit - allowance!.remaining)}\n              max={allowance!.limit}\n              size=\"sm\"\n              ariaLabel={t('aiCreditsNotice.included.eyebrow')}\n              ariaValueText={allowanceLine}\n            />\n            {resetsOnText ? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiCreditsNotice.included.resetsOn', { date: resetsOnText })}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </HoverCard.Body>\n      {mode === 'included' ? (\n        props.onLearnMore || props.onDismiss ? (\n          <HoverCard.Footer>\n            {props.onDismiss ? (\n              <Button\n                intent=\"link\"\n                size=\"sm\"\n                onClick={props.onDismiss}\n                className=\"ds:me-auto\"\n              >\n                {t('aiCreditsNotice.dismiss')}\n              </Button>\n            ) : null}\n            {props.onLearnMore ? (\n              <Button intent=\"link\" size=\"sm\" onClick={props.onLearnMore}>\n                {t('aiCreditsNotice.included.learnMore')}\n              </Button>\n            ) : null}\n          </HoverCard.Footer>\n        ) : null\n      ) : (\n        <HoverCard.Footer>\n          {props.onSeeCosts || props.onDismiss ? (\n            <div className=\"ds:me-auto ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {props.onSeeCosts ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onSeeCosts}>\n                  {t('aiCreditsNotice.bundles.seeCosts')}\n                </Button>\n              ) : null}\n              {props.onDismiss ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onDismiss}>\n                  {t('aiCreditsNotice.dismiss')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          <Button intent=\"tonal\" size=\"sm\" onClick={props.onViewBundles}>\n            {t('aiCreditsNotice.bundles.viewBundles')}\n          </Button>\n        </HoverCard.Footer>\n      )}\n    </div>\n  );\n});\nAiCreditsNotice.displayName = 'AiCreditsNotice';\n"],"names":["rootVariants","cva","AiCreditsNotice","forwardRef","props","ref","t","i18n","useTranslation","allowance","className","mode","restWithCallbacks","_onLearnMore","_onDismiss","_onViewBundles","_onSeeCosts","rest","hasUsableAllowance","resetsOnText","allowanceLine","heading","body","jsxs","jsx","HoverCard","Progress","Button"],"mappings":"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"}
+{"version":3,"file":"ai-credits-notice-pK9BOmEz.js","sources":["../../src/components/ai-credits-notice/ai-credits-notice.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { HoverCard } from '../hover-card';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsNotice                                                       */\n/*                                                                       */\n/* The body of the hover card every AI action trigger in the kit shows: */\n/* AI features cost nothing extra today ('included'), or — once paid    */\n/* credit bundles ship with a free tier underneath — a nudge toward     */\n/* them ('bundles'). The host decides which by passing `mode`; nothing  */\n/* here reaches a backend or owns the upsell page itself — `onViewBundles` */\n/* is a seam, not a router.                                             */\n/*                                                                       */\n/* Renders INSIDE a `HoverCard.Content` (it uses `HoverCard.Eyebrow` /   */\n/* `.Heading` / `.Body` / `.Footer`, the same composition `AppointmentPeek` */\n/* uses) — it never renders its own `HoverCard.Root`/`Trigger`. Callers  */\n/* wrap it: `<HoverCard><HoverCard.Trigger asChild>{button}</HoverCard.Trigger>` */\n/* `<HoverCard.Content side=\"bottom\" align=\"start\" size=\"sm\"><AiCreditsNotice … /></HoverCard.Content></HoverCard>`. */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:items-start', {\n  variants: {\n    mode: {\n      included: '',\n      bundles: '',\n    },\n  },\n  defaultVariants: {\n    mode: 'included',\n  },\n});\n\n/** The practice's current AI allowance, when the host tracks one. */\nexport interface AiCreditsNoticeAllowance {\n  /** AI actions left in the current period. */\n  remaining: number;\n  /** The monthly cap. */\n  limit: number;\n  /** When the allowance next resets. Omit if unknown. */\n  resetsOn?: Date;\n}\n\ninterface AiCreditsNoticeSharedProps {\n  /**\n   * The practice's current AI allowance. In `included` mode it renders as an\n   * optional usage line + meter; in `bundles` mode it drives the heading\n   * (\"{{remaining}} of {{limit}} credits\") and the free-tier line in the\n   * body. Omit either mode's allowance to fall back to a generic line.\n   */\n  allowance?: AiCreditsNoticeAllowance;\n  className?: string;\n}\n\nexport interface AiCreditsNoticeIncludedProps extends AiCreditsNoticeSharedProps {\n  mode: 'included';\n  /** Shows a quiet \"Learn more\" link — wire it once the credits upsell page ships. */\n  onLearnMore?: () => void;\n  /**\n   * Shows a quiet \"Don't show again\" link. The host decides what \"again\"\n   * means — typically stop rendering `aiCreditsNotice` on the editor for the\n   * rest of this mount, and persist the choice if it should survive a\n   * reload (see the component's docs for a `usePersistentState` example).\n   * Use a storage key scoped to the mode: switching from `included` to\n   * `bundles` is a different message and should show once more.\n   */\n  onDismiss?: () => void;\n}\n\nexport interface AiCreditsNoticeBundlesProps extends AiCreditsNoticeSharedProps {\n  mode: 'bundles';\n  /** Opens the host's AI-credits bundle picker. The kit never builds that page itself. */\n  onViewBundles: () => void;\n  /** Shows a quiet \"What each action costs\" link. */\n  onSeeCosts?: () => void;\n  /** Shows a quiet \"Don't show again\" link. See the `included` prop of the\n   *  same name — the same mode-scoped-key guidance applies here too. */\n  onDismiss?: () => void;\n}\n\nexport type AiCreditsNoticeProps =\n  | AiCreditsNoticeIncludedProps\n  | AiCreditsNoticeBundlesProps;\n\n/* Every callback either mode can carry, all optional at once. The footer\n   reads them from `props`; this shape exists only so the component can\n   destructure them OUT of the `rest` it spreads onto the root `<div>`.\n   React resolves any `on[A-Z]…` prop as a DOM event, so leaving them in\n   `rest` logged \"Unknown event handler property: onLearnMore\" (and one per\n   sibling) on every render — and the editor renders this card on every AI\n   trigger, so the warnings repeated on every hover (caught in review on\n   #180). A cast, not four narrowed reads: `props` is a discriminated union\n   and TypeScript refuses `onViewBundles` off the `included` arm. */\ntype AiCreditsNoticeCallbacks = Partial<\n  Pick<AiCreditsNoticeIncludedProps, 'onLearnMore' | 'onDismiss'> &\n    Pick<AiCreditsNoticeBundlesProps, 'onViewBundles' | 'onSeeCosts'>\n>;\n\nexport const AiCreditsNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsNoticeProps & Omit<HTMLAttributes<HTMLDivElement>, 'className'>\n>((props, ref) => {\n  const { t, i18n } = useTranslation('ui');\n  // Two steps, not one. The first reads straight off `props` so that\n  // `mode === 'included'` below still narrows `props` itself (TypeScript's\n  // aliased-discriminant narrowing) — destructuring off a cast breaks that\n  // link and the footer's `props.onLearnMore` stops compiling. The second\n  // strips the callbacks out of what is left, so `rest` reaches the DOM node\n  // carrying only real HTML attributes. See `AiCreditsNoticeCallbacks`.\n  const { allowance, className, mode, ...restWithCallbacks } = props;\n  const {\n    onLearnMore: _onLearnMore,\n    onDismiss: _onDismiss,\n    onViewBundles: _onViewBundles,\n    onSeeCosts: _onSeeCosts,\n    ...rest\n  } = restWithCallbacks as typeof restWithCallbacks & AiCreditsNoticeCallbacks;\n\n  // A `limit` of 0 (a host still loading, or a plan with no allowance at\n  // all) would divide by zero in the Progress meter — treat it the same as\n  // no allowance rather than rendering a broken 0/0 meter.\n  const hasUsableAllowance = Boolean(allowance && allowance.limit > 0);\n\n  const resetsOnText =\n    hasUsableAllowance && allowance?.resetsOn\n      ? new Intl.DateTimeFormat(i18n.language, {\n          day: 'numeric',\n          month: 'long',\n        }).format(allowance.resetsOn)\n      : undefined;\n\n  const allowanceLine = hasUsableAllowance\n    ? t('aiCreditsNotice.included.allowance', {\n        remaining: allowance!.remaining,\n        limit: allowance!.limit,\n      })\n    : undefined;\n\n  // `hasUsableAllowance`, not a bare `allowance` check: a host still loading\n  // sends `{ remaining: 0, limit: 0 }`, which read literally becomes \"0 of 0\n  // credits\" and \"the free tier includes 0 actions a month\" — two sentences\n  // that are wrong rather than merely vague. `included` already treated a\n  // zero limit as no allowance; `bundles` now agrees and falls back to the\n  // generic lines (caught in review on #180).\n  const heading =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.heading')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.headingWithAllowance', {\n            remaining: allowance!.remaining,\n            limit: allowance!.limit,\n          })\n        : t('aiCreditsNotice.bundles.eyebrow');\n\n  const body =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.body')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.body', { limit: allowance!.limit })\n        : t('aiCreditsNotice.bundles.bodyGeneric');\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      // AFTER `rest`, not before: these are the required agent-readiness DOM\n      // hooks (see 26-agent-readiness.mdx §A3) and must always win over\n      // anything a caller passes through the HTMLAttributes spread — a\n      // caller-supplied `data-component` must never be able to replace the\n      // component's own marker.\n      data-component=\"ai-credits-notice\"\n      data-mode={mode}\n      className={rootVariants({ mode, className })}\n    >\n      <HoverCard.Eyebrow>\n        {mode === 'included'\n          ? t('aiCreditsNotice.included.eyebrow')\n          : t('aiCreditsNotice.bundles.eyebrow')}\n      </HoverCard.Eyebrow>\n      <HoverCard.Heading>{heading}</HoverCard.Heading>\n      <HoverCard.Body>\n        <p className=\"ds:m-0\">{body}</p>\n        {mode === 'included' && hasUsableAllowance ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <span className=\"type-label\">{allowanceLine}</span>\n            </div>\n            <Progress\n              value={Math.max(0, allowance!.limit - allowance!.remaining)}\n              max={allowance!.limit}\n              size=\"sm\"\n              ariaLabel={t('aiCreditsNotice.included.eyebrow')}\n              ariaValueText={allowanceLine}\n            />\n            {resetsOnText ? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiCreditsNotice.included.resetsOn', { date: resetsOnText })}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </HoverCard.Body>\n      {mode === 'included' ? (\n        props.onLearnMore || props.onDismiss ? (\n          <HoverCard.Footer>\n            {props.onDismiss ? (\n              <Button\n                intent=\"link\"\n                size=\"sm\"\n                onClick={props.onDismiss}\n                className=\"ds:me-auto\"\n              >\n                {t('aiCreditsNotice.dismiss')}\n              </Button>\n            ) : null}\n            {props.onLearnMore ? (\n              <Button intent=\"link\" size=\"sm\" onClick={props.onLearnMore}>\n                {t('aiCreditsNotice.included.learnMore')}\n              </Button>\n            ) : null}\n          </HoverCard.Footer>\n        ) : null\n      ) : (\n        <HoverCard.Footer>\n          {props.onSeeCosts || props.onDismiss ? (\n            <div className=\"ds:me-auto ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {props.onSeeCosts ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onSeeCosts}>\n                  {t('aiCreditsNotice.bundles.seeCosts')}\n                </Button>\n              ) : null}\n              {props.onDismiss ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onDismiss}>\n                  {t('aiCreditsNotice.dismiss')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          <Button intent=\"tonal\" size=\"sm\" onClick={props.onViewBundles}>\n            {t('aiCreditsNotice.bundles.viewBundles')}\n          </Button>\n        </HoverCard.Footer>\n      )}\n    </div>\n  );\n});\nAiCreditsNotice.displayName = 'AiCreditsNotice';\n"],"names":["rootVariants","cva","AiCreditsNotice","forwardRef","props","ref","t","i18n","useTranslation","allowance","className","mode","restWithCallbacks","_onLearnMore","_onDismiss","_onViewBundles","_onSeeCosts","rest","hasUsableAllowance","resetsOnText","allowanceLine","heading","body","jsxs","jsx","HoverCard","Progress","Button"],"mappings":"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"}

package/dist/_chunks/{ai-permission-notice-BJHutKLE.js → ai-permission-notice-DpRmZ9Q3.js}

@@ -2,10 +2,10 @@ import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import { forwardRef as z, useState as C, useRef as E, useMemo as F } from "react";
 import { c as M } from "./index-D2ZczOXr.js";
 import { useTranslation as P } from "react-i18next";
-import { A as g } from "./alert-BhCstf2h.js";
-import { B as D } from "./badge-hnBt8o7n.js";
+import { A as g } from "./alert-DdDpOi-P.js";
+import { B as D } from "./badge-BUk4RjTS.js";
 import { B as H } from "./button-D-MQxsA_.js";
-import { C as J } from "./checkbox--ndmyokr.js";
+import { C as J } from "./checkbox-BjDv-r3o.js";
 import { S as U } from "./spinner-CoflYlEx.js";
 import { T as W } from "./timestamp-DPLDWdxA.js";
 import { u as _ } from "./registry-DvAUVLHh.js";
@@ -203,4 +203,4 @@ export {
   Q as A,
   $ as a
 };
-//# sourceMappingURL=ai-permission-notice-BJHutKLE.js.map
+//# sourceMappingURL=ai-permission-notice-DpRmZ9Q3.js.map

package/dist/_chunks/{ai-permission-notice-BJHutKLE.js.map → ai-permission-notice-DpRmZ9Q3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-permission-notice-BJHutKLE.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-DpRmZ9Q3.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-Dzos37rf.js → ai-prompt-input-DSGSe4LH.js}

@@ -7,7 +7,7 @@ import { u as Re } 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-dNE6ENLn.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";
@@ -497,4 +497,4 @@ export {
   qe as A,
   Ae as a
 };
-//# sourceMappingURL=ai-prompt-input-Dzos37rf.js.map
+//# sourceMappingURL=ai-prompt-input-DSGSe4LH.js.map