@alfadocs/ui-kit-debug 1.103.1 → 1.105.0

package/dist/_chunks/{ai-credits-exhausted-notice-CwZnSACy.js → ai-credits-exhausted-notice-Lws3113e.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as S, useId as E } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { C as P, A as b } from "./alert-9kEwDza3.js";
+import { C as P, A as b } from "./alert-C4WKViaS.js";
 import { B as U } from "./button-DohK_Ak_.js";
 import { P as _ } from "./progress-D_g_Sl2g.js";
 import { f as j, n as F } from "./intl-locale-FWh-Y5_3.js";
@@ -284,4 +284,4 @@ export {
   an as a,
   $ as i
 };
-//# sourceMappingURL=ai-credits-exhausted-notice-CwZnSACy.js.map
+//# sourceMappingURL=ai-credits-exhausted-notice-Lws3113e.js.map

package/dist/_chunks/{ai-credits-exhausted-notice-CwZnSACy.js.map → ai-credits-exhausted-notice-Lws3113e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-credits-exhausted-notice-CwZnSACy.js","sources":["../../node_modules/lucide-react/dist/esm/icons/headset.mjs","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z\",\n      key: \"12oyoe\"\n    }\n  ],\n  [\"path\", { d: \"M21 16v2a4 4 0 0 1-4 4h-5\", key: \"1x7m43\" }]\n];\nconst Headset = createLucideIcon(\"headset\", __iconNode);\n\nexport { __iconNode, Headset as default };\n//# sourceMappingURL=headset.mjs.map\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowLeft,\n  Astroid,\n  CircleArrowUp,\n  Headset,\n  Hourglass,\n  TrendingUp,\n} from 'lucide-react';\nimport { Alert, type AlertAnnounce } from '../alert';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatLocale, numberLocale } from '../_shared/intl-locale';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice and AiCreditsWarning                         */\n/*                                                                       */\n/* The practice's AI credits, as the platform keeps them: a yearly      */\n/* allowance that comes with the AI credits module and expires at the    */\n/* end of the subscription term, then welcome and bought credits that    */\n/* never expire. The kit never talks to a backend: the host passes what  */\n/* it knows (`AiCreditsInfo`) and the next steps it can offer.           */\n/*                                                                       */\n/*  - `AiCreditsExhaustedNotice`: the out-of-credits state. A promo      */\n/*    Alert with the allowance meter and one clear next step. Promoted   */\n/*    from the help-me-write-templates pattern, which re-exports it.     */\n/*  - `AiCreditsWarning`: the quiet, non-blocking lines: running low     */\n/*    (80% used), credits expiring, or out of credits at rest.           */\n/*                                                                       */\n/* The hover card every AI trigger can carry is `AiCreditsNotice`, in    */\n/* the sibling file.                                                     */\n/* -------------------------------------------------------------------- */\n\n/** Credits that expire soon: the platform's yearly allowance at the end of\n *  the subscription term. Welcome and bought credits never expire. */\nexport interface AiCreditsExpiring {\n  /** How many credits expire. */\n  amount: number;\n  /** When they expire. */\n  date: Date;\n}\n\n/** The practice's AI credits and the next steps the host can offer. All\n *  optional: the kit shows only what it is given. */\nexport interface AiCreditsInfo {\n  /** Credits left. */\n  remaining?: number;\n  /** The allowance `remaining` counts down from, for the meter. */\n  limit?: number;\n  /**\n   * When a new allowance starts: \"renews on\". On the platform, the yearly\n   * allowance at the subscription's renewal. Omit when it will not renew.\n   */\n  renewsOn?: Date;\n  /** @deprecated Use `renewsOn`. Read the same way, as a renewal date. */\n  resetsOn?: Date;\n  /**\n   * Credits that expire soon: \"expire on\". `AiCreditsWarning` shows it as\n   * a quiet line; the out-of-credits notice never does (nothing is left to\n   * expire).\n   */\n  expiring?: AiCreditsExpiring;\n  /**\n   * Shows the running-low line in `AiCreditsWarning`. Default: true when\n   * 80% or more of `limit` is used and some credit is left. A host whose\n   * balance mixes the yearly allowance with welcome or bought credits\n   * passes it itself: 80% of one `limit` does not describe that balance.\n   */\n  runningLow?: boolean;\n  /**\n   * Shows a \"Buy AI credits\" button. Omit while the practice cannot buy\n   * credits (on the platform, without the module and the pack page).\n   */\n  onBuyCredits?: () => void;\n  /**\n   * Shows an \"Enable the AI credits module\" button: the upgrade path for a\n   * practice without the module.\n   */\n  onUpgrade?: () => void;\n  /** Shows a \"Contact support\" button. */\n  onContactSupport?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\n/** Heading levels the notice title accepts. */\nexport type AiCreditsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Share of `limit` used at which credits count as running low. */\nconst RUNNING_LOW_USED = 0.8;\n\n/** Whether `credits` are running low: the host's `runningLow`, else 80% or\n *  more of `limit` used with some credit left. */\nexport function isAiCreditsRunningLow(credits?: AiCreditsInfo): boolean {\n  if (!credits) return false;\n  if (credits.runningLow !== undefined) return credits.runningLow;\n  const { remaining, limit } = credits;\n  if (remaining === undefined || limit === undefined || limit <= 0) {\n    return false;\n  }\n  return remaining > 0 && limit - remaining >= limit * RUNNING_LOW_USED;\n}\n\n/** The renewal date, from `renewsOn` or the older `resetsOn`. */\nfunction renewalDate(credits?: AiCreditsInfo): Date | undefined {\n  return credits?.renewsOn ?? credits?.resetsOn;\n}\n\n/** The kit's number and date formatting for the active UI language.\n *  Credits can be fractional on the platform (0.1 is the minimum cost). */\nfunction useCreditsFormat() {\n  const { i18n } = useTranslation('ui');\n  const locale = formatLocale(i18n.language);\n  const numbers = new Intl.NumberFormat(numberLocale(locale), {\n    maximumFractionDigits: 1,\n  });\n  const dates = new Intl.DateTimeFormat(locale, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  });\n  return {\n    number: (value: number) => numbers.format(value),\n    date: (value: Date) => dates.format(value),\n  };\n}\n\n// The kit's target size (44px, 48px in the accessible themes) on every\n// control, at every width. On a size `md` Button: size `sm` drops its\n// minimum height from 640px up.\nconst TARGET = 'ds:min-h-[var(--min-target-size)]';\n\n// The lead step's label wraps instead of truncating: a long translation\n// (\"Das KI-Guthaben-Modul aktivieren\") never loses words in a narrow\n// panel. The Button's own height and nowrap give way; the target stays.\nconst WRAPPING_LABEL = [\n  TARGET,\n  'ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]',\n  'ds:py-[var(--spacing-xs)]',\n].join(' ');\n\n// The text links: the notice's secondary steps and the quiet line's step.\n// Native buttons at the target size with the kit focus ring. `inherit`\n// takes the promo Alert's own text colour, which holds AA on its gradient\n// (the Button `link` intent's `--primary` does not); `link` is the `--link`\n// token, which holds AA on the card and popover surfaces in every theme,\n// as in AgendaTray's footer link.\nconst textLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]',\n    'type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:text-[color:LinkText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        inherit: 'ds:text-[color:inherit]',\n        link: 'ds:text-[color:var(--link)]',\n      },\n    },\n    defaultVariants: { tone: 'link' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice                                              */\n/* -------------------------------------------------------------------- */\n\nconst noticeRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\n\nexport interface AiCreditsExhaustedNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance and the next steps the host can offer. */\n  credits?: AiCreditsInfo;\n  /** Shows a Back button under the notice. */\n  onBack?: () => void;\n  /** A quiet line under the notice, beside Back: what the user keeps. */\n  footnote?: ReactNode;\n  /** Heading level of the title. Default 2. */\n  headingLevel?: AiCreditsHeadingLevel;\n  /**\n   * How the notice is announced when it appears. Default: the promo\n   * Alert's polite status. Pass `'off'` when the host announces it.\n   */\n  announce?: AlertAnnounce;\n}\n\n/**\n * The out-of-credits state: what happened, the allowance, and the next\n * step. The first of buy, enable the module and contact support the host\n * passes is the main button; any others follow as links. With none, it\n * says when AI comes back, or plainly that it is unavailable and how to\n * get help: never a dead end.\n */\nexport const AiCreditsExhaustedNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsExhaustedNoticeProps\n>(\n  (\n    {\n      credits,\n      onBack,\n      footnote,\n      headingLevel = 2,\n      announce,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const format = useCreditsFormat();\n    const titleId = useId();\n    const limit = credits?.limit;\n    const remaining = credits?.remaining ?? 0;\n    // A limit of 0 (a host still loading) would divide by zero in the meter.\n    const remainingText =\n      limit !== undefined && limit > 0\n        ? t('aiCredits.remaining', {\n            remaining: format.number(remaining),\n            limit: format.number(limit),\n          })\n        : undefined;\n    const renews = renewalDate(credits);\n    const renewsText = renews ? format.date(renews) : undefined;\n\n    // The first next step the host offers leads; the rest follow as links.\n    const steps = [\n      credits?.onBuyCredits\n        ? {\n            key: 'buy',\n            label: t('aiCredits.buy'),\n            icon: <TrendingUp aria-hidden=\"true\" />,\n            onClick: credits.onBuyCredits,\n          }\n        : null,\n      credits?.onUpgrade\n        ? {\n            key: 'upgrade',\n            label: t('aiCredits.upgrade'),\n            icon: <CircleArrowUp aria-hidden=\"true\" />,\n            onClick: credits.onUpgrade,\n          }\n        : null,\n      credits?.onContactSupport\n        ? {\n            key: 'support',\n            label: t('aiCredits.contactSupport'),\n            icon: <Headset aria-hidden=\"true\" />,\n            onClick: credits.onContactSupport,\n          }\n        : null,\n    ].filter((step) => step !== null);\n    const lead = steps[0]?.key;\n\n    // The body names the lead step. Without one, it says when AI comes\n    // back, or that it is unavailable and how to get help.\n    const body =\n      lead === 'buy'\n        ? t('aiCredits.bodyBuy')\n        : lead === 'upgrade'\n          ? t('aiCredits.bodyUpgrade')\n          : lead === 'support'\n            ? t('aiCredits.bodySupport')\n            : renewsText\n              ? t('aiCredits.bodyRenews', { date: renewsText })\n              : t('aiCredits.bodyNone');\n    // With a next step, the renewal date is a line of its own.\n    const renewsLine = lead && renewsText ? renewsText : undefined;\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        // After `rest`: the marker always wins over a caller's attribute.\n        data-component=\"ai-credits-exhausted-notice\"\n        // Named by its title, so a host that moves focus here (the\n        // VoiceControlPanel does) has it read from the title.\n        role=\"group\"\n        aria-labelledby={titleId}\n        className={noticeRootVariants({ className })}\n      >\n        <Alert\n          variant=\"promo\"\n          announce={announce}\n          icon={<Astroid aria-hidden=\"true\" />}\n          // The focus ring takes the promo text colour, which holds 3:1 on\n          // the promo tint in every theme (`--ring` does not on dark).\n          className=\"ds:[--ring:var(--promo-foreground)]\"\n        >\n          <Alert.Title as={`h${headingLevel}` as const} id={titleId}>\n            {t('aiCredits.title')}\n          </Alert.Title>\n          <Alert.Description>{body}</Alert.Description>\n          {renewsLine ? (\n            <p\n              className=\"ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm\"\n              data-credits-renews=\"\"\n            >\n              {t('aiCredits.renewsOn', { date: renewsLine })}\n            </p>\n          ) : null}\n          {remainingText && limit !== undefined ? (\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\">{t('aiCredits.meterLabel')}</span>\n                <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                  {remainingText}\n                </span>\n              </div>\n              <Progress\n                value={Math.max(0, limit - remaining)}\n                max={limit}\n                size=\"sm\"\n                ariaLabel={t('aiCredits.meterLabel')}\n                ariaValueText={remainingText}\n              />\n            </div>\n          ) : null}\n          {steps.length > 0 || credits?.onSeeCosts ? (\n            <Alert.Action>\n              {steps.map((step, index) =>\n                index === 0 ? (\n                  <Button\n                    key={step.key}\n                    intent=\"tonal\"\n                    size=\"md\"\n                    startIcon={step.icon}\n                    onClick={step.onClick}\n                    className={WRAPPING_LABEL}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </Button>\n                ) : (\n                  <button\n                    key={step.key}\n                    type=\"button\"\n                    onClick={step.onClick}\n                    className={textLinkVariants({ tone: 'inherit' })}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </button>\n                ),\n              )}\n              {credits?.onSeeCosts ? (\n                <button\n                  type=\"button\"\n                  onClick={credits.onSeeCosts}\n                  className={textLinkVariants({ tone: 'inherit' })}\n                  data-credits-action=\"costs\"\n                >\n                  {t('aiCredits.seeCosts')}\n                </button>\n              ) : null}\n            </Alert.Action>\n          ) : null}\n        </Alert>\n        {onBack || footnote ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {onBack ? (\n              <Button\n                intent=\"ghost\"\n                startIcon={<ArrowLeft />}\n                flipIconInRtl\n                onClick={onBack}\n                className={TARGET}\n              >\n                {t('aiCredits.back')}\n              </Button>\n            ) : null}\n            {footnote ? <p className={metaClass}>{footnote}</p> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAiCreditsExhaustedNotice.displayName = 'AiCreditsExhaustedNotice';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsWarning                                                      */\n/* -------------------------------------------------------------------- */\n\nconst warningLineVariants = cva(\n  'ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm',\n  {\n    variants: {\n      // Quiet: muted text and no tint, so it never competes with the\n      // promo notice. Out of credits reads in the body colour.\n      emphasis: {\n        quiet: 'ds:text-[color:var(--muted-foreground)]',\n        plain: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { emphasis: 'quiet' },\n  },\n);\n\nconst warningRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n);\n\nconst warningIconClass = 'ds:size-4 ds:shrink-0';\n\nexport interface AiCreditsWarningProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance, the expiring credits and the next steps. */\n  credits?: AiCreditsInfo;\n  /**\n   * Out of credits: one quiet line saying so, instead of the running-low\n   * and expiring lines. The full notice is `AiCreditsExhaustedNotice`.\n   */\n  exhausted?: boolean;\n}\n\n/**\n * The quiet, non-blocking credit lines: running low (with the buy or\n * upgrade step as a link) and credits expiring, or out of credits at rest.\n * Renders nothing when none applies.\n */\nexport const AiCreditsWarning = forwardRef<\n  HTMLDivElement,\n  AiCreditsWarningProps\n>(({ credits, exhausted = false, className, ...rest }, ref) => {\n  const { t } = useTranslation('ui');\n  const format = useCreditsFormat();\n  const low = !exhausted && isAiCreditsRunningLow(credits);\n  // Rounded as it is shown, so the plural matches the figure (\"1 AI\n  // credit\", never \"1 AI credits\" for 0.96).\n  const expiringAmount = credits?.expiring\n    ? Math.round(credits.expiring.amount * 10) / 10\n    : 0;\n  const expiring =\n    !exhausted && credits?.expiring && expiringAmount > 0\n      ? credits.expiring\n      : undefined;\n  if (!exhausted && !low && !expiring) return null;\n\n  const { remaining, limit } = credits ?? {};\n  const lowText =\n    remaining !== undefined && limit !== undefined && limit > 0\n      ? t('aiCredits.runningLow', {\n          remaining: format.number(remaining),\n          limit: format.number(limit),\n        })\n      : remaining !== undefined\n        ? t('aiCredits.runningLowCount', {\n            remaining: format.number(remaining),\n          })\n        : t('aiCredits.runningLowPlain');\n  // Before the wall, the way to more credits: buy, else enable the module.\n  const step = credits?.onBuyCredits\n    ? { label: t('aiCredits.buy'), onClick: credits.onBuyCredits }\n    : credits?.onUpgrade\n      ? { label: t('aiCredits.upgrade'), onClick: credits.onUpgrade }\n      : undefined;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-component=\"ai-credits-warning\"\n      className={warningRootVariants({ className })}\n    >\n      {exhausted ? (\n        <p\n          className={warningLineVariants({ emphasis: 'plain' })}\n          data-credits-line=\"exhausted\"\n        >\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{t('aiCredits.title')}</span>\n        </p>\n      ) : null}\n      {low ? (\n        <p className={warningLineVariants()} data-credits-line=\"low\">\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{lowText}</span>\n          {step ? (\n            <button\n              type=\"button\"\n              onClick={step.onClick}\n              className={textLinkVariants({ tone: 'link' })}\n            >\n              {step.label}\n            </button>\n          ) : null}\n        </p>\n      ) : null}\n      {expiring ? (\n        <p className={warningLineVariants()} data-credits-line=\"expiring\">\n          <Hourglass aria-hidden=\"true\" className={warningIconClass} />\n          <span>\n            {t('aiCredits.expiring', {\n              count: expiringAmount,\n              amount: format.number(expiringAmount),\n              date: format.date(expiring.date),\n            })}\n          </span>\n        </p>\n      ) : null}\n    </div>\n  );\n});\nAiCreditsWarning.displayName = 'AiCreditsWarning';\n"],"names":["__iconNode","Headset","createLucideIcon","RUNNING_LOW_USED","isAiCreditsRunningLow","credits","remaining","limit","renewalDate","useCreditsFormat","i18n","useTranslation","locale","formatLocale","numbers","numberLocale","dates","value","TARGET","WRAPPING_LABEL","textLinkVariants","cva","noticeRootVariants","metaClass","AiCreditsExhaustedNotice","forwardRef","onBack","footnote","headingLevel","announce","className","rest","ref","t","format","titleId","useId","remainingText","renews","renewsText","steps","jsx","TrendingUp","CircleArrowUp","step","lead","_a","body","renewsLine","jsxs","Alert","Astroid","Progress","index","Button","ArrowLeft","warningLineVariants","warningRootVariants","warningIconClass","AiCreditsWarning","exhausted","low","expiringAmount","expiring","lowText","Hourglass"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ai-credits-exhausted-notice-Lws3113e.js","sources":["../../node_modules/lucide-react/dist/esm/icons/headset.mjs","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z\",\n      key: \"12oyoe\"\n    }\n  ],\n  [\"path\", { d: \"M21 16v2a4 4 0 0 1-4 4h-5\", key: \"1x7m43\" }]\n];\nconst Headset = createLucideIcon(\"headset\", __iconNode);\n\nexport { __iconNode, Headset as default };\n//# sourceMappingURL=headset.mjs.map\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowLeft,\n  Astroid,\n  CircleArrowUp,\n  Headset,\n  Hourglass,\n  TrendingUp,\n} from 'lucide-react';\nimport { Alert, type AlertAnnounce } from '../alert';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatLocale, numberLocale } from '../_shared/intl-locale';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice and AiCreditsWarning                         */\n/*                                                                       */\n/* The practice's AI credits, as the platform keeps them: a yearly      */\n/* allowance that comes with the AI credits module and expires at the    */\n/* end of the subscription term, then welcome and bought credits that    */\n/* never expire. The kit never talks to a backend: the host passes what  */\n/* it knows (`AiCreditsInfo`) and the next steps it can offer.           */\n/*                                                                       */\n/*  - `AiCreditsExhaustedNotice`: the out-of-credits state. A promo      */\n/*    Alert with the allowance meter and one clear next step. Promoted   */\n/*    from the help-me-write-templates pattern, which re-exports it.     */\n/*  - `AiCreditsWarning`: the quiet, non-blocking lines: running low     */\n/*    (80% used), credits expiring, or out of credits at rest.           */\n/*                                                                       */\n/* The hover card every AI trigger can carry is `AiCreditsNotice`, in    */\n/* the sibling file.                                                     */\n/* -------------------------------------------------------------------- */\n\n/** Credits that expire soon: the platform's yearly allowance at the end of\n *  the subscription term. Welcome and bought credits never expire. */\nexport interface AiCreditsExpiring {\n  /** How many credits expire. */\n  amount: number;\n  /** When they expire. */\n  date: Date;\n}\n\n/** The practice's AI credits and the next steps the host can offer. All\n *  optional: the kit shows only what it is given. */\nexport interface AiCreditsInfo {\n  /** Credits left. */\n  remaining?: number;\n  /** The allowance `remaining` counts down from, for the meter. */\n  limit?: number;\n  /**\n   * When a new allowance starts: \"renews on\". On the platform, the yearly\n   * allowance at the subscription's renewal. Omit when it will not renew.\n   */\n  renewsOn?: Date;\n  /** @deprecated Use `renewsOn`. Read the same way, as a renewal date. */\n  resetsOn?: Date;\n  /**\n   * Credits that expire soon: \"expire on\". `AiCreditsWarning` shows it as\n   * a quiet line; the out-of-credits notice never does (nothing is left to\n   * expire).\n   */\n  expiring?: AiCreditsExpiring;\n  /**\n   * Shows the running-low line in `AiCreditsWarning`. Default: true when\n   * 80% or more of `limit` is used and some credit is left. A host whose\n   * balance mixes the yearly allowance with welcome or bought credits\n   * passes it itself: 80% of one `limit` does not describe that balance.\n   */\n  runningLow?: boolean;\n  /**\n   * Shows a \"Buy AI credits\" button. Omit while the practice cannot buy\n   * credits (on the platform, without the module and the pack page).\n   */\n  onBuyCredits?: () => void;\n  /**\n   * Shows an \"Enable the AI credits module\" button: the upgrade path for a\n   * practice without the module.\n   */\n  onUpgrade?: () => void;\n  /** Shows a \"Contact support\" button. */\n  onContactSupport?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\n/** Heading levels the notice title accepts. */\nexport type AiCreditsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Share of `limit` used at which credits count as running low. */\nconst RUNNING_LOW_USED = 0.8;\n\n/** Whether `credits` are running low: the host's `runningLow`, else 80% or\n *  more of `limit` used with some credit left. */\nexport function isAiCreditsRunningLow(credits?: AiCreditsInfo): boolean {\n  if (!credits) return false;\n  if (credits.runningLow !== undefined) return credits.runningLow;\n  const { remaining, limit } = credits;\n  if (remaining === undefined || limit === undefined || limit <= 0) {\n    return false;\n  }\n  return remaining > 0 && limit - remaining >= limit * RUNNING_LOW_USED;\n}\n\n/** The renewal date, from `renewsOn` or the older `resetsOn`. */\nfunction renewalDate(credits?: AiCreditsInfo): Date | undefined {\n  return credits?.renewsOn ?? credits?.resetsOn;\n}\n\n/** The kit's number and date formatting for the active UI language.\n *  Credits can be fractional on the platform (0.1 is the minimum cost). */\nfunction useCreditsFormat() {\n  const { i18n } = useTranslation('ui');\n  const locale = formatLocale(i18n.language);\n  const numbers = new Intl.NumberFormat(numberLocale(locale), {\n    maximumFractionDigits: 1,\n  });\n  const dates = new Intl.DateTimeFormat(locale, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  });\n  return {\n    number: (value: number) => numbers.format(value),\n    date: (value: Date) => dates.format(value),\n  };\n}\n\n// The kit's target size (44px, 48px in the accessible themes) on every\n// control, at every width. On a size `md` Button: size `sm` drops its\n// minimum height from 640px up.\nconst TARGET = 'ds:min-h-[var(--min-target-size)]';\n\n// The lead step's label wraps instead of truncating: a long translation\n// (\"Das KI-Guthaben-Modul aktivieren\") never loses words in a narrow\n// panel. The Button's own height and nowrap give way; the target stays.\nconst WRAPPING_LABEL = [\n  TARGET,\n  'ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]',\n  'ds:py-[var(--spacing-xs)]',\n].join(' ');\n\n// The text links: the notice's secondary steps and the quiet line's step.\n// Native buttons at the target size with the kit focus ring. `inherit`\n// takes the promo Alert's own text colour, which holds AA on its gradient\n// (the Button `link` intent's `--primary` does not); `link` is the `--link`\n// token, which holds AA on the card and popover surfaces in every theme,\n// as in AgendaTray's footer link.\nconst textLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]',\n    'type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:text-[color:LinkText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        inherit: 'ds:text-[color:inherit]',\n        link: 'ds:text-[color:var(--link)]',\n      },\n    },\n    defaultVariants: { tone: 'link' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice                                              */\n/* -------------------------------------------------------------------- */\n\nconst noticeRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\n\nexport interface AiCreditsExhaustedNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance and the next steps the host can offer. */\n  credits?: AiCreditsInfo;\n  /** Shows a Back button under the notice. */\n  onBack?: () => void;\n  /** A quiet line under the notice, beside Back: what the user keeps. */\n  footnote?: ReactNode;\n  /** Heading level of the title. Default 2. */\n  headingLevel?: AiCreditsHeadingLevel;\n  /**\n   * How the notice is announced when it appears. Default: the promo\n   * Alert's polite status. Pass `'off'` when the host announces it.\n   */\n  announce?: AlertAnnounce;\n}\n\n/**\n * The out-of-credits state: what happened, the allowance, and the next\n * step. The first of buy, enable the module and contact support the host\n * passes is the main button; any others follow as links. With none, it\n * says when AI comes back, or plainly that it is unavailable and how to\n * get help: never a dead end.\n */\nexport const AiCreditsExhaustedNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsExhaustedNoticeProps\n>(\n  (\n    {\n      credits,\n      onBack,\n      footnote,\n      headingLevel = 2,\n      announce,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const format = useCreditsFormat();\n    const titleId = useId();\n    const limit = credits?.limit;\n    const remaining = credits?.remaining ?? 0;\n    // A limit of 0 (a host still loading) would divide by zero in the meter.\n    const remainingText =\n      limit !== undefined && limit > 0\n        ? t('aiCredits.remaining', {\n            remaining: format.number(remaining),\n            limit: format.number(limit),\n          })\n        : undefined;\n    const renews = renewalDate(credits);\n    const renewsText = renews ? format.date(renews) : undefined;\n\n    // The first next step the host offers leads; the rest follow as links.\n    const steps = [\n      credits?.onBuyCredits\n        ? {\n            key: 'buy',\n            label: t('aiCredits.buy'),\n            icon: <TrendingUp aria-hidden=\"true\" />,\n            onClick: credits.onBuyCredits,\n          }\n        : null,\n      credits?.onUpgrade\n        ? {\n            key: 'upgrade',\n            label: t('aiCredits.upgrade'),\n            icon: <CircleArrowUp aria-hidden=\"true\" />,\n            onClick: credits.onUpgrade,\n          }\n        : null,\n      credits?.onContactSupport\n        ? {\n            key: 'support',\n            label: t('aiCredits.contactSupport'),\n            icon: <Headset aria-hidden=\"true\" />,\n            onClick: credits.onContactSupport,\n          }\n        : null,\n    ].filter((step) => step !== null);\n    const lead = steps[0]?.key;\n\n    // The body names the lead step. Without one, it says when AI comes\n    // back, or that it is unavailable and how to get help.\n    const body =\n      lead === 'buy'\n        ? t('aiCredits.bodyBuy')\n        : lead === 'upgrade'\n          ? t('aiCredits.bodyUpgrade')\n          : lead === 'support'\n            ? t('aiCredits.bodySupport')\n            : renewsText\n              ? t('aiCredits.bodyRenews', { date: renewsText })\n              : t('aiCredits.bodyNone');\n    // With a next step, the renewal date is a line of its own.\n    const renewsLine = lead && renewsText ? renewsText : undefined;\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        // After `rest`: the marker always wins over a caller's attribute.\n        data-component=\"ai-credits-exhausted-notice\"\n        // Named by its title, so a host that moves focus here (the\n        // VoiceControlPanel does) has it read from the title.\n        role=\"group\"\n        aria-labelledby={titleId}\n        className={noticeRootVariants({ className })}\n      >\n        <Alert\n          variant=\"promo\"\n          announce={announce}\n          icon={<Astroid aria-hidden=\"true\" />}\n          // The focus ring takes the promo text colour, which holds 3:1 on\n          // the promo tint in every theme (`--ring` does not on dark).\n          className=\"ds:[--ring:var(--promo-foreground)]\"\n        >\n          <Alert.Title as={`h${headingLevel}` as const} id={titleId}>\n            {t('aiCredits.title')}\n          </Alert.Title>\n          <Alert.Description>{body}</Alert.Description>\n          {renewsLine ? (\n            <p\n              className=\"ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm\"\n              data-credits-renews=\"\"\n            >\n              {t('aiCredits.renewsOn', { date: renewsLine })}\n            </p>\n          ) : null}\n          {remainingText && limit !== undefined ? (\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\">{t('aiCredits.meterLabel')}</span>\n                <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                  {remainingText}\n                </span>\n              </div>\n              <Progress\n                value={Math.max(0, limit - remaining)}\n                max={limit}\n                size=\"sm\"\n                ariaLabel={t('aiCredits.meterLabel')}\n                ariaValueText={remainingText}\n              />\n            </div>\n          ) : null}\n          {steps.length > 0 || credits?.onSeeCosts ? (\n            <Alert.Action>\n              {steps.map((step, index) =>\n                index === 0 ? (\n                  <Button\n                    key={step.key}\n                    intent=\"tonal\"\n                    size=\"md\"\n                    startIcon={step.icon}\n                    onClick={step.onClick}\n                    className={WRAPPING_LABEL}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </Button>\n                ) : (\n                  <button\n                    key={step.key}\n                    type=\"button\"\n                    onClick={step.onClick}\n                    className={textLinkVariants({ tone: 'inherit' })}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </button>\n                ),\n              )}\n              {credits?.onSeeCosts ? (\n                <button\n                  type=\"button\"\n                  onClick={credits.onSeeCosts}\n                  className={textLinkVariants({ tone: 'inherit' })}\n                  data-credits-action=\"costs\"\n                >\n                  {t('aiCredits.seeCosts')}\n                </button>\n              ) : null}\n            </Alert.Action>\n          ) : null}\n        </Alert>\n        {onBack || footnote ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {onBack ? (\n              <Button\n                intent=\"ghost\"\n                startIcon={<ArrowLeft />}\n                flipIconInRtl\n                onClick={onBack}\n                className={TARGET}\n              >\n                {t('aiCredits.back')}\n              </Button>\n            ) : null}\n            {footnote ? <p className={metaClass}>{footnote}</p> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAiCreditsExhaustedNotice.displayName = 'AiCreditsExhaustedNotice';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsWarning                                                      */\n/* -------------------------------------------------------------------- */\n\nconst warningLineVariants = cva(\n  'ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm',\n  {\n    variants: {\n      // Quiet: muted text and no tint, so it never competes with the\n      // promo notice. Out of credits reads in the body colour.\n      emphasis: {\n        quiet: 'ds:text-[color:var(--muted-foreground)]',\n        plain: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { emphasis: 'quiet' },\n  },\n);\n\nconst warningRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n);\n\nconst warningIconClass = 'ds:size-4 ds:shrink-0';\n\nexport interface AiCreditsWarningProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance, the expiring credits and the next steps. */\n  credits?: AiCreditsInfo;\n  /**\n   * Out of credits: one quiet line saying so, instead of the running-low\n   * and expiring lines. The full notice is `AiCreditsExhaustedNotice`.\n   */\n  exhausted?: boolean;\n}\n\n/**\n * The quiet, non-blocking credit lines: running low (with the buy or\n * upgrade step as a link) and credits expiring, or out of credits at rest.\n * Renders nothing when none applies.\n */\nexport const AiCreditsWarning = forwardRef<\n  HTMLDivElement,\n  AiCreditsWarningProps\n>(({ credits, exhausted = false, className, ...rest }, ref) => {\n  const { t } = useTranslation('ui');\n  const format = useCreditsFormat();\n  const low = !exhausted && isAiCreditsRunningLow(credits);\n  // Rounded as it is shown, so the plural matches the figure (\"1 AI\n  // credit\", never \"1 AI credits\" for 0.96).\n  const expiringAmount = credits?.expiring\n    ? Math.round(credits.expiring.amount * 10) / 10\n    : 0;\n  const expiring =\n    !exhausted && credits?.expiring && expiringAmount > 0\n      ? credits.expiring\n      : undefined;\n  if (!exhausted && !low && !expiring) return null;\n\n  const { remaining, limit } = credits ?? {};\n  const lowText =\n    remaining !== undefined && limit !== undefined && limit > 0\n      ? t('aiCredits.runningLow', {\n          remaining: format.number(remaining),\n          limit: format.number(limit),\n        })\n      : remaining !== undefined\n        ? t('aiCredits.runningLowCount', {\n            remaining: format.number(remaining),\n          })\n        : t('aiCredits.runningLowPlain');\n  // Before the wall, the way to more credits: buy, else enable the module.\n  const step = credits?.onBuyCredits\n    ? { label: t('aiCredits.buy'), onClick: credits.onBuyCredits }\n    : credits?.onUpgrade\n      ? { label: t('aiCredits.upgrade'), onClick: credits.onUpgrade }\n      : undefined;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-component=\"ai-credits-warning\"\n      className={warningRootVariants({ className })}\n    >\n      {exhausted ? (\n        <p\n          className={warningLineVariants({ emphasis: 'plain' })}\n          data-credits-line=\"exhausted\"\n        >\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{t('aiCredits.title')}</span>\n        </p>\n      ) : null}\n      {low ? (\n        <p className={warningLineVariants()} data-credits-line=\"low\">\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{lowText}</span>\n          {step ? (\n            <button\n              type=\"button\"\n              onClick={step.onClick}\n              className={textLinkVariants({ tone: 'link' })}\n            >\n              {step.label}\n            </button>\n          ) : null}\n        </p>\n      ) : null}\n      {expiring ? (\n        <p className={warningLineVariants()} data-credits-line=\"expiring\">\n          <Hourglass aria-hidden=\"true\" className={warningIconClass} />\n          <span>\n            {t('aiCredits.expiring', {\n              count: expiringAmount,\n              amount: format.number(expiringAmount),\n              date: format.date(expiring.date),\n            })}\n          </span>\n        </p>\n      ) : null}\n    </div>\n  );\n});\nAiCreditsWarning.displayName = 'AiCreditsWarning';\n"],"names":["__iconNode","Headset","createLucideIcon","RUNNING_LOW_USED","isAiCreditsRunningLow","credits","remaining","limit","renewalDate","useCreditsFormat","i18n","useTranslation","locale","formatLocale","numbers","numberLocale","dates","value","TARGET","WRAPPING_LABEL","textLinkVariants","cva","noticeRootVariants","metaClass","AiCreditsExhaustedNotice","forwardRef","onBack","footnote","headingLevel","announce","className","rest","ref","t","format","titleId","useId","remainingText","renews","renewsText","steps","jsx","TrendingUp","CircleArrowUp","step","lead","_a","body","renewsLine","jsxs","Alert","Astroid","Progress","index","Button","ArrowLeft","warningLineVariants","warningRootVariants","warningIconClass","AiCreditsWarning","exhausted","low","expiringAmount","expiring","lowText","Hourglass"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{ai-permission-notice-VNh3W57L.js → ai-permission-notice-BkgcGmu8.js}

@@ -2,7 +2,7 @@ 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-9kEwDza3.js";
+import { A as g } from "./alert-C4WKViaS.js";
 import { B as D } from "./badge-BUk4RjTS.js";
 import { B as H } from "./button-DohK_Ak_.js";
 import { C as J } from "./checkbox-a7Sh-dXb.js";
@@ -203,4 +203,4 @@ export {
   Q as A,
   $ as a
 };
-//# sourceMappingURL=ai-permission-notice-VNh3W57L.js.map
+//# sourceMappingURL=ai-permission-notice-BkgcGmu8.js.map

package/dist/_chunks/{ai-permission-notice-VNh3W57L.js.map → ai-permission-notice-BkgcGmu8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-permission-notice-VNh3W57L.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-BkgcGmu8.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/{alert-9kEwDza3.js → alert-C4WKViaS.js}

@@ -1,12 +1,12 @@
 import { jsxs as E, jsx as e, Fragment as q } from "react/jsx-runtime";
-import { forwardRef as p, useState as O, useRef as J, useCallback as _, useEffect as Q, Children as Y, isValidElement as Z, useContext as D, useId as ee, createContext as te } from "react";
-import { c as se } from "./index-D2ZczOXr.js";
-import { useTranslation as L } from "react-i18next";
-import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
-import { u as V } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { forwardRef as p, useState as O, useRef as J, useCallback as y, useEffect as Q, Children as Y, isValidElement as Z, useContext as D, useId as ee, createContext as te } from "react";
+import { c as oe } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { u as se } from "./use-controllable-state-BiY4xTzM.js";
+import { u as L } from "./use-clamp-overflow-DQE2kwZ9.js";
 import { c as S, u as re } from "./use-dismissed-CTOWqA0e.js";
-import { i as ie } from "./is-development-CLUAnsU7.js";
-import { T as ae } from "./tooltip-uEBdD1-5.js";
+import { i as ae } from "./is-development-CLUAnsU7.js";
+import { T as ie } from "./tooltip-uEBdD1-5.js";
 import { X as ne } from "./x-B5YnXwCz.js";
 import { c as de } from "./createLucideIcon-DhHxpK9K.js";
 import { C as le } from "./circle-alert-rGDZ73Wh.js";
@@ -36,7 +36,7 @@ const fe = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), ge = se(
+].join(" "), ge = oe(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -49,7 +49,11 @@ const fe = [
     "ds:rounded-[var(--radius-md)]",
     "ds:border ds:border-[length:var(--border-width-sm)]",
     "ds:p-[var(--spacing-md)]",
-    "ds:break-words"
+    "ds:break-words",
+    // A Button or Link inside keeps the full touch target at any viewport
+    // and any root font size: the token is px, and this selector outranks
+    // the button's own `sm:min-h-0`. Inline links in a sentence are exempt.
+    "ds:[&_[data-component=button]]:min-h-[var(--min-target-size)]"
   ].join(" "),
   {
     variants: {
@@ -63,6 +67,7 @@ const fe = [
           "ds:border-[color:var(--info)]",
           "ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]",
           "ds:text-[var(--info-foreground)]",
+          "ds:[&_[data-component=link]]:text-[color:var(--info-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" "),
@@ -70,6 +75,7 @@ const fe = [
           "ds:border-[color:var(--success)]",
           "ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]",
           "ds:text-[var(--success-foreground)]",
+          "ds:[&_[data-component=link]]:text-[color:var(--success-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" "),
@@ -77,6 +83,7 @@ const fe = [
           "ds:border-[color:var(--warning)]",
           "ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]",
           "ds:text-[var(--warning-foreground)]",
+          "ds:[&_[data-component=link]]:text-[color:var(--warning-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" "),
@@ -84,6 +91,7 @@ const fe = [
           "ds:border-[color:var(--error)]",
           "ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]",
           "ds:text-[var(--error-foreground)]",
+          "ds:[&_[data-component=link]]:text-[color:var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" "),
@@ -97,6 +105,7 @@ const fe = [
           "ds:border-[color:var(--promo)]",
           "ds:bg-[image:var(--gradient-surface-subtle-accent)]",
           "ds:text-[var(--promo-foreground)]",
+          "ds:[&_[data-component=link]]:text-[color:var(--promo-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" ")
@@ -106,7 +115,7 @@ const fe = [
       variant: "info"
     }
   }
-), z = "ds:shrink-0 ds:size-5", be = `${z} ds:mt-0.5`, xe = [
+), V = "ds:shrink-0 ds:size-5", be = `${V} ds:mt-0.5`, xe = [
   // Default (no title): the alert root uses `items-center` and the
   // button centres in the cross-axis. A centred 16×16 glyph inside a
   // 44×44 button aligns optically with a single-line description.
@@ -130,7 +139,7 @@ const fe = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), he = {
+].join(" "), _e = {
   info: { icon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
     icon: /* @__PURE__ */ e(ue, { "aria-hidden": "true" }),
@@ -153,42 +162,42 @@ const fe = [
     role: "status",
     live: "polite"
   }
-}, ye = {
+}, he = {
   off: { role: void 0, live: void 0 },
   polite: { role: "status", live: "polite" },
   assertive: { role: "alert", live: "assertive" }
 }, C = p(
-  ({ as: r = "h5", className: n, children: i, ...a }, t) => {
-    const s = D(w), { ref: d, isOverflowing: o } = V(s), f = _(
+  ({ as: r = "h5", className: n, children: a, ...i }, t) => {
+    const o = D(w), { ref: d, isOverflowing: s } = L(o), f = y(
       (l) => {
         d.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
       },
       [t, d]
-    ), c = s && o && typeof i == "string", m = /* @__PURE__ */ e(
+    ), c = o && s && typeof a == "string", m = /* @__PURE__ */ e(
       r,
       {
         ref: f,
         tabIndex: c ? 0 : void 0,
         className: [
           "type-title-item",
-          s ? "ds:line-clamp-2" : "",
+          o ? "ds:line-clamp-2" : "",
           n
         ].filter(Boolean).join(" "),
-        ...a,
-        children: i
+        ...i,
+        children: a
       }
     );
-    return c ? /* @__PURE__ */ e(ae, { label: i, children: m }) : m;
+    return c ? /* @__PURE__ */ e(ie, { label: a, children: m }) : m;
   }
 );
 C.displayName = "Alert.Title";
-const B = p(({ className: r, children: n, ...i }, a) => {
-  const t = D(w), { t: s } = L("ui"), d = ee(), [o, f] = O(!1), { ref: c, isOverflowing: m } = V(t && !o), l = _(
+const B = p(({ className: r, children: n, ...a }, i) => {
+  const t = D(w), { t: o } = z("ui"), d = ee(), [s, f] = O(!1), { ref: c, isOverflowing: m } = L(t && !s), l = y(
     (u) => {
-      c.current = u, typeof a == "function" ? a(u) : a && (a.current = u);
+      c.current = u, typeof i == "function" ? i(u) : i && (i.current = u);
     },
-    [a, c]
-  ), g = t && (m || o);
+    [i, c]
+  ), g = t && (m || s);
   return /* @__PURE__ */ E(q, { children: [
     /* @__PURE__ */ e(
       "p",
@@ -197,10 +206,10 @@ const B = p(({ className: r, children: n, ...i }, a) => {
         id: t ? d : void 0,
         className: [
           "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
-          t && !o ? "ds:line-clamp-2" : "",
+          t && !s ? "ds:line-clamp-2" : "",
           r
         ].filter(Boolean).join(" "),
-        ...i,
+        ...a,
         children: n
       }
     ),
@@ -208,21 +217,21 @@ const B = p(({ className: r, children: n, ...i }, a) => {
       "button",
       {
         type: "button",
-        "aria-expanded": o,
+        "aria-expanded": s,
         "aria-controls": d,
         onClick: () => f((u) => !u),
         className: pe,
-        children: o ? s("feedback.alert.readLess", "Read less") : s("feedback.alert.readMore", "Read more")
+        children: s ? o("feedback.alert.readLess", "Read less") : o("feedback.alert.readMore", "Read more")
       }
     ) : null
   ] });
 });
 B.displayName = "Alert.Description";
 const F = p(
-  ({ className: r, ...n }, i) => /* @__PURE__ */ e(
+  ({ className: r, ...n }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
+      ref: a,
       className: [
         "ds:mt-[var(--spacing-md)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
         r
@@ -236,49 +245,49 @@ const U = p(
   ({
     variant: r = "info",
     dismissKey: n,
-    dismissLifetimeMs: i,
-    dismissible: a = S(n) !== void 0,
+    dismissLifetimeMs: a,
+    dismissible: i = S(n) !== void 0,
     open: t,
-    onOpenChange: s,
+    onOpenChange: o,
     icon: d,
-    announce: o,
+    announce: s,
     live: f,
     clamp: c = !1,
     className: m,
     children: l,
     ...g
   }, u) => {
-    const { t: K } = L("ui"), [M, G] = oe({
+    const { t: K } = z("ui"), [M, G] = se({
       value: t,
       defaultValue: !0,
-      onChange: s
+      onChange: o
     }), W = M ?? !0, b = S(n), { dismissed: H, dismiss: P } = re(b, {
-      lifetimeMs: i
-    }), [A, N] = O(!1), x = J(null), X = _(() => {
+      lifetimeMs: a
+    }), [A, N] = O(!1), x = J(null), X = y(() => {
       if (typeof window > "u") return 200;
       const v = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!v) return 200;
-      const R = v.trim(), y = parseFloat(R);
-      return Number.isFinite(y) ? R.endsWith("ms") ? y : y * 1e3 : 200;
+      const R = v.trim(), h = parseFloat(R);
+      return Number.isFinite(h) ? R.endsWith("ms") ? h : h * 1e3 : 200;
     }, []), T = b !== void 0 && r === "error";
     if (Q(() => {
-      T && ie() && console.warn(
+      T && ae() && console.warn(
         "Alert: an error should stay until it is resolved; drop `dismissKey` from error alerts."
       );
     }, [T]), !W || H) return null;
-    const h = he[r], j = d !== void 0 ? d : h.icon, k = o ? ye[o] : { role: h.role, live: f ?? h.live }, I = Y.toArray(l).some(
+    const _ = _e[r], k = d !== void 0 ? d : _.icon, j = s ? he[s] : { role: _.role, live: f ?? _.live }, I = Y.toArray(l).some(
       (v) => Z(v) && v.type === C
     ), $ = () => {
       A || (N(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
-        N(!1), b !== void 0 ? (P(), s == null || s(!1)) : G(!1);
+        N(!1), b !== void 0 ? (P(), o == null || o(!1)) : G(!1);
       }, X()));
     };
     return /* @__PURE__ */ E(
       "div",
       {
         ref: u,
-        role: k.role,
-        "aria-live": k.live,
+        role: j.role,
+        "aria-live": j.live,
         "data-component": "alert",
         "data-has-title": I ? "true" : "false",
         "data-state": A ? "closing" : "open",
@@ -299,9 +308,9 @@ const U = p(
         ].join(" "),
         ...g,
         children: [
-          j ? /* @__PURE__ */ e("span", { className: I ? be : z, children: j }) : null,
+          k ? /* @__PURE__ */ e("span", { className: I ? be : V, children: k }) : null,
           /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(w.Provider, { value: c, children: l }) }),
-          a ? /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -318,13 +327,13 @@ const U = p(
   }
 );
 U.displayName = "Alert";
-const Ve = Object.assign(U, {
+const Le = Object.assign(U, {
   Title: C,
   Description: B,
   Action: F
 });
 export {
-  Ve as A,
+  Le as A,
   ve as C
 };
-//# sourceMappingURL=alert-9kEwDza3.js.map
+//# sourceMappingURL=alert-C4WKViaS.js.map