@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/notification-card-D2jiKSJJ.js

@@ -1,259 +0,0 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as M, useMemo as P, useState as R, useRef as B, useCallback as L } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as D } from "react-i18next";
-import { I as U } from "./icon-button-LqoiKcUN.js";
-import { B as N } from "./button-DD_0Xdmr.js";
-import { T as W } from "./timestamp-BV2lC-wV.js";
-import { X as E } from "./x-CCcI3eJp.js";
-const H = _(
-  [
-    "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:transition-colors",
-    // Mount: fade + slide-down so a fresh notification reads as arriving.
-    // `data-leaving=true` plays the matching exit, driven by the owning
-    // tray's AnimatePresence loop.
-    "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]",
-    "ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2",
-    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`
-    // tw-animate-css leaves the element at opacity:1 for one paint frame after
-    // the animation ends — the "flicker before it animates away" bug.
-    "ds:data-[leaving=true]:motion-safe:fill-mode-forwards",
-    "ds:data-[leaving=true]:pointer-events-none",
-    "ds:motion-reduce:transition-none",
-    "ds:text-start",
-    // Compact rows are borderless (flat list — the tray panel is the frame);
-    // the dashboard variant adds its own card border below. Forced-colors keeps
-    // a border on both so rows stay separated in High Contrast Mode.
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        // Flat rows by default; the accessible (AAA) theme restores a hairline
-        // row divider so consecutive rows keep a visible boundary.
-        compact: "ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]",
-        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]"
-      },
-      size: {
-        sm: "ds:p-[var(--spacing-sm)]",
-        md: "ds:p-[var(--spacing-md)]"
-      },
-      state: {
-        unread: "",
-        read: "ds:bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "compact",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      },
-      {
-        variant: "compact",
-        state: "read",
-        class: "ds:hover:bg-[color:var(--muted)]/40"
-      },
-      {
-        variant: "dashboard",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      }
-    ],
-    defaultVariants: {
-      variant: "compact",
-      size: "sm",
-      state: "read"
-    }
-  }
-), C = [
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "ds:focus-visible:after:outline-[color:var(--ring)]",
-  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function X(e) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
-}
-const q = M(
-  ({
-    item: e,
-    variant: t = "compact",
-    size: k = "sm",
-    onActivate: r,
-    onDismiss: d,
-    ctaLabel: l,
-    dismissLabel: c,
-    leaving: h,
-    className: z,
-    ...T
-  }, K) => {
-    const { t: u, i18n: v } = D(), S = P(() => {
-      const s = new Date(e.createdAt);
-      return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(s);
-    }, [e.createdAt, v.language]), f = h !== void 0, [j, V] = R(!1), m = B(null), b = f ? h : j, g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = L(() => {
-      if (!d) return;
-      if (f || g) {
-        d(e);
-        return;
-      }
-      V(!0), m.current && clearTimeout(m.current);
-      const s = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", y = s.trim().endsWith("ms") ? parseFloat(s) : parseFloat(s) * 1e3;
-      m.current = setTimeout(
-        () => d(e),
-        Number.isFinite(y) ? y : 200
-      );
-    }, [d, e, f, g]), F = e.read ? "read" : "unread", I = e.read ? "" : u("notificationCard.unreadSuffix", ", unread"), x = u("notificationCard.itemLabel", {
-      title: e.title,
-      time: S,
-      unreadSuffix: I,
-      defaultValue: "{{title}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && X(e.url), i = /* @__PURE__ */ a(
-      "span",
-      {
-        className: [
-          "ds:flex-1 ds:min-w-0 ds:truncate",
-          e.read ? "ds:font-normal" : "ds:font-semibold"
-        ].join(" "),
-        children: e.title
-      }
-    );
-    let o;
-    return t === "compact" && p && r ? o = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        "aria-label": x,
-        className: C + " ds:contents",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r(e));
-        },
-        children: i
-      }
-    ) : t === "compact" && r ? o = /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "aria-label": x,
-        className: C + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
-        onClick: () => r(e),
-        children: i
-      }
-    ) : t === "dashboard" && p && r ? o = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        className: "ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline 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)]",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r(e));
-        },
-        children: i
-      }
-    ) : o = i, /* @__PURE__ */ n(
-      "div",
-      {
-        ref: K,
-        role: "listitem",
-        "data-component": "notification-card",
-        "data-component-id": e.id,
-        "data-read": e.read ? "true" : "false",
-        "data-leaving": b ? "true" : void 0,
-        "aria-hidden": b || void 0,
-        className: H({ variant: t, size: k, state: F, className: z }),
-        ...T,
-        children: [
-          e.icon ? /* @__PURE__ */ a(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:size-8 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4",
-              children: e.icon
-            }
-          ) : null,
-          /* @__PURE__ */ n("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              e.read ? null : /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]"
-                }
-              ),
-              t === "dashboard" ? (
-                // `h3` keeps the dashboard heading ladder continuous:
-                // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).
-                /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: o })
-              ) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: o })
-            ] }),
-            e.description ? /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: e.description }) : null,
-            /* @__PURE__ */ a(
-              W,
-              {
-                value: e.createdAt,
-                shape: "chip",
-                size: "sm",
-                relativeWindow: 720 * 60 * 1e3
-              }
-            ),
-            t === "dashboard" && (l || c) ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              l && p ? /* @__PURE__ */ a(
-                N,
-                {
-                  intent: "outline",
-                  size: "sm",
-                  asChild: !0,
-                  className: "ds:relative ds:z-[1]",
-                  children: /* @__PURE__ */ a(
-                    "a",
-                    {
-                      href: e.url,
-                      onClick: (s) => {
-                        s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r == null || r(e));
-                      },
-                      children: l
-                    }
-                  )
-                }
-              ) : null,
-              c && d ? /* @__PURE__ */ a(
-                N,
-                {
-                  intent: "link",
-                  size: "sm",
-                  onClick: w,
-                  className: "ds:relative ds:z-[1]",
-                  children: c
-                }
-              ) : null
-            ] }) : null
-          ] }),
-          t === "compact" && d ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
-            U,
-            {
-              icon: /* @__PURE__ */ a(E, {}),
-              intent: "ghost",
-              size: "sm",
-              "aria-label": u("notificationCard.dismiss", "Dismiss notification"),
-              onClick: w
-            }
-          ) }) : null
-        ]
-      }
-    );
-  }
-);
-q.displayName = "NotificationCard";
-export {
-  q as N,
-  X as i
-};
-//# sourceMappingURL=notification-card-D2jiKSJJ.js.map

package/dist/_chunks/notification-card-D2jiKSJJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-card-D2jiKSJJ.js","sources":["../../src/components/notification-card/notification-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Timestamp } from '../timestamp';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface NotificationItem {\n  /** Unique identifier for the notification. */\n  id: string;\n  /** Notification title — rendered on the first line. */\n  title: string;\n  /** Notification body — rendered as plain text. */\n  description?: string;\n  /** Optional leading glyph — a React node (usually a Lucide icon). */\n  icon?: ReactNode;\n  /** Optional action URL — when present the card title is an anchor. */\n  url?: string;\n  /** ISO-8601 timestamp of when the notification was created. */\n  createdAt: string;\n  /** Whether the notification has been seen. Unread items get accent styling. */\n  read?: boolean;\n}\n\nexport interface NotificationCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof cardVariants> {\n  /** The notification to render. */\n  item: NotificationItem;\n  /**\n   * Layout shape.\n   * - `compact` — single-line row with the whole card clickable (used by\n   *   NotificationTray).\n   * - `dashboard` — alert-style block with explicit CTA and mark-as-read\n   *   controls (used by dashboards / sidebars).\n   */\n  variant?: 'compact' | 'dashboard';\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the card title / body is activated. */\n  onActivate?: (item: NotificationItem) => void;\n  /** Fires when the dismiss control is activated. */\n  onDismiss?: (item: NotificationItem) => void;\n  /**\n   * Label for the dashboard-variant CTA. Only rendered when `variant` is\n   * `'dashboard'` and the item has a `url`.\n   */\n  ctaLabel?: string;\n  /**\n   * Label for the dashboard-variant mark-as-read link. Only rendered when\n   * `variant` is `'dashboard'` and `onDismiss` is supplied.\n   */\n  dismissLabel?: string;\n  /**\n   * External exit-animation control. When supplied the card plays its\n   * fade-out when this turns `true` and the consumer owns the subsequent\n   * unmount (see NotificationTray). If omitted, the card self-manages the\n   * exit on internal dismiss.\n   */\n  leaving?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:relative ds:flex ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    // Mount: fade + slide-down so a fresh notification reads as arriving.\n    // `data-leaving=true` plays the matching exit, driven by the owning\n    // tray's AnimatePresence loop.\n    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]',\n    'ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2',\n    // Pin the exit's end-state until React unmounts. Without `fill-mode-forwards`\n    // tw-animate-css leaves the element at opacity:1 for one paint frame after\n    // the animation ends — the \"flicker before it animates away\" bug.\n    'ds:data-[leaving=true]:motion-safe:fill-mode-forwards',\n    'ds:data-[leaving=true]:pointer-events-none',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start',\n    // Compact rows are borderless (flat list — the tray panel is the frame);\n    // the dashboard variant adds its own card border below. Forced-colors keeps\n    // a border on both so rows stay separated in High Contrast Mode.\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        // Flat rows by default; the accessible (AAA) theme restores a hairline\n        // row divider so consecutive rows keep a visible boundary.\n        compact:\n          'ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]',\n        dashboard:\n          'ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]',\n      },\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      state: {\n        unread: '',\n        read: 'ds:bg-transparent',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'compact',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n      {\n        variant: 'compact',\n        state: 'read',\n        class: 'ds:hover:bg-[color:var(--muted)]/40',\n      },\n      {\n        variant: 'dashboard',\n        state: 'unread',\n        class: 'ds:bg-[color:var(--accent)]/5',\n      },\n    ],\n    defaultVariants: {\n      variant: 'compact',\n      size: 'sm',\n      state: 'read',\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeNotificationUrl(url: string): boolean {\n  // Reject protocol-relative (//host), javascript:, data:, mailto: etc.\n  // Only http(s), same-origin absolute paths (/), and hash (#) anchors pass.\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationCard = forwardRef<\n  HTMLDivElement,\n  NotificationCardProps\n>(\n  (\n    {\n      item,\n      variant = 'compact',\n      size = 'sm',\n      onActivate,\n      onDismiss,\n      ctaLabel,\n      dismissLabel,\n      leaving,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    // Screen-reader time context — absolute & unambiguous rather than the\n    // visible relative phrase, which drifts and reads less clearly aloud.\n    const accessibleTime = useMemo(() => {\n      const date = new Date(item.createdAt);\n      if (Number.isNaN(date.getTime())) return '';\n      return new Intl.DateTimeFormat(i18n.language, {\n        dateStyle: 'medium',\n        timeStyle: 'short',\n      }).format(date);\n    }, [item.createdAt, i18n.language]);\n\n    /* Exit animation.\n     * - When `leaving` is undefined (uncontrolled): the card owns the\n     *   fade-out — dismiss click flips `isLeaving`, waits for\n     *   --animation-duration, then fires onDismiss.\n     * - When `leaving` is boolean (controlled, e.g. NotificationTray): the\n     *   parent owns the lifecycle — dismiss click fires onDismiss\n     *   immediately and the parent schedules unmount after the animation. */\n    const isControlledLeaving = leaving !== undefined;\n    const [isLeaving, setIsLeaving] = useState(false);\n    const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const effectiveLeaving = isControlledLeaving ? leaving : isLeaving;\n\n    const prefersReducedMotion =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    const handleDismiss = useCallback(() => {\n      if (!onDismiss) return;\n      if (isControlledLeaving || prefersReducedMotion) {\n        onDismiss(item);\n        return;\n      }\n      setIsLeaving(true);\n      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);\n      const raw =\n        (typeof window !== 'undefined' &&\n          window\n            .getComputedStyle(document.documentElement)\n            .getPropertyValue('--animation-duration')) ||\n        '200ms';\n      const ms = raw.trim().endsWith('ms')\n        ? parseFloat(raw)\n        : parseFloat(raw) * 1000;\n      dismissTimerRef.current = setTimeout(\n        () => onDismiss(item),\n        Number.isFinite(ms) ? ms : 200,\n      );\n    }, [onDismiss, item, isControlledLeaving, prefersReducedMotion]);\n\n    const state = item.read ? 'read' : 'unread';\n\n    const unreadSuffix = item.read\n      ? ''\n      : t('notificationCard.unreadSuffix', ', unread');\n    const ariaLabel = t('notificationCard.itemLabel', {\n      title: item.title,\n      time: accessibleTime,\n      unreadSuffix,\n      defaultValue: '{{title}}, {{time}}{{unreadSuffix}}',\n    });\n\n    const hasSafeUrl = !!item.url && isSafeNotificationUrl(item.url);\n\n    /* ------- Title rendering (stretched link in compact mode) ------- */\n\n    const titleText = (\n      <span\n        className={[\n          'ds:flex-1 ds:min-w-0 ds:truncate',\n          item.read ? 'ds:font-normal' : 'ds:font-semibold',\n        ].join(' ')}\n      >\n        {item.title}\n      </span>\n    );\n\n    let titleNode: ReactNode;\n    if (variant === 'compact' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else if (variant === 'compact' && onActivate) {\n      titleNode = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0'\n          }\n          onClick={() => onActivate(item)}\n        >\n          {titleText}\n        </button>\n      );\n    } else if (variant === 'dashboard' && hasSafeUrl && onActivate) {\n      titleNode = (\n        <a\n          href={item.url}\n          className=\"ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline 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          onClick={(event) => {\n            if (\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey\n            )\n              return;\n            event.preventDefault();\n            onActivate(item);\n          }}\n        >\n          {titleText}\n        </a>\n      );\n    } else {\n      titleNode = titleText;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"notification-card\"\n        data-component-id={item.id}\n        data-read={item.read ? 'true' : 'false'}\n        data-leaving={effectiveLeaving ? 'true' : undefined}\n        aria-hidden={effectiveLeaving || undefined}\n        className={cardVariants({ variant, size, state, className })}\n        {...rest}\n      >\n        {item.icon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:size-8 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--accent)]/10 ds:text-[color:var(--accent)] ds:[&>svg]:size-4\"\n          >\n            {item.icon}\n          </span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {!item.read ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]\"\n              />\n            ) : null}\n            {variant === 'dashboard' ? (\n              // `h3` keeps the dashboard heading ladder continuous:\n              // h1 (page) → h2 (WarningStack + NotificationsPanel) → h3 (notification title).\n              <h3 className=\"ds:m-0 ds:flex-1 ds:min-w-0 type-title-item\">\n                {titleNode}\n              </h3>\n            ) : (\n              <span className=\"ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]\">\n                {titleNode}\n              </span>\n            )}\n          </div>\n\n          {item.description ? (\n            <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words\">\n              {item.description}\n            </p>\n          ) : null}\n\n          <Timestamp\n            value={item.createdAt}\n            shape=\"chip\"\n            size=\"sm\"\n            relativeWindow={12 * 60 * 60 * 1000}\n          />\n\n          {variant === 'dashboard' && (ctaLabel || dismissLabel) ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {ctaLabel && hasSafeUrl ? (\n                <Button\n                  intent=\"outline\"\n                  size=\"sm\"\n                  asChild\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  <a\n                    href={item.url}\n                    onClick={(event) => {\n                      if (\n                        event.defaultPrevented ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey\n                      )\n                        return;\n                      event.preventDefault();\n                      onActivate?.(item);\n                    }}\n                  >\n                    {ctaLabel}\n                  </a>\n                </Button>\n              ) : null}\n              {dismissLabel && onDismiss ? (\n                <Button\n                  intent=\"link\"\n                  size=\"sm\"\n                  onClick={handleDismiss}\n                  className=\"ds:relative ds:z-[1]\"\n                >\n                  {dismissLabel}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {variant === 'compact' && onDismiss ? (\n          <span className=\"ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none\">\n            <IconButton\n              icon={<X />}\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-label={t('notificationCard.dismiss', 'Dismiss notification')}\n              onClick={handleDismiss}\n            />\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nNotificationCard.displayName = 'NotificationCard';\n"],"names":["cardVariants","cva","stretchedLinkClass","isSafeNotificationUrl","url","NotificationCard","forwardRef","item","variant","size","onActivate","onDismiss","ctaLabel","dismissLabel","leaving","className","rest","ref","t","i18n","useTranslation","accessibleTime","useMemo","date","isControlledLeaving","isLeaving","setIsLeaving","useState","dismissTimerRef","useRef","effectiveLeaving","prefersReducedMotion","handleDismiss","useCallback","raw","ms","state","unreadSuffix","ariaLabel","hasSafeUrl","titleText","jsx","titleNode","event","jsxs","Timestamp","Button","IconButton","X"],"mappings":";;;;;;;;AAgFA,MAAMA,IAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA;AAAA,QAGP,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEMC,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAMH,SAASC,EAAsBC,GAAsB;AAG1D,SAAO,kCAAkC,KAAKA,CAAG;AACnD;AAMO,MAAMC,IAAmBC;AAAA,EAI9B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GAGdC,IAAiBC,EAAQ,MAAM;AACnC,YAAMC,IAAO,IAAI,KAAKhB,EAAK,SAAS;AACpC,aAAI,OAAO,MAAMgB,EAAK,QAAA,CAAS,IAAU,KAClC,IAAI,KAAK,eAAeJ,EAAK,UAAU;AAAA,QAC5C,WAAW;AAAA,QACX,WAAW;AAAA,MAAA,CACZ,EAAE,OAAOI,CAAI;AAAA,IAChB,GAAG,CAAChB,EAAK,WAAWY,EAAK,QAAQ,CAAC,GAS5BK,IAAsBV,MAAY,QAClC,CAACW,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAkBC,EAA6C,IAAI,GAEnEC,IAAmBN,IAAsBV,IAAUW,GAEnDM,IACJ,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE,SAElDC,IAAgBC,EAAY,MAAM;AACtC,UAAI,CAACtB,EAAW;AAChB,UAAIa,KAAuBO,GAAsB;AAC/C,QAAApB,EAAUJ,CAAI;AACd;AAAA,MACF;AACA,MAAAmB,EAAa,EAAI,GACbE,EAAgB,WAAS,aAAaA,EAAgB,OAAO;AACjE,YAAMM,IACH,OAAO,SAAW,OACjB,OACG,iBAAiB,SAAS,eAAe,EACzC,iBAAiB,sBAAsB,KAC5C,SACIC,IAAKD,EAAI,KAAA,EAAO,SAAS,IAAI,IAC/B,WAAWA,CAAG,IACd,WAAWA,CAAG,IAAI;AACtB,MAAAN,EAAgB,UAAU;AAAA,QACxB,MAAMjB,EAAUJ,CAAI;AAAA,QACpB,OAAO,SAAS4B,CAAE,IAAIA,IAAK;AAAA,MAAA;AAAA,IAE/B,GAAG,CAACxB,GAAWJ,GAAMiB,GAAqBO,CAAoB,CAAC,GAEzDK,IAAQ7B,EAAK,OAAO,SAAS,UAE7B8B,IAAe9B,EAAK,OACtB,KACAW,EAAE,iCAAiC,UAAU,GAC3CoB,IAAYpB,EAAE,8BAA8B;AAAA,MAChD,OAAOX,EAAK;AAAA,MACZ,MAAMc;AAAA,MACN,cAAAgB;AAAA,MACA,cAAc;AAAA,IAAA,CACf,GAEKE,IAAa,CAAC,CAAChC,EAAK,OAAOJ,EAAsBI,EAAK,GAAG,GAIzDiC,IACJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACAlC,EAAK,OAAO,mBAAmB;AAAA,QAAA,EAC/B,KAAK,GAAG;AAAA,QAET,UAAAA,EAAK;AAAA,MAAA;AAAA,IAAA;AAIV,QAAImC;AACJ,WAAIlC,MAAY,aAAa+B,KAAc7B,IACzCgC,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMlC,EAAK;AAAA,QACX,cAAY+B;AAAA,QACZ,WAAWpC,IAAqB;AAAA,QAChC,SAAS,CAACyC,MAAU;AAClB,UACEA,EAAM,oBACNA,EAAM,WACNA,EAAM,WACNA,EAAM,aAGRA,EAAM,eAAA,GACNjC,EAAWH,CAAI;AAAA,QACjB;AAAA,QAEC,UAAAiC;AAAA,MAAA;AAAA,IAAA,IAGIhC,MAAY,aAAaE,IAClCgC,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYH;AAAA,QACZ,WACEpC,IACA;AAAA,QAEF,SAAS,MAAMQ,EAAWH,CAAI;AAAA,QAE7B,UAAAiC;AAAA,MAAA;AAAA,IAAA,IAGIhC,MAAY,eAAe+B,KAAc7B,IAClDgC,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMlC,EAAK;AAAA,QACX,WAAU;AAAA,QACV,SAAS,CAACoC,MAAU;AAClB,UACEA,EAAM,oBACNA,EAAM,WACNA,EAAM,WACNA,EAAM,aAGRA,EAAM,eAAA,GACNjC,EAAWH,CAAI;AAAA,QACjB;AAAA,QAEC,UAAAiC;AAAA,MAAA;AAAA,IAAA,IAILE,IAAYF,GAIZ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA3B;AAAA,QACA,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBV,EAAK;AAAA,QACxB,aAAWA,EAAK,OAAO,SAAS;AAAA,QAChC,gBAAcuB,IAAmB,SAAS;AAAA,QAC1C,eAAaA,KAAoB;AAAA,QACjC,WAAW9B,EAAa,EAAE,SAAAQ,GAAS,MAAAC,GAAM,OAAA2B,GAAO,WAAArB,GAAW;AAAA,QAC1D,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAT,EAAK,OACJ,gBAAAkC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAlC,EAAK;AAAA,YAAA;AAAA,UAAA,IAEN;AAAA,UAEJ,gBAAAqC,EAAC,OAAA,EAAI,WAAU,uEACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,cAACrC,EAAK,OAKH,OAJF,gBAAAkC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,WAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGbjC,MAAY;AAAA;AAAA;AAAA,gBAGX,gBAAAiC,EAAC,MAAA,EAAG,WAAU,+CACX,UAAAC,EAAA,CACH;AAAA,kBAEA,gBAAAD,EAAC,QAAA,EAAK,WAAU,0EACb,UAAAC,EAAA,CACH;AAAA,YAAA,GAEJ;AAAA,YAECnC,EAAK,cACJ,gBAAAkC,EAAC,KAAA,EAAE,WAAU,uLACV,UAAAlC,EAAK,aACR,IACE;AAAA,YAEJ,gBAAAkC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAOtC,EAAK;AAAA,gBACZ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,gBAAgB,MAAU,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAGhCC,MAAY,gBAAgBI,KAAYC,KACvC,gBAAA+B,EAAC,OAAA,EAAI,WAAU,mEACZ,UAAA;AAAA,cAAAhC,KAAY2B,IACX,gBAAAE;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,MAAK;AAAA,kBACL,SAAO;AAAA,kBACP,WAAU;AAAA,kBAEV,UAAA,gBAAAL;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAMlC,EAAK;AAAA,sBACX,SAAS,CAACoC,MAAU;AAClB,wBACEA,EAAM,oBACNA,EAAM,WACNA,EAAM,WACNA,EAAM,aAGRA,EAAM,eAAA,GACNjC,KAAA,QAAAA,EAAaH;AAAA,sBACf;AAAA,sBAEC,UAAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA,IAEA;AAAA,cACHC,KAAgBF,IACf,gBAAA8B;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,MAAK;AAAA,kBACL,SAASd;AAAA,kBACT,WAAU;AAAA,kBAET,UAAAnB;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,YAAA,EAAA,CACN,IACE;AAAA,UAAA,GACN;AAAA,UAECL,MAAY,aAAaG,IACxB,gBAAA8B,EAAC,QAAA,EAAK,WAAU,yJACd,UAAA,gBAAAA;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,wBAAOC,GAAA,EAAE;AAAA,cACT,QAAO;AAAA,cACP,MAAK;AAAA,cACL,cAAY9B,EAAE,4BAA4B,sBAAsB;AAAA,cAChE,SAASc;AAAA,YAAA;AAAA,UAAA,GAEb,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA3B,EAAiB,cAAc;"}

package/dist/_chunks/notification-tray-AEun6DN2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-tray-AEun6DN2.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.js","../../src/components/notification-tray/notification-tray.agent.ts","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.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.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10.268 21a2 2 0 0 0 3.464 0\", key: \"vwvbt9\" }],\n  [\n    \"path\",\n    {\n      d: \"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\",\n      key: \"11g9vi\"\n    }\n  ]\n];\nconst Bell = createLucideIcon(\"bell\", __iconNode);\n\nexport { __iconNode, Bell as default };\n//# sourceMappingURL=bell.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — NotificationTray.                                      */\n/*                                                                        */\n/* Tray-level surface: an agent can open / close the panel, read the      */\n/* current items (id + read flag only — never PHI), and route per-item    */\n/* operations (dismiss, mark_read, select) through the curated handle.    */\n/* All actions are routed through the imperative handle; the adapter      */\n/* never touches the DOM directly.                                        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { NotificationTrayHandle } from './notification-tray';\n\nexport const notificationTrayAgent: AgentAdapter<NotificationTrayHandle> = {\n  id: 'notification-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.notificationTray.state.items',\n      description:\n        'Currently-displayed notifications. Ids + read flag only — no PHI.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.notificationTray.state.unreadCount',\n      description: 'Badge unread count surfaced by the host.',\n      read: (handle) => handle.getUnreadCount(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.notificationTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.open',\n      description: 'Open the notification panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.close',\n      description: 'Close the notification panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.selectItem',\n      description: 'Activate the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.markRead',\n      description: 'Request the host to mark a notification as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      idempotent: true,\n      errors: ['No notification matches the given id.'],\n      examples: [{ args: { id: 'notif-1' } }],\n      descriptionKey: 'ui.agent.notificationTray.actions.dismiss',\n      description:\n        'Request the host to dismiss the notification with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'notification-tray',\n      description: 'Marks the NotificationTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-notification-id',\n      description:\n        'Stable notification id emitted on each rendered NotificationCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Bell } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Button } from '../button/button';\nimport { Separator } from '../separator/separator';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Counter } from '../counter/counter';\nimport {\n  NotificationCard,\n  type NotificationItem,\n} from '../notification-card/notification-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { notificationTrayAgent } from './notification-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for NotificationTray. Exposed as the\n * forwardRef target so a future agent / MCP UI bridge can drive the\n * tray without touching the DOM. See `notification-tray.agent.ts`.\n */\nexport interface NotificationTrayHandle {\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n  getItems: () => Array<{ id: string; read: boolean }>;\n  getUnreadCount: () => number;\n  selectItem: (id: string) => void;\n  markRead: (id: string) => void;\n  dismiss: (id: string) => void;\n}\n\nexport interface NotificationTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof notificationTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  /** Fires when the host should mark a single notification as read (used by agent integration). */\n  onMarkRead?: (item: NotificationItem) => void;\n  /** Notifications rendered in the dropdown panel. */\n  items: NotificationItem[];\n  /** Number of unseen notifications. Drives the badge count. */\n  unseenCount?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Fires when the open state changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when the user activates an item (click or Enter/Space). */\n  onItemClick?: (item: NotificationItem) => void;\n  /** Fires when the user dismisses a notification. */\n  onDismiss?: (item: NotificationItem) => void;\n  /** Fires when the user clicks the header \"Mark all as read\" action. */\n  onMarkAllRead?: () => void;\n  /** When true the panel shows skeleton placeholders. */\n  loading?: boolean;\n  /** Advisory item count before the list scrolls. Consumers override the cap\n   *  via the `--notification-tray-max-block-size` custom property. */\n  maxVisible?: number;\n  /** When set renders a footer link that invokes `onViewAll`. */\n  viewAllLabel?: string;\n  /** Fires when the footer \"View all\" link is clicked. */\n  onViewAll?: () => void;\n  /** Panel alignment relative to the trigger. Default `'end'`. */\n  align?: 'start' | 'center' | 'end';\n  /** Side of the trigger to open on. Default `'bottom'`. */\n  side?: 'top' | 'bottom';\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst notificationTrayVariants = cva(\n  'ds:relative ds:inline-flex ds:items-center',\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    // Subtle tokenized border pairs with the drop-shadow so the panel's\n    // edge stays legible in dark themes (where the shadow alone reads as a\n    // faint halo). `--card-border` is alpha-based (32% in dark, lighter in\n    // light) so the edge cue stays soft rather than turning into a heavy\n    // outline. The forced-colors override below upgrades the border to\n    // `CanvasText` so HCM repaints a fully visible edge.\n    'ds:border ds:border-[color:var(--card-border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:z-[var(--z-popover)]',\n    // Width: fluid below the design cap so narrow viewports keep a visible\n    // gutter on *both* sides of the panel (shadow included). The legacy\n    // `min-w` approach clamped at 20rem, which flush-mounted the panel\n    // against the inline-start viewport edge on phones.\n    'ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]',\n    // Height: below the `sm` breakpoint the panel takes a near-full-screen\n    // sheet shape so the user gets room to triage messages / notifications\n    // without scrolling a tiny popover. `6rem` reserves space for the\n    // Header (≈4rem) plus the sideOffset + collisionPadding (≈2rem).\n    // Above `sm` it returns to `h-auto` so the list's own\n    // `--*-tray-max-block-size` cap governs the height.\n    'ds:h-[calc(100dvh-6rem)] ds:sm:h-auto',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:focus-visible:outline-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-xs)]',\n        md: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\n// The unread overlay is the kit `Counter` (variant `notification`, size\n// `md`) — a single source of truth for the red count badge. This tray only\n// owns the *placement*: anchored to the trigger's top-end corner, nudged\n// outward so the bell icon isn't covered.\nconst badgeOverlay =\n  'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)] ds:pointer-events-none';\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\nfunction SkeletonRow() {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\"\n    >\n      <Skeleton variant=\"circular\" size=\"sm\" />\n      <div className=\"ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n        <Skeleton variant=\"text\" size=\"md\" width=\"70%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"90%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation();\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className=\"ds:flex ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-lg)] ds:text-center\"\n    >\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:items-center ds:justify-center ds:size-10 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5\"\n      >\n        <Bell />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('notificationTray.noNotifications', 'No notifications')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t(\n          'notificationTray.noNotificationsDescription',\n          \"You're all caught up.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const NotificationTray = forwardRef<\n  HTMLDivElement,\n  NotificationTrayProps\n>(\n  (\n    {\n      id,\n      items,\n      unseenCount,\n      open,\n      onOpenChange,\n      onItemClick,\n      onDismiss,\n      onMarkRead,\n      onMarkAllRead,\n      loading = false,\n      maxVisible,\n      viewAllLabel,\n      onViewAll,\n      align = 'end',\n      side = 'bottom',\n      size = 'md',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const [isOpenRaw, handleOpenChange] = useControllableState<boolean>({\n      value: open,\n      defaultValue: false,\n      onChange: onOpenChange,\n    });\n    const isOpen = isOpenRaw ?? false;\n\n    /* Exit-animation list (AnimatePresence-style).\n     * `displayed` holds an entry per card that's currently mounted, even\n     * briefly after the consumer removes an item from `items`. When the\n     * consumer drops an id from `items`, we flip that entry to\n     * `leaving: true` for one animation cycle, then prune it. */\n    type Displayed = { item: NotificationItem; leaving: boolean };\n    const [displayed, setDisplayed] = useState<Displayed[]>(() =>\n      items.map((item) => ({ item, leaving: false })),\n    );\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    // `useLayoutEffect` so the `leaving=true` flip applies in the same paint\n    // as the consumer's `items` update. With `useEffect` the browser paints\n    // once with the dismissed card still at `leaving=false` (no animation)\n    // before the flag flips — a visible lag before the exit animation starts.\n    useIsomorphicLayoutEffect(() => {\n      setDisplayed((prev) => {\n        const nextIds = new Set(items.map((i) => i.id));\n        const prevIds = new Set(prev.map((d) => d.item.id));\n\n        const merged: Displayed[] = prev.map((d) => {\n          if (nextIds.has(d.item.id)) {\n            const fresh = items.find((i) => i.id === d.item.id);\n            return fresh\n              ? { item: fresh, leaving: false }\n              : { ...d, leaving: true };\n          }\n          return { ...d, leaving: true };\n        });\n\n        for (const i of items) {\n          if (!prevIds.has(i.id)) merged.push({ item: i, leaving: false });\n        }\n        return merged;\n      });\n    }, [items]);\n\n    useEffect(() => {\n      if (!displayed.some((d) => d.leaving)) return;\n      const ms = animationDurationMs();\n      const timer = setTimeout(() => {\n        setDisplayed((prev) => prev.filter((d) => !d.leaving));\n      }, ms);\n      return () => clearTimeout(timer);\n    }, [displayed, animationDurationMs]);\n\n    /* Polite live region — announces when a new unread notification\n       floats to the top of the list, even with the panel closed. */\n    const liveRegionRef = useRef<HTMLDivElement | null>(null);\n    const lastTopIdRef = useRef<string | undefined>(items[0]?.id);\n\n    useEffect(() => {\n      const topId = items[0]?.id;\n      const prev = lastTopIdRef.current;\n      if (prev && topId && prev !== topId && liveRegionRef.current) {\n        const newest = items[0];\n        if (newest && !newest.read) {\n          liveRegionRef.current.textContent = t(\n            'notificationTray.newNotification',\n            {\n              title: newest.title,\n              defaultValue: 'New notification: {{title}}',\n            },\n          );\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unseenCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('notificationTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Notifications, {{count}} unread',\n          })\n        : t('notificationTray.triggerLabelNone', 'Notifications, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('notificationTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. Pure look-ups +\n     * delegations into the consumer-supplied callbacks; never touches the\n     * DOM. See notification-tray.agent.ts. */\n    const itemsRef = useRef<NotificationItem[]>(items);\n    itemsRef.current = items;\n    const unseenRef = useRef<number | undefined>(unseenCount);\n    unseenRef.current = unseenCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<NotificationTrayHandle>(\n      () => ({\n        open: () => handleOpenChange(true),\n        close: () => handleOpenChange(false),\n        isOpen: () => isOpenRef.current,\n        getItems: () =>\n          itemsRef.current.map((i) => ({ id: i.id, read: !!i.read })),\n        getUnreadCount: () =>\n          unseenRef.current ?? itemsRef.current.filter((i) => !i.read).length,\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onItemClick?.(found);\n        },\n        markRead: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onMarkRead?.(found);\n        },\n        dismiss: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onDismiss?.(found);\n        },\n      }),\n      [handleOpenChange, onItemClick, onMarkRead, onDismiss],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(notificationTrayAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"notification-tray\"\n        data-component-id={id}\n        className={[notificationTrayVariants({ size }), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange}>\n          <RadixPopover.Trigger asChild>\n            <IconButton\n              icon={<Bell />}\n              intent=\"outline\"\n              size={size === 'sm' ? 'sm' : 'md'}\n              aria-label={triggerAriaLabel}\n              aria-haspopup=\"dialog\"\n            />\n          </RadixPopover.Trigger>\n          {displayCount > 0 ? (\n            <Counter\n              variant=\"notification\"\n              size=\"md\"\n              aria-hidden=\"true\"\n              data-testid=\"notification-tray-badge\"\n              className={badgeOverlay}\n            >\n              {badgeLabel}\n            </Counter>\n          ) : null}\n          {/* Live region sits outside the popover so it announces even\n              while the panel is closed. */}\n          <div\n            ref={liveRegionRef}\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n            className=\"ds:sr-only\"\n          />\n          <RadixPopover.Portal>\n            <RadixPopover.Content\n              role=\"dialog\"\n              aria-label={t('notificationTray.panelTitle', 'Notifications')}\n              side={side}\n              align={align}\n              sideOffset={8}\n              // `spacing-md` (16px) keeps Radix's collision-avoidance from\n              // flush-mounting the panel against the viewport edge when the\n              // trigger is near the inline-end of a narrow screen.\n              collisionPadding={16}\n              className={panelClass}\n            >\n              <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]\">\n                <h3 className=\"ds:m-0 type-title-card ds:text-[color:var(--foreground)]\">\n                  {t('notificationTray.panelTitle', 'Notifications')}\n                </h3>\n                {onMarkAllRead && items.some((item) => !item.read) ? (\n                  <Button\n                    intent=\"link\"\n                    size=\"sm\"\n                    onClick={onMarkAllRead}\n                    className=\"ds:text-[length:var(--font-size-xs)]\"\n                  >\n                    {t('notificationTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Cap at ~24rem so ~5 items fit before the list scrolls.\n                  Consumers override via the --notification-tray-max-block-size\n                  custom property on the root element. */}\n              <div\n                // `role=\"list\"` requires `listitem` children — applied only\n                // when we render NotificationCards. The empty / loading\n                // states render a `role=\"status\"` panel which would violate\n                // aria-required-children if the list role were always on.\n                role={loading || displayed.length === 0 ? undefined : 'list'}\n                data-max-visible={maxVisible}\n                // Below `sm` the panel is a near-full-screen sheet (see\n                // `panelVariants`) and the list expands to fill the\n                // remaining space with `flex-1`. Above `sm` the list\n                // caps at the `--notification-tray-max-block-size` custom\n                // property so the popover stays compact.\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\n                {loading ? (\n                  <>\n                    <SkeletonRow />\n                    <SkeletonRow />\n                    <SkeletonRow />\n                  </>\n                ) : displayed.length === 0 ? (\n                  <EmptyPanel />\n                ) : (\n                  displayed.map(({ item, leaving }) => (\n                    <NotificationCard\n                      key={item.id}\n                      item={item}\n                      variant=\"compact\"\n                      leaving={leaving}\n                      onActivate={onItemClick}\n                      onDismiss={onDismiss}\n                      data-notification-id={item.id}\n                    />\n                  ))\n                )}\n              </div>\n              {viewAllLabel ? (\n                <>\n                  <Separator />\n                  <div className=\"ds:pt-[var(--spacing-xs)]\">\n                    <Button\n                      intent=\"link\"\n                      size=\"sm\"\n                      onClick={onViewAll}\n                      className=\"ds:w-full ds:justify-center\"\n                    >\n                      {viewAllLabel}\n                    </Button>\n                  </div>\n                </>\n              ) : null}\n            </RadixPopover.Content>\n          </RadixPopover.Portal>\n        </RadixPopover.Root>\n      </div>\n    );\n  },\n);\n\nNotificationTray.displayName = 'NotificationTray';\n"],"names":["__iconNode","Bell","createLucideIcon","notificationTrayAgent","handle","args","notificationTrayVariants","cva","panelVariants","badgeOverlay","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","NotificationTray","forwardRef","id","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","isOpenRaw","handleOpenChange","useControllableState","isOpen","displayed","setDisplayed","useState","item","animationDurationMs","useCallback","raw","trimmed","n","useIsomorphicLayoutEffect","prev","nextIds","i","prevIds","d","merged","fresh","useEffect","ms","timer","liveRegionRef","useRef","lastTopIdRef","_a","topId","newest","displayCount","triggerAriaLabel","badgeLabel","panelClass","itemsRef","unseenRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","RadixPopover","IconButton","Counter","Button","Separator","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/patient-details-Dlhqb5ig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"patient-details-Dlhqb5ig.js","sources":["../../src/components/patient-details/patient-details.agent.ts","../../src/components/patient-details/patient-details.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { PatientDetailsHandle } from './patient-details';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — PatientDetails                                         */\n/*                                                                        */\n/* Exposes the patient panel to a future MCP runtime:                     */\n/*   - VIEW CONFIG (safety: write) — show/hide + reorder the visible      */\n/*     field set. These mutate the user's view, not the patient record.   */\n/*   - PHI WRITE (safety: phi) — `update_field` writes a patient field    */\n/*     value. It is the ONLY PHI mutation and routes through the same     */\n/*     `onFieldSave` path as a human inline edit, so the consumer's       */\n/*     permission + validation + audit are the single write authority.    */\n/*     `phi` (not `write`) forces the runtime's confirm-before-act gate.  */\n/*                                                                        */\n/* STATE exposes only field KEYS (`visibleFieldOrder`) and an opaque      */\n/* `patientId` — never a field value or patient identity (PRS §Security,  */\n/* 26-agent-readiness §6.1/§7).                                           */\n/* -------------------------------------------------------------------- */\n\nexport const patientDetailsAgent: AgentAdapter<PatientDetailsHandle> = {\n  id: 'patient-details',\n  // `view_change` backs the view-config actions (show/hide + reorder are both\n  // view reconfigurations); `set_value` backs the single-value `update_field`\n  // (not `edit_inline`, which is for granular free-text/formatting edits).\n  capabilities: ['view_change', 'set_value'],\n  state: {\n    visibleFieldOrder: {\n      type: 'string[]',\n      descriptionKey: 'ui.agent.patientDetails.state.visibleFieldOrder',\n      description:\n        'Ordered list of visible field KEYS (e.g. \"fiscalCode\"). Never a field value.',\n      read: (handle) => handle.getVisibleFieldOrder(),\n    },\n    patientId: {\n      type: 'string | undefined',\n      descriptionKey: 'ui.agent.patientDetails.state.patientId',\n      description:\n        'Opaque patient id the panel is bound to. No patient-identifiable data.',\n      read: (handle) => handle.getPatientId(),\n    },\n  },\n  actions: {\n    set_visible_fields: {\n      safety: 'write',\n      argsType: '{ fieldIds: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          fieldIds: { type: 'array', items: { type: 'string' } },\n        },\n        required: ['fieldIds'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.setVisibleFields',\n      description:\n        'Set which fields are visible (and their order). Unknown ids are ignored.',\n      examples: [\n        {\n          args: { fieldIds: ['lastName', 'firstName', 'phone', 'email'] },\n          note: 'Show only name + contact fields.',\n        },\n      ],\n      invoke: (handle, args: { fieldIds: string[] }) => {\n        handle.setVisibleFields(args.fieldIds);\n      },\n    },\n    set_field_order: {\n      safety: 'write',\n      argsType: '{ orderedIds: string[] }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          orderedIds: { type: 'array', items: { type: 'string' } },\n        },\n        required: ['orderedIds'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.setFieldOrder',\n      description:\n        'Reorder the visible fields. Order within a section is honoured; sections stay fixed.',\n      invoke: (handle, args: { orderedIds: string[] }) => {\n        handle.setFieldOrder(args.orderedIds);\n      },\n    },\n    update_field: {\n      // PHI: mutates a patient-identifiable value. NOT `write` — the runtime\n      // must confirm + audit. Routes through `onFieldSave` (server write).\n      safety: 'phi',\n      openWorld: true,\n      argsType: '{ fieldId: string; value: unknown }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          fieldId: { type: 'string' },\n          value: {},\n        },\n        required: ['fieldId', 'value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.patientDetails.actions.updateField',\n      description:\n        \"Write a patient field value via the consumer's audited save path. Subject to the same permissions and validation as a human edit.\",\n      errors: ['no-save-handler', 'validation-failed', 'permission-denied'],\n      examples: [\n        {\n          args: { fieldId: 'job', value: 'Architect' },\n          note: 'Update the patient’s occupation.',\n        },\n      ],\n      invoke: (handle, args: { fieldId: string; value: unknown }) =>\n        handle.updateField(args.fieldId, args.value),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'patient-details',\n      description: 'Marks the PatientDetails root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop. Addresses a specific panel.',\n    },\n    item: {\n      attr: 'data-field-id',\n      description:\n        'Stable field KEY on each row. Never the field value (no PHI in the DOM hook).',\n    },\n  },\n};\n","import {\n  forwardRef,\n  Fragment,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy, Lock, Pencil, X } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { IconButton } from '../button';\nimport { Card } from '../card/card';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from '../collapsible/collapsible';\nimport { DatePicker } from '../date-picker/date-picker';\nimport { DescriptionList } from '../description-list/description-list';\nimport { EmailInput } from '../email-input/email-input';\nimport { FiscalCodeInput } from '../fiscal-code-input/fiscal-code-input';\nimport { NumberInput } from '../number-input/number-input';\nimport { PhoneInput } from '../phone-input/phone-input';\nimport { Select } from '../select/select';\nimport { Separator } from '../separator/separator';\nimport { Switch } from '../switch/switch';\nimport { TextArea } from '../text-area/text-area';\nimport { TextInput } from '../text-input/text-input';\nimport { useAgentRegistration } from '../../agent/registry';\nimport {\n  resolveVisibleFields,\n  type PatientField,\n  type PatientFieldEditType,\n  type PatientFieldEditValue,\n  type PatientFieldOption,\n  type PatientFieldSection,\n} from '../_shared/patient-fields';\nimport { usePatientFieldVisibility } from '../_shared/field-visibility';\nimport { FieldVisibilityCog } from '../_shared/field-visibility-cog';\nimport { FieldValue } from '../_shared/field-value';\nimport { patientDetailsAgent } from './patient-details.agent';\n\n/* -------------------------------------------------------------------- */\n/* PatientDetails                                                         */\n/*                                                                        */\n/* The customizable, inline-editable patient record panel — the kit's     */\n/* replacement for platform's hardcoded, per-user-identical patient       */\n/* \"scheda paziente\" table. Mounts as a CONTEXTUAL tool in the Control    */\n/* Room rail (a separate tool from EntitySummary, the AI brief).          */\n/*                                                                        */\n/* Boundaries (PRS §Security + 26-agent-readiness §PHI):                  */\n/*  - DATA-IN for values: the consumer maps DoctorPatient → sections.     */\n/*    The kit owns the layout, the cog field-picker, i18n & theming.      */\n/*  - PERSISTENCE-OUT: the cog emits `onVisibleFieldsChange`; the         */\n/*    consumer persists the user's chosen ordered field set (platform:    */\n/*    a per-user × per-practice JSON column).                             */\n/*  - WRITE-OUT: inline edits AND the agent's `update_field` BOTH route   */\n/*    through the single `onFieldSave` callback, so platform's            */\n/*    permission + validation + audit path is the only write channel.     */\n/*  - DOM hooks + agent state carry only field KEYS and an opaque         */\n/*    `patientId` — never a field VALUE / patient identity.               */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                             */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[color:var(--foreground)]',\n  {\n    variants: {\n      // `compact` (default) suits the narrow rail panel; `comfortable`\n      // relaxes spacing for a wider host (a full-width profile page).\n      density: {\n        comfortable: 'ds:p-[var(--spacing-md)]',\n        compact: 'ds:p-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: {\n      density: 'compact',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/*                                                                        */\n/* The field model is the shared `_shared/patient-fields` vocabulary, so   */\n/* PatientDetails and PatientSummaryCard speak ONE field language. The      */\n/* visible set + order are a PER-CONTEXT preference the consumer owns and   */\n/* wires per placement — never a single value synced across surfaces. The   */\n/* `PatientDetails*` names below are kept as aliases for back-compat.      */\n/* -------------------------------------------------------------------- */\n\nexport type {\n  PatientField,\n  PatientFieldSection,\n  PatientFieldOption,\n  PatientFieldEditType,\n  PatientFieldEditValue,\n} from '../_shared/patient-fields';\n\n/** A label→value patient field. Alias of the shared {@link PatientField}. */\nexport type PatientDetailsField = PatientField;\n/** A labelled, collapsible group of fields. Alias of {@link PatientFieldSection}. */\nexport type PatientDetailsSection = PatientFieldSection;\n/** Alias of the shared {@link PatientFieldOption}. */\nexport type PatientDetailsFieldOption = PatientFieldOption;\n/** Alias of the shared {@link PatientFieldEditType}. */\nexport type PatientDetailsEditType = PatientFieldEditType;\n/** Alias of the shared {@link PatientFieldEditValue}. */\nexport type PatientDetailsEditValue = PatientFieldEditValue;\n\n/**\n * Imperative handle the agent adapter drives. Exposes only field KEYS and\n * an opaque `patientId` for reads; `updateField` routes writes through the\n * same `onFieldSave` path as a human inline edit (no second channel).\n */\nexport interface PatientDetailsHandle {\n  /** The current ordered list of visible field ids. */\n  getVisibleFieldOrder: () => string[];\n  /** Opaque patient id (no PHI). */\n  getPatientId: () => string | undefined;\n  /** Replace the visible set, preserving the given order (filtered to known fields). */\n  setVisibleFields: (fieldIds: string[]) => void;\n  /** Replace the full ordered visible list (filtered to known fields). */\n  setFieldOrder: (orderedIds: string[]) => void;\n  /** Write a field value — delegates to `onFieldSave`. Rejects if no handler. */\n  updateField: (fieldId: string, value: unknown) => Promise<void>;\n}\n\nexport interface PatientDetailsProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title' | 'children'\n> {\n  /** Patient display name — the panel heading. */\n  title: ReactNode;\n  /** The sectioned field catalogue (consumer-mapped from DoctorPatient). */\n  sections: PatientDetailsSection[];\n  /**\n   * Header avatar photo / initials override. The panel always fronts the name\n   * with an Avatar — initials derive from a string `title` by default; pass\n   * `src` for a photo, or `name` to override the initials source.\n   */\n  avatar?: { src?: string; name?: string };\n  /** At-a-glance chips under the name (consumer-composed Badge/Tag/Chip row). */\n  headerChips?: ReactNode;\n\n  /* ----- inline editing (kit-owned controls, consumer-owned write) ----- */\n\n  /**\n   * Frame the identity header and each section in its own elevated `Card`,\n   * for a \"control-room\" rail that reads as a stack of cards rather than one\n   * flat panel. Default `false` (the flat panel with a header rule + eyebrow\n   * section headings). When framed, the header rule is dropped — the cards\n   * provide the separation.\n   */\n  framed?: boolean;\n  /** Master switch — show edit affordances on `editable` fields. */\n  editable?: boolean;\n  /**\n   * Persist a field edit. Resolve ⇒ committed; reject(Error) ⇒ the message\n   * is shown inline and the row stays in edit mode. Also the single channel\n   * the agent's `update_field` uses.\n   */\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  /** Domain validation — return an error message, or `null` when valid. */\n  validate?: (fieldId: string, value: unknown) => string | null;\n\n  /* ----- customization (the cog; controlled OR uncontrolled) ----- */\n\n  /**\n   * Controlled ordered list of visible field ids. `undefined` ⇒ every field\n   * visible; an explicit `[]` ⇒ none (a panel that starts collapsed).\n   */\n  visibleFieldOrder?: string[];\n  /** Uncontrolled initial order. Omit both ⇒ every field visible, in declaration order. */\n  defaultVisibleFieldOrder?: string[];\n  /** Fired whenever the user shows/hides/reorders fields via the cog. */\n  onVisibleFieldsChange?: (orderedIds: string[]) => void;\n\n  /* ----- states ----- */\n\n  /** Render the loading skeleton. */\n  loading?: boolean;\n  /** Shown when there are no sections / no patient. Defaults to a localised hint. */\n  emptyState?: ReactNode;\n\n  /* ----- agent / a11y ----- */\n\n  /** Opaque patient id — emitted as `data-patient-id` + agent stateRead. No PHI. */\n  patientId?: string;\n  /** Agent-readiness instance id, surfaced as `data-component-id`. */\n  id?: string;\n  /** BCP-47 locale override (currency / number editors). */\n  locale?: string;\n  /** Override the cog trigger's accessible name. */\n  cogLabel?: string;\n  /** Override the panel region's accessible name (defaults to the heading). */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PatientDetails = forwardRef<HTMLElement, PatientDetailsProps>(\n  function PatientDetails(\n    {\n      title,\n      sections,\n      avatar,\n      headerChips,\n      framed = false,\n      editable = false,\n      onFieldSave,\n      validate,\n      visibleFieldOrder,\n      defaultVisibleFieldOrder,\n      onVisibleFieldsChange,\n      loading = false,\n      emptyState,\n      patientId,\n      id,\n      locale,\n      cogLabel,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const headingId = useId();\n\n    // Per-context field visibility + ordering. The order is a per-INSTANCE\n    // preference the kit never persists — the consumer wires its own\n    // value/onChange, so the same field vocabulary can render differently in\n    // different parts of the app (see usePatientFieldVisibility).\n    const {\n      visible,\n      catalogueIds,\n      setOrder,\n      toggleField,\n      toggleSection,\n      moveFieldOnto,\n      reset: resetToDefaults,\n    } = usePatientFieldVisibility(sections, {\n      value: visibleFieldOrder,\n      defaultValue: defaultVisibleFieldOrder,\n      onChange: onVisibleFieldsChange,\n    });\n\n    /* ---- imperative handle (agent) ------------------------------- */\n\n    const handle = useMemo<PatientDetailsHandle>(\n      () => ({\n        getVisibleFieldOrder: () => visible,\n        getPatientId: () => patientId,\n        setVisibleFields: (fieldIds) => setOrder(fieldIds),\n        setFieldOrder: (orderedIds) => setOrder(orderedIds),\n        updateField: (fieldId, value) => {\n          if (!onFieldSave) {\n            return Promise.reject(\n              new Error('PatientDetails: no onFieldSave handler is wired.'),\n            );\n          }\n          return onFieldSave(fieldId, value);\n        },\n      }),\n      [visible, patientId, setOrder, onFieldSave],\n    );\n    useAgentRegistration(patientDetailsAgent, handle, id);\n\n    /* ---- region accessible name ---------------------------------- */\n\n    const resolvedAriaLabel =\n      ariaLabel ??\n      t('patientDetails.regionLabel', { defaultValue: 'Patient details' });\n\n    /* ---- header avatar ------------------------------------------- */\n    // Parity with the card: the panel fronts the name with an Avatar (photo via\n    // `avatar.src`, else initials from the name). Omitted only when `title` is a\n    // non-string node and no `avatar.name` is given (nothing to derive from).\n    const avatarName =\n      avatar?.name ?? (typeof title === 'string' ? title : undefined);\n    const showAvatar = Boolean(avatar?.src || avatarName);\n\n    /* ---- loading / empty ----------------------------------------- */\n\n    const hasVisible = catalogueIds.some((cid) => visible.includes(cid));\n\n    if (loading) {\n      return (\n        <section\n          ref={ref}\n          data-component=\"patient-details\"\n          data-component-id={id}\n          data-patient-id={patientId}\n          aria-label={resolvedAriaLabel}\n          aria-busy=\"true\"\n          className={rootVariants({ className })}\n          {...rest}\n        >\n          <PatientDetailsSkeleton />\n        </section>\n      );\n    }\n\n    const isEmpty = sections.length === 0 || !hasVisible;\n\n    const headerInner = (\n      <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n        {showAvatar ? (\n          <Avatar\n            size=\"md\"\n            name={avatarName}\n            src={avatar?.src}\n            className=\"ds:shrink-0\"\n          />\n        ) : null}\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          <h2\n            id={headingId}\n            className=\"ds:m-0 type-title-item ds:text-[color:var(--foreground)]\"\n          >\n            {title}\n          </h2>\n          {/* Chips sit under the NAME (not the avatar) — same column shape\n              as the card's identity line. */}\n          {headerChips ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\">\n              {headerChips}\n            </div>\n          ) : null}\n        </div>\n        <FieldVisibilityCog\n          sections={sections}\n          visible={visible}\n          onToggleField={toggleField}\n          onToggleSection={toggleSection}\n          onMoveFieldOnto={moveFieldOnto}\n          onReset={resetToDefaults}\n          label={cogLabel}\n        />\n      </div>\n    );\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"patient-details\"\n        data-component-id={id}\n        data-patient-id={patientId}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        aria-label={ariaLabel ?? undefined}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header — framed wraps it in its own elevated card (no header rule);\n            flat keeps the inline header + a divider before the body. Pinned in\n            both modes so the identity stays visible as the body scrolls (e.g.\n            inside the Control Room rail). */}\n        {framed ? (\n          <Card variant=\"elevated\" className=\"ds:sticky ds:top-0 ds:z-[1]\">\n            <Card.Body>{headerInner}</Card.Body>\n          </Card>\n        ) : (\n          <>\n            <header className=\"ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:py-[var(--spacing-2xs)]\">\n              {headerInner}\n            </header>\n            <Separator orientation=\"horizontal\" />\n          </>\n        )}\n\n        {/* Body — one card per section when framed, otherwise a flat stack. */}\n        {isEmpty ? (\n          <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {emptyState ??\n              t('patientDetails.empty', {\n                defaultValue: 'No patient selected.',\n              })}\n          </p>\n        ) : (\n          resolveVisibleFields(sections, visible).map(({ section, fields }) => {\n            const block = (\n              <SectionBlock\n                section={section}\n                fields={fields}\n                editable={editable}\n                onFieldSave={onFieldSave}\n                validate={validate}\n                locale={locale}\n              />\n            );\n            return framed ? (\n              <Card key={section.id} variant=\"elevated\">\n                <Card.Body>{block}</Card.Body>\n              </Card>\n            ) : (\n              <Fragment key={section.id}>{block}</Fragment>\n            );\n          })\n        )}\n      </section>\n    );\n  },\n);\n\nPatientDetails.displayName = 'PatientDetails';\n\n/* -------------------------------------------------------------------- */\n/* SectionBlock — one collapsible group                                   */\n/* -------------------------------------------------------------------- */\n\nfunction SectionBlock({\n  section,\n  fields,\n  editable,\n  onFieldSave,\n  validate,\n  locale,\n}: {\n  section: PatientDetailsSection;\n  fields: PatientDetailsField[];\n  editable: boolean;\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  validate?: (fieldId: string, value: unknown) => string | null;\n  locale?: string;\n}): ReactNode {\n  const { t } = useTranslation();\n  const headingId = useId();\n  const collapsible = section.collapsible ?? true;\n\n  // The empty hint must be a SIBLING of the <dl>, never a child — a <p> is\n  // not a valid direct child of <dl> (axe `definition-list`).\n  const rows =\n    fields.length === 0 ? (\n      <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n        {t('patientDetails.section.empty', {\n          defaultValue: 'No fields shown.',\n        })}\n      </p>\n    ) : (\n      <DescriptionList\n        layout=\"inline\"\n        density=\"compact\"\n        divider=\"none\"\n        // Label icons paint in the accent (the slot's recolour hook); no row rules.\n        className=\"ds:[--description-list-icon-color:var(--accent)]\"\n      >\n        {fields.map((field) => (\n          <FieldRow\n            key={field.id}\n            field={field}\n            // Surface the icon on the direct child: DescriptionList reserves its\n            // icon column by inspecting direct children only, so the FieldRow\n            // wrapper must carry it (not just the nested Row).\n            icon={field.icon ?? null}\n            editable={editable}\n            onFieldSave={onFieldSave}\n            validate={validate}\n            locale={locale}\n          />\n        ))}\n      </DescriptionList>\n    );\n\n  if (!collapsible) {\n    return (\n      <section\n        aria-labelledby={headingId}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n      >\n        <h3\n          id={headingId}\n          className=\"ds:m-0 type-eyebrow ds:text-[color:var(--foreground)]\"\n        >\n          {section.heading}\n        </h3>\n        {rows}\n      </section>\n    );\n  }\n\n  return (\n    <Collapsible\n      defaultOpen={section.defaultOpen ?? true}\n      variant=\"minimal\"\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n    >\n      {/* Real <h3> so collapsible sections appear in the heading outline\n          (the non-collapsible branch is an <h3> too); the WAI-ARIA accordion\n          pattern is a heading wrapping the disclosure button. */}\n      <h3 className=\"ds:m-0\">\n        <CollapsibleTrigger asChild>\n          <button\n            type=\"button\"\n            id={headingId}\n            className=\"ds:flex ds:w-full ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)] ds:bg-transparent ds:border-0 ds:p-0 ds:text-start ds:cursor-pointer ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] type-eyebrow ds:text-[color:var(--foreground)]\"\n          >\n            {section.heading}\n          </button>\n        </CollapsibleTrigger>\n      </h3>\n      <CollapsibleContent aria-labelledby={headingId}>\n        {rows}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* FieldRow — display ↔ inline-edit                                       */\n/* -------------------------------------------------------------------- */\n\nfunction FieldRow({\n  field,\n  icon,\n  editable,\n  onFieldSave,\n  validate,\n  locale,\n}: {\n  field: PatientDetailsField;\n  icon?: ReactElement | null;\n  editable: boolean;\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  validate?: (fieldId: string, value: unknown) => string | null;\n  locale?: string;\n}): ReactNode {\n  const { t } = useTranslation();\n  const errorId = useId();\n  const canEdit = editable && !!field.editable && !!onFieldSave;\n\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState<PatientDetailsEditValue>(field.editValue);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  const beginEdit = useCallback(() => {\n    setDraft(field.editValue);\n    setError(null);\n    setEditing(true);\n  }, [field.editValue]);\n\n  const cancelEdit = useCallback(() => {\n    setEditing(false);\n    setError(null);\n  }, []);\n\n  const commitEdit = useCallback(async () => {\n    if (!onFieldSave) return;\n    const validationError = validate?.(field.id, draft) ?? null;\n    if (validationError) {\n      setError(validationError);\n      return;\n    }\n    setSaving(true);\n    setError(null);\n    try {\n      await onFieldSave(field.id, draft);\n      setEditing(false);\n    } catch (err) {\n      // Keep the row in edit mode + surface the failure; the value the\n      // consumer holds is unchanged (no optimistic mutation of `value`).\n      setError(\n        err instanceof Error && err.message\n          ? err.message\n          : t('patientDetails.edit.saveFailed', {\n              defaultValue: 'Could not save. Try again.',\n            }),\n      );\n    } finally {\n      setSaving(false);\n    }\n  }, [onFieldSave, validate, field.id, draft, t]);\n\n  const label = (\n    <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n      {field.label}\n      {field.sensitive ? (\n        <Lock\n          aria-label={t('patientDetails.sensitive', {\n            defaultValue: 'Sensitive',\n          })}\n          className=\"ds:size-3 ds:shrink-0 ds:text-[color:var(--muted-foreground)]\"\n        />\n      ) : null}\n    </span>\n  );\n\n  // Best-effort plain text for the truncated value's hover tooltip — the full\n  // value also stays reachable via inline edit and (when copyable) the copy button.\n  const valueTitle =\n    typeof field.value === 'string'\n      ? field.value\n      : (field.copyText ??\n        (typeof field.editValue === 'string' ? field.editValue : undefined));\n\n  const detail = editing ? (\n    <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n      <span className=\"ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]\">\n        <FieldEditor\n          field={field}\n          value={draft}\n          onChange={setDraft}\n          invalid={!!error}\n          errorId={error ? errorId : undefined}\n          locale={locale}\n          disabled={saving}\n        />\n        <IconButton\n          size=\"sm\"\n          intent=\"primary\"\n          icon={<Check aria-hidden=\"true\" />}\n          aria-label={t('patientDetails.edit.save', { defaultValue: 'Save' })}\n          loading={saving}\n          onClick={commitEdit}\n        />\n        <IconButton\n          size=\"sm\"\n          intent=\"ghost\"\n          icon={<X aria-hidden=\"true\" />}\n          aria-label={t('patientDetails.edit.cancel', {\n            defaultValue: 'Cancel',\n          })}\n          disabled={saving}\n          onClick={cancelEdit}\n        />\n      </span>\n      {error ? (\n        <span\n          id={errorId}\n          role=\"alert\"\n          className=\"type-meta ds:text-[color:var(--destructive)]\"\n        >\n          {error}\n        </span>\n      ) : null}\n    </span>\n  ) : (\n    <span className=\"ds:flex ds:items-start ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n      {/* Single-line values truncate so the read row matches the editor height\n          (no shift on open); textarea fields keep wrapping. */}\n      <span\n        className={`ds:min-w-0 ${field.editType === 'textarea' ? '' : 'ds:truncate'}${field.mono ? ' ds:font-mono' : ''}`}\n        title={valueTitle}\n      >\n        <FieldValue field={field} />\n      </span>\n      {field.copyable && field.copyText ? (\n        <CopyButton text={field.copyText} label={field.label} />\n      ) : null}\n      {canEdit ? (\n        <IconButton\n          size=\"sm\"\n          intent=\"ghost\"\n          // Reveal on row hover / keyboard focus only — stays in the tab order\n          // (opacity, not display) so keyboard + SR users always reach it.\n          className=\"ds:shrink-0 ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:focus-visible:opacity-100\"\n          icon={<Pencil aria-hidden=\"true\" />}\n          aria-label={t('patientDetails.edit.editField', {\n            field: field.label,\n            defaultValue: 'Edit {{field}}',\n          })}\n          onClick={beginEdit}\n        />\n      ) : null}\n    </span>\n  );\n\n  return (\n    <DescriptionList.Row\n      icon={icon ?? null}\n      data-field-id={field.id}\n      className=\"ds:group\"\n    >\n      <DescriptionList.Term>{label}</DescriptionList.Term>\n      <DescriptionList.Detail>{detail}</DescriptionList.Detail>\n    </DescriptionList.Row>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* FieldEditor — the right control per editType                           */\n/* -------------------------------------------------------------------- */\n\nfunction FieldEditor({\n  field,\n  value,\n  onChange,\n  invalid,\n  errorId,\n  locale,\n  disabled,\n}: {\n  field: PatientDetailsField;\n  value: PatientDetailsEditValue;\n  onChange: (next: PatientDetailsEditValue) => void;\n  invalid: boolean;\n  errorId?: string;\n  locale?: string;\n  disabled?: boolean;\n}): ReactNode {\n  const { t } = useTranslation();\n  const tone = invalid ? 'error' : 'default';\n  const editType = field.editType ?? 'text';\n\n  switch (editType) {\n    case 'textarea':\n      return (\n        <TextArea\n          size=\"sm\"\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value)}\n          tone={tone}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n          disabled={disabled}\n          className=\"ds:flex-1\"\n        />\n      );\n    case 'select':\n      return (\n        <Select\n          size=\"sm\"\n          options={field.options ?? []}\n          value={typeof value === 'string' ? value : ''}\n          onValueChange={(next) => onChange(next)}\n          tone={tone}\n          disabled={disabled}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n        />\n      );\n    case 'boolean':\n      return (\n        <Switch\n          label={field.label}\n          checked={value === true}\n          onCheckedChange={(checked) => onChange(checked)}\n          disabled={disabled}\n        />\n      );\n    case 'date':\n      return (\n        <DatePicker\n          size=\"sm\"\n          value={value instanceof Date ? value : undefined}\n          onChange={(next) => onChange(next ?? null)}\n          disabled={disabled}\n          aria-label={field.label}\n        />\n      );\n    case 'number':\n      return (\n        <NumberInput\n          size=\"sm\"\n          value={typeof value === 'number' ? value : null}\n          onChange={(next) => onChange(next)}\n          mode={field.currency ? 'currency' : 'decimal'}\n          currency={field.currency}\n          locale={locale}\n          tone={tone}\n          disabled={disabled}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n        />\n      );\n    case 'email':\n      return (\n        <EmailInput\n          size=\"sm\"\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value)}\n          // EmailInput owns format validation — it surfaces its own border +\n          // \"Invalid email\" message. PatientDetails' `validate` layers on top\n          // for business rules (e.g. already-in-use), never format.\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n          disabled={disabled}\n          className=\"ds:flex-1\"\n        />\n      );\n    case 'phone':\n      return (\n        <PhoneInput\n          size=\"sm\"\n          // E.164 string in / out — the dialling-code split is the input's own\n          // internal state, never part of the saved value.\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e164) => onChange(e164)}\n          tone={tone}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n          disabled={disabled}\n          className=\"ds:flex-1\"\n        />\n      );\n    case 'fiscalCode':\n      return (\n        <FiscalCodeInput\n          size=\"sm\"\n          // The input normalises (uppercase, strip, ≤16) and hands back the\n          // plain string; that normalised value is what we save.\n          value={typeof value === 'string' ? value : ''}\n          onChange={(raw) => onChange(raw)}\n          tone={tone}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n          disabled={disabled}\n          className=\"ds:flex-1\"\n        />\n      );\n    case 'text':\n    default:\n      return (\n        <TextInput\n          size=\"sm\"\n          value={typeof value === 'string' ? value : ''}\n          onChange={(e) => onChange(e.target.value)}\n          tone={tone}\n          aria-label={field.label}\n          aria-invalid={invalid || undefined}\n          aria-describedby={errorId}\n          disabled={disabled}\n          clearable\n          placeholder={t('patientDetails.edit.placeholder', {\n            defaultValue: 'Enter a value',\n          })}\n          className=\"ds:flex-1\"\n        />\n      );\n  }\n}\n\n/* -------------------------------------------------------------------- */\n/* CopyButton — copy a field value (rendered INSIDE the <dd>)             */\n/*                                                                        */\n/* Rendered inside the Detail so the <dl> grouping <div> contains only    */\n/* <dt>/<dd> (the axe `definition-list` rule forbids buttons as siblings  */\n/* of dt/dd). Reuses the shared keyValuePair.* copy strings.              */\n/* -------------------------------------------------------------------- */\n\nfunction CopyButton({\n  text,\n  label,\n}: {\n  text: string;\n  label: string;\n}): ReactNode {\n  const { t } = useTranslation();\n  const [copied, setCopied] = useState(false);\n  const [announcement, setAnnouncement] = useState('');\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setAnnouncement(t('keyValuePair.copied', { defaultValue: 'Copied' }));\n      setTimeout(() => {\n        setCopied(false);\n        setAnnouncement('');\n      }, 2000);\n    } catch {\n      setAnnouncement(\n        t('keyValuePair.notAvailable', { defaultValue: 'Copy not available' }),\n      );\n      setTimeout(() => setAnnouncement(''), 3000);\n    }\n  }, [text, t]);\n\n  return (\n    <>\n      <IconButton\n        size=\"sm\"\n        intent=\"ghost\"\n        icon={\n          copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n        }\n        aria-label={t('keyValuePair.copy', {\n          label,\n          defaultValue: 'Copy {{label}}',\n        })}\n        onClick={handleCopy}\n      />\n      <span role=\"status\" className=\"ds:sr-only\">\n        {announcement}\n      </span>\n    </>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* Skeleton                                                               */\n/* -------------------------------------------------------------------- */\n\nfunction PatientDetailsSkeleton(): ReactNode {\n  return (\n    <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n      <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <span className=\"ds:size-10 ds:shrink-0 ds:rounded-full ds:bg-[color:var(--muted)]\" />\n        <span className=\"ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]\" />\n      </div>\n      {[0, 1, 2].map((i) => (\n        <span\n          key={i}\n          className=\"ds:h-4 ds:w-full ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]\"\n        />\n      ))}\n    </div>\n  );\n}\n\n/** Density variant union re-exported for downstream typing. */\nexport type PatientDetailsDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["patientDetailsAgent","handle","args","rootVariants","cva","PatientDetails","forwardRef","title","sections","avatar","headerChips","framed","editable","onFieldSave","validate","visibleFieldOrder","defaultVisibleFieldOrder","onVisibleFieldsChange","loading","emptyState","patientId","id","locale","cogLabel","ariaLabel","className","rest","ref","t","useTranslation","headingId","useId","visible","catalogueIds","setOrder","toggleField","toggleSection","moveFieldOnto","resetToDefaults","usePatientFieldVisibility","useMemo","fieldIds","orderedIds","fieldId","value","useAgentRegistration","resolvedAriaLabel","avatarName","showAvatar","hasVisible","cid","jsx","PatientDetailsSkeleton","isEmpty","headerInner","jsxs","Avatar","FieldVisibilityCog","Card","Fragment","Separator","resolveVisibleFields","section","fields","block","SectionBlock","collapsible","rows","DescriptionList","field","FieldRow","Collapsible","CollapsibleTrigger","CollapsibleContent","icon","errorId","canEdit","editing","setEditing","useState","draft","setDraft","error","setError","saving","setSaving","beginEdit","useCallback","cancelEdit","commitEdit","validationError","err","label","Lock","valueTitle","detail","FieldEditor","IconButton","Check","X","FieldValue","CopyButton","Pencil","onChange","invalid","disabled","tone","TextArea","e","Select","next","Switch","checked","DatePicker","NumberInput","EmailInput","PhoneInput","e164","FiscalCodeInput","raw","TextInput","text","copied","setCopied","announcement","setAnnouncement","handleCopy","Copy","i"],"mappings":"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"}