@alfadocs/ui-kit-debug 1.55.0 → 1.57.0

package/dist/_chunks/link-2HokYuIi.js

@@ -1,130 +0,0 @@
-import { jsxs as k, jsx as e } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { E as z } from "./external-link-CY6zAXXU.js";
-const E = j(
-  [
-    "ds:underline-offset-4",
-    "ds:rounded-[var(--radius-xs)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "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]",
-    "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:no-underline"
-  ].join(" "),
-  {
-    variants: {
-      intent: {
-        // `--primary` is 4.23:1 as text on the dark page, so the link
-        // re-points it (and its hover step) at `--primary-readable`, which
-        // differs only in the dark theme. The colour classes stay as they
-        // were: a host still on an older token sheet keeps today's look,
-        // and a consumer `className` wins or loses exactly as before.
-        default: "ds:[--primary:var(--primary-readable)] ds:[--primary-hover:var(--primary-readable-hover)] ds:text-primary ds:underline ds:hover:text-primary-hover ds:active:opacity-80",
-        subtle: "ds:text-muted-foreground ds:no-underline ds:hover:text-foreground ds:hover:underline ds:active:opacity-80",
-        inverted: "ds:text-primary-foreground ds:underline ds:hover:opacity-90 ds:active:opacity-80"
-      },
-      weight: {
-        normal: "ds:font-normal",
-        strong: "ds:font-semibold"
-      },
-      // When the link carries an icon, the anchor itself becomes a flex
-      // container so glyphs centre on the text optical centre — the
-      // previous `vertical-align: -0.125em` heuristic over-corrected when
-      // the link was the only thing on its line (e.g. each <li> of a
-      // vertical sidebar nav). Text-only links remain plain `inline` so
-      // they wrap naturally inside a paragraph.
-      hasIcon: {
-        no: "ds:inline",
-        yes: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"
-      }
-    },
-    defaultVariants: {
-      intent: "default",
-      weight: "normal",
-      hasIcon: "no"
-    }
-  }
-), I = L(
-  ({
-    href: f,
-    external: s = !1,
-    externalIcon: u = !0,
-    disabled: n = !1,
-    startIcon: i,
-    endIcon: a,
-    intent: o,
-    weight: m,
-    className: v,
-    children: p,
-    target: h,
-    rel: t,
-    onClick: r,
-    ...g
-  }, y) => {
-    const { t: b } = T("ui"), x = s ? "_blank" : h, w = s ? [t, "noopener", "noreferrer"].filter(Boolean).join(" ") : t, d = b("link.opensInNewTab", "Opens in a new tab"), N = (c) => {
-      if (n) {
-        c.preventDefault();
-        return;
-      }
-      r == null || r(c);
-    }, l = s && u;
-    return /* @__PURE__ */ k(
-      "a",
-      {
-        ref: y,
-        href: n ? void 0 : f,
-        role: n ? "link" : void 0,
-        "aria-disabled": n || void 0,
-        target: x,
-        rel: w || void 0,
-        onClick: N,
-        "data-component": "link",
-        "data-intent": o ?? "default",
-        className: E({
-          intent: o,
-          weight: m,
-          hasIcon: !!(i || a || l) ? "yes" : "no",
-          className: v
-        }),
-        ...g,
-        children: [
-          i ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
-              children: i
-            }
-          ) : null,
-          p,
-          l ? /* @__PURE__ */ e(
-            "span",
-            {
-              className: "ds:inline-flex ds:items-center",
-              "aria-label": d,
-              children: /* @__PURE__ */ e(z, { "aria-hidden": "true", className: "ds:size-[1em]" })
-            }
-          ) : s ? (
-            // External wiring without the glyph — keep the SR-only
-            // "opens in new tab" announcement so the affordance reads.
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: d })
-          ) : a ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]",
-              children: a
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-I.displayName = "Link";
-export {
-  I as L
-};
-//# sourceMappingURL=link-2HokYuIi.js.map

package/dist/_chunks/link-2HokYuIi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-2HokYuIi.js","sources":["../../src/components/link/link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ExternalLink } from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n/**\n * Link is the semantic anchor primitive for inline navigation —\n * privacy / terms in form copy, external \"remote support\" links in\n * sidebars, in-paragraph references inside info-tip body copy.\n *\n * For action affordances that *look* like a link but trigger UI rather\n * than navigation, use `<Button intent=\"link\">` instead — the semantic\n * boundary matters for screen readers and keyboard users.\n */\nconst linkVariants = cva(\n  [\n    'ds:underline-offset-4',\n    'ds:rounded-[var(--radius-xs)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:no-underline',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        // `--primary` is 4.23:1 as text on the dark page, so the link\n        // re-points it (and its hover step) at `--primary-readable`, which\n        // differs only in the dark theme. The colour classes stay as they\n        // were: a host still on an older token sheet keeps today's look,\n        // and a consumer `className` wins or loses exactly as before.\n        default:\n          'ds:[--primary:var(--primary-readable)] ds:[--primary-hover:var(--primary-readable-hover)] ds:text-primary ds:underline ds:hover:text-primary-hover ds:active:opacity-80',\n        subtle:\n          'ds:text-muted-foreground ds:no-underline ds:hover:text-foreground ds:hover:underline ds:active:opacity-80',\n        inverted:\n          'ds:text-primary-foreground ds:underline ds:hover:opacity-90 ds:active:opacity-80',\n      },\n      weight: {\n        normal: 'ds:font-normal',\n        strong: 'ds:font-semibold',\n      },\n      // When the link carries an icon, the anchor itself becomes a flex\n      // container so glyphs centre on the text optical centre — the\n      // previous `vertical-align: -0.125em` heuristic over-corrected when\n      // the link was the only thing on its line (e.g. each <li> of a\n      // vertical sidebar nav). Text-only links remain plain `inline` so\n      // they wrap naturally inside a paragraph.\n      hasIcon: {\n        no: 'ds:inline',\n        yes: 'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n      },\n    },\n    defaultVariants: {\n      intent: 'default',\n      weight: 'normal',\n      hasIcon: 'no',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface LinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    VariantProps<typeof linkVariants> {\n  /** Anchor target. Required — the whole point of the component. */\n  href: string;\n  /**\n   * Flag the link as opening in a new browsing context. Automatically\n   * adds `target=\"_blank\"` + `rel=\"noopener noreferrer\"` and renders a\n   * trailing `ExternalLink` icon with an i18n'd aria-label.\n   */\n  external?: boolean;\n  /**\n   * Render the trailing external-link glyph. Default `true` — set to\n   * `false` for surfaces (footer, social rows, dense nav) where the\n   * indicator adds visual noise. The `target` / `rel` / \"opens in new\n   * tab\" aria-label are still applied.\n   */\n  externalIcon?: boolean;\n  /**\n   * Render the link in a non-interactive disabled state. Strips `href`,\n   * adds `aria-disabled` + `role=\"link\"`, suppresses the underline.\n   * Prefer hiding the link entirely when possible — disabled links are\n   * a usability anti-pattern outside of state-machine flows.\n   */\n  disabled?: boolean;\n  /** Optional leading icon (inline-start). */\n  startIcon?: ReactNode;\n  /** Optional trailing icon (inline-end). Ignored when `external`. */\n  endIcon?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      href,\n      external = false,\n      externalIcon = true,\n      disabled = false,\n      startIcon,\n      endIcon,\n      intent,\n      weight,\n      className,\n      children,\n      target,\n      rel,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    const effectiveTarget = external ? '_blank' : target;\n    const effectiveRel = external\n      ? [rel, 'noopener', 'noreferrer'].filter(Boolean).join(' ')\n      : rel;\n\n    const externalLabel = t('link.opensInNewTab', 'Opens in a new tab');\n\n    const handleClick: AnchorHTMLAttributes<HTMLAnchorElement>['onClick'] = (\n      event,\n    ) => {\n      if (disabled) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    };\n\n    const showExternalIcon = external && externalIcon;\n    const hasIcon = Boolean(startIcon || endIcon || showExternalIcon);\n\n    return (\n      <a\n        ref={ref}\n        // When disabled, drop href so the link is not actionable; pair\n        // with aria-disabled + role=\"link\" so AT still announces the\n        // role (the implicit role disappears once href is removed).\n        href={disabled ? undefined : href}\n        role={disabled ? 'link' : undefined}\n        aria-disabled={disabled || undefined}\n        target={effectiveTarget}\n        rel={effectiveRel || undefined}\n        onClick={handleClick}\n        data-component=\"link\"\n        data-intent={intent ?? 'default'}\n        className={linkVariants({\n          intent,\n          weight,\n          hasIcon: hasIcon ? 'yes' : 'no',\n          className,\n        })}\n        {...rest}\n      >\n        {startIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]\"\n          >\n            {startIcon}\n          </span>\n        ) : null}\n        {children}\n        {showExternalIcon ? (\n          <span\n            className=\"ds:inline-flex ds:items-center\"\n            aria-label={externalLabel}\n          >\n            <ExternalLink aria-hidden=\"true\" className=\"ds:size-[1em]\" />\n          </span>\n        ) : external ? (\n          // External wiring without the glyph — keep the SR-only\n          // \"opens in new tab\" announcement so the affordance reads.\n          <span className=\"ds:sr-only\">{externalLabel}</span>\n        ) : endIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:items-center ds:[&_svg]:size-[1em]\"\n          >\n            {endIcon}\n          </span>\n        ) : null}\n      </a>\n    );\n  },\n);\n\nLink.displayName = 'Link';\n"],"names":["linkVariants","cva","Link","forwardRef","href","external","externalIcon","disabled","startIcon","endIcon","intent","weight","className","children","target","rel","onClick","rest","ref","t","useTranslation","effectiveTarget","effectiveRel","externalLabel","handleClick","event","showExternalIcon","jsxs","jsx","ExternalLink"],"mappings":"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"}

package/dist/_chunks/marketplace-app-shell-Dcx-JEjg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marketplace-app-shell-Dcx-JEjg.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { Logo } from '../../components/logo/logo';\nimport { AlfadocsLogoMark, AlfadocsLogoNeg } from '../logo-asset';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n// Maker lockup root. Sets a single `--lockup-unit` custom property to the\n// matching `--logo-size-*` token; every maker sub-element (mark, name, the\n// \"by Alfadocs\" tag) sizes off `var(--lockup-unit)`, so there's one per-size\n// source of truth that shifts up with the accessible themes for free.\n// `whitespace-nowrap` keeps \"[mark] Name by Alfadocs\" on one line.\nconst makerRoot = cva('ds:whitespace-nowrap', {\n  variants: {\n    size: {\n      sm: 'ds:[--lockup-unit:var(--logo-size-sm)]',\n      md: 'ds:[--lockup-unit:var(--logo-size-md)]',\n      lg: 'ds:[--lockup-unit:var(--logo-size-lg)]',\n      xl: 'ds:[--lockup-unit:var(--logo-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name. Passed verbatim (product names are not translated).\n   *\n   * - `variant=\"standard\"` (default): renders as \"Alfadocs <name>\" with the\n   *   wordmark; accessible name is `Alfadocs <name>`.\n   * - `variant=\"maker\"`: renders as \"[mark] <name> by Alfadocs\"; accessible\n   *   name is `<name> by Alfadocs`.\n   */\n  name: string;\n  /**\n   * Which lockup composition to use.\n   *\n   * - `'standard'` (default) — Alfadocs wordmark + product name (\"Alfadocs\n   *   Builders\"). Use for **internal** Alfadocs products (Alfadocs Builders,\n   *   Alfadocs API) where the product is part of the Alfadocs family.\n   * - `'maker'` — \"<name> by Alfadocs\" with the four-pillar mark and the name\n   *   as the prominent element. Use for **external** marketplace extensions\n   *   (\"Scribe by Alfadocs\") where the extension's own name leads and\n   *   \"by Alfadocs\" is the maker attribution.\n   */\n  variant?: 'standard' | 'maker';\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * Pairs a product name with the Alfadocs brand. Two compositions:\n *\n * - `variant=\"standard\"` (default) — the Alfadocs wordmark + product name\n *   (\"Alfadocs Builders\"). For internal Alfadocs products. Exposed to\n *   assistive tech as a single `img` named `Alfadocs <name>`.\n * - `variant=\"maker\"` — \"[mark] <name> by Alfadocs\". For external marketplace\n *   extensions where the extension's name leads. Exposed as a single `img`\n *   named `<name> by Alfadocs`.\n *\n * In both cases the inner wordmark/mark and the visible name are decorative so\n * the brand isn't announced twice. Every marketplace app should use this\n * rather than hand-rolling a wordmark + typed span.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      variant = 'standard',\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    if (variant === 'maker') {\n      // Ink matrix mirrors the standard variant's tone/monochrome model:\n      // - tone=\"inherit\": every element rides currentColor (no explicit ink),\n      //   for coloured surfaces.\n      // - monochrome (tone auto): foreground ink, with the attribution muted.\n      // - default (colour, tone auto): the name + mark take --primary; the\n      //   wordmark lettering stays --foreground; the attribution is muted.\n      const inherit = tone === 'inherit';\n      const markInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const nameInk = inherit\n        ? ''\n        : monochrome\n          ? 'ds:text-[color:var(--foreground)]'\n          : 'ds:text-[color:var(--primary)]';\n      const byInk = inherit ? '' : 'ds:text-[color:var(--muted-foreground)]';\n      const letteringInk = inherit ? '' : 'ds:text-[color:var(--foreground)]';\n\n      return (\n        <span\n          ref={ref}\n          role=\"img\"\n          aria-label={t('productLockup.makerLabel', { name: name.trim() })}\n          className={makerRoot({ size, className })}\n          data-component=\"product-lockup\"\n          {...props}\n        >\n          {/* Pillar mark sized close to the app name (≈0.88 of the serif em),\n              vertically centred on it. Inline (not flex) so the maker tag can\n              use vertical-align. */}\n          <AlfadocsLogoMark\n            aria-hidden\n            className={`ds:inline-block ds:align-middle ds:me-[var(--spacing-sm)] ds:h-[calc(var(--lockup-unit)*0.88)] ds:w-auto ds:forced-colors:text-[CanvasText] ${markInk}`}\n          />\n          <span\n            aria-hidden\n            className={`ds:align-middle ds:[font-family:var(--font-serif)] ds:font-semibold ds:italic ds:leading-none ds:tracking-[0.01em] ${nameInk} ds:text-[calc(var(--lockup-unit)*0.95)]`}\n          >\n            {name}\n          </span>\n          {/* Maker tag — superscript style, its top aligned to the app name's\n              cap-height via vertical-align: text-top. */}\n          <span\n            aria-hidden\n            className={`ds:align-text-top ds:ms-[var(--spacing-sm)] ds:inline-flex ds:items-baseline ds:gap-[var(--spacing-2xs)] ${byInk}`}\n          >\n            <Trans\n              ns=\"ui\"\n              t={t}\n              i18nKey=\"productLockup.attribution\"\n              components={{\n                text: (\n                  <span className=\"ds:text-[calc(var(--lockup-unit)*0.4)] ds:leading-none\" />\n                ),\n                brand: (\n                  <AlfadocsLogoNeg\n                    aria-hidden\n                    viewBox=\"168 0 637 125\"\n                    className={`ds:h-[calc(var(--lockup-unit)*0.45)] ds:w-auto ds:forced-colors:text-[CanvasText] ${letteringInk}`}\n                  />\n                ),\n              }}\n            />\n          </span>\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the maker `ProductLockup` — \"<Product> by Alfadocs\" —\n * rendered `monochrome` so it rides the header's ink; maker is the lockup\n * style for external marketplace extensions), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and a bare-avatar\n * account menu (fullscreen + sign-out) matching the main app shell.\n * `ConnectWithAlfadocs` is the matching pre-auth screen, with the full-colour\n * maker lockup and `SignInWithAlfadocsButton`.\n *\n * Like `AliaSidebar`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { LogOut, Maximize2 } from 'lucide-react';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarCollapseTrigger,\n  SidebarHeader,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n  /**\n   * Optional click handler threaded onto the nav link's `<a>`. The lightweight\n   * alternative to `renderLink`: intercept a same-origin click (call\n   * `event.preventDefault()`) and route client-side without a full page load —\n   * no router `<Link>` needed. Applies to both the standalone sidebar item and\n   * the embedded tab. When `renderLink` is supplied it's handed through to the\n   * consumer's link element instead.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}\n\n/**\n * Props the shell hands to `renderLink` for each nav item. The consumer returns\n * their router's `<Link to={href}>` carrying the same `className` (the kit's\n * active styling) and `aria-current` (`'page'` on the active item) so a tab /\n * sidebar-item click is a client-side route change, not a full page reload.\n */\nexport interface MarketplaceRenderLinkProps {\n  /** The item's destination — feed it to your router's `to` / `href`. */\n  href: string;\n  /** The kit's classes — apply verbatim to the link element. */\n  className?: string;\n  /** Icon + label + badge — render as the link's children. */\n  children: ReactNode;\n  /** `'page'` on the active item, otherwise omitted — forward to the link. */\n  'aria-current'?: 'page';\n  /**\n   * The item's stable id, as the agent / automation DOM hook. Spread it onto\n   * your router link so the item stays addressable by `[data-tab-id]` — see\n   * PRS §26 §6. Only supplied on the bottom-tab-bar path.\n   */\n  'data-tab-id'?: string;\n}\n\n/**\n * Render a nav item through the consumer's router instead of the kit's own\n * `<a>`. Returned by the consumer; the shell forwards `href`, the kit's\n * `className`, the item children, and `aria-current` so the active styling and\n * the `aria-current=\"page\"` marker survive a client-side route change.\n */\nexport type MarketplaceRenderLink = (\n  props: MarketplaceRenderLinkProps,\n) => ReactNode;\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Extension name — renders as the maker lockup \"<productName> by Alfadocs\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /**\n   * Render nav items (and the brand lockup) through the consumer's router so a\n   * tab / item click is a client-side route change with **no full-page reload\n   * or session flash**. Wire it to your router's `<Link>`:\n   *\n   * ```tsx\n   * import { Link } from '@tanstack/react-router';\n   * <MarketplaceAppShell\n   *   nav={nav}\n   *   renderLink={({ href, className, children, ...rest }) => (\n   *     <Link to={href} className={className} {...rest}>{children}</Link>\n   *   )}\n   * />\n   * ```\n   *\n   * Threaded to the standalone sidebar items, the embedded top tab strip, and\n   * the brand lockup. The kit forwards the same `className` + `aria-current` so\n   * the active styling and the `aria-current=\"page\"` marker survive in both\n   * modes. Omit it to render the plain `<a href>` exactly as before — non-routed\n   * consumers are byte-for-byte unaffected. A per-item `onClick` (a\n   * click-interceptor shim) is the lighter alternative when you don't want to\n   * thread a router `<Link>`.\n   */\n  renderLink?: MarketplaceRenderLink;\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /**\n   * Render a collapse/expand toggle in the sidebar header, letting the user\n   * shrink the standalone sidebar to an icon rail. The chosen mode persists\n   * per-user (the underlying `Sidebar` stores it) and survives reloads. Opt-in\n   * so existing consumers are unaffected; ignored when `sidebarState` forces a\n   * mode or in the `'embedded'` variant (no sidebar). @default false\n   */\n  collapsibleSidebar?: boolean;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation('ui');\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('marketplaceAppShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        {/* Bare avatar circle — matches the main app shell's account\n            trigger. The name lives inside the menu, not beside the avatar. */}\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          className=\"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:size-10 ds:rounded-[var(--radius-full)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]\"\n        >\n          <span aria-hidden=\"true\">\n            <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          </span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\" collisionPadding={16}>\n        {/* GitHub-style identity header — small avatar + name + secondary\n            line, matching the main app shell's account menu. */}\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <span aria-hidden=\"true\">\n              <Avatar name={user.name} src={user.avatarSrc} size=\"sm\" />\n            </span>\n            <span className=\"ds:flex ds:flex-col ds:min-w-0\">\n              <span className=\"type-label ds:text-[color:var(--foreground)] ds:truncate\">\n                {user.name}\n              </span>\n              {user.email ? (\n                <span className=\"type-meta ds:truncate\">{user.email}</span>\n              ) : null}\n            </span>\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              startIcon={<Maximize2 aria-hidden />}\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          startIcon={<LogOut aria-hidden />}\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({\n  nav,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  renderLink?: MarketplaceRenderLink;\n}) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        const inner = (\n          <>\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </>\n        );\n\n        // Consumer-router mode: render the item through Radix `Slot`\n        // (`SidebarItem asChild`) so the consumer's `<Link>` takes over the\n        // anchor while keeping the kit's item styling + `aria-current=\"page\"`.\n        // Clicking routes client-side — no full-page reload.\n        if (renderLink) {\n          return (\n            <SidebarItem key={item.id} asChild isActive={item.isActive}>\n              {renderLink({\n                href: item.href,\n                children: inner,\n                'aria-current': item.isActive ? 'page' : undefined,\n              })}\n            </SidebarItem>\n          );\n        }\n\n        // Default: plain anchor — byte-identical to before when no per-item\n        // `onClick` is supplied (it's omitted entirely, not passed as\n        // undefined, so the rendered `<a>` is unchanged).\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n            {...(item.onClick ? { onClick: item.onClick } : {})}\n          >\n            {inner}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render.\n\n   The `standalone` `<main>` gets its content inset from AppFrame's own\n   `mainVariants({ padded: true })` (`--spacing-md` on every logical side), so\n   this variant only carries the canvas colour there. The `embedded` `<main>`\n   is a plain element (no AppFrame), so it has to supply its own inset:\n   `--spacing-md` inline + block-end to match the standalone inset, and a\n   larger `--spacing-lg` block-start so content clears the floating tab strip's\n   pill instead of butting up against it. All logical — RTL mirrors for free. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: [\n        'ds:flex-1',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n  renderLink,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n  renderLink?: MarketplaceRenderLink;\n}) {\n  // Adapt the shell's `renderLink` to TabBar's `renderLink` signature — TabBar\n  // also offers the per-item `onClick`, but in consumer-router mode the\n  // `<Link>` owns navigation (matching the standalone sidebar), so we forward\n  // only `href` / `className` / `children` / `aria-current`. With `renderLink`\n  // omitted, TabBar renders its own plain `<a href>` exactly as before, and a\n  // per-item `onClick` rides through `nav` → `TabBarItem` untouched.\n  const tabRenderLink = renderLink\n    ? ({\n        href,\n        className,\n        children,\n        'aria-current': ariaCurrent,\n        'data-tab-id': tabId,\n      }: {\n        href: string;\n        className: string;\n        children: ReactNode;\n        'aria-current'?: 'page';\n        'data-tab-id'?: string;\n      }) =>\n        renderLink({\n          href,\n          className,\n          children,\n          'aria-current': ariaCurrent,\n          // Forward the agent DOM hook — without it a consumer-router tab is\n          // invisible to `[data-tab-id]` lookups (PRS §26 §6).\n          'data-tab-id': tabId,\n        })\n    : undefined;\n\n  return (\n    <TabBar\n      items={nav}\n      ariaLabel={ariaLabel}\n      {...(tabRenderLink ? { renderLink: tabRenderLink } : {})}\n    />\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      renderLink,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      collapsibleSidebar = false,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    // The brand lockup as a consumer-router link: when `renderLink` is\n    // supplied, the brand anchor routes client-side too (no session flash when\n    // jumping home). The maker lockup's \"<productName> by Alfadocs\" supplies\n    // the link's accessible name, matching the default `HeaderBrand` anchor.\n    const headerBrand = renderLink ? (\n      <HeaderBrand asChild>\n        {renderLink({\n          href: productHref,\n          children: (\n            <ProductLockup\n              name={productName}\n              size=\"md\"\n              monochrome\n              variant=\"maker\"\n            />\n          ),\n        })}\n      </HeaderBrand>\n    ) : (\n      <HeaderBrand\n        href={productHref}\n        logo={\n          <ProductLockup\n            name={productName}\n            size=\"md\"\n            monochrome\n            variant=\"maker\"\n          />\n        }\n      />\n    );\n\n    // Only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                {headerBrand}\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              {collapsibleSidebar && sidebarState === undefined ? (\n                // No justify override: SidebarHeader centres its child in the\n                // icon rail (`justify-center`) and left-aligns it when expanded,\n                // matching the nav icons below. `justify-end` here would win over\n                // the icon-mode centring and offset the toggle in the rail.\n                <SidebarHeader>\n                  <SidebarCollapseTrigger />\n                </SidebarHeader>\n              ) : null}\n              <MarketplaceSidebarNav nav={nav} renderLink={renderLink} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip\n          nav={nav}\n          ariaLabel={t('navigation.sidebar.label')}\n          renderLink={renderLink}\n        />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\n          <div className=\"ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n              variant=\"maker\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                variant=\"maker\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","makerRoot","ProductLockup","forwardRef","name","variant","monochrome","tone","size","className","props","ref","t","useTranslation","inherit","markInk","nameInk","byInk","letteringInk","jsxs","jsx","AlfadocsLogoMark","Trans","AlfadocsLogoNeg","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","fullscreenLabel","DropdownMenu","Avatar","Fragment","Maximize2","LogOut","MarketplaceSidebarNav","nav","renderLink","SidebarBody","item","badge","inner","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","SidebarItem","shellMainVariants","EmbeddedTabStrip","ariaLabel","tabRenderLink","href","children","ariaCurrent","tabId","TabBar","MarketplaceAppShell","productHref","sidebarState","collapsibleSidebar","mainAriaLabel","headerBrand","HeaderBrand","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","SidebarHeader","SidebarCollapseTrigger","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":"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"}

package/dist/_chunks/message-tray-BB95DA82.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-tray-BB95DA82.js","sources":["../../src/components/message-tray/message-tray.agent.ts","../../src/components/message-tray/message-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — MessageTray.                                           */\n/*                                                                        */\n/* Tray-level surface: open/close the inbox panel, read message ids and  */\n/* unread flag (never sender names / subjects / previews — those are     */\n/* PHI), and route per-message operations through the curated handle.    */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { MessageTrayHandle } from './message-tray';\n\nexport const messageTrayAgent: AgentAdapter<MessageTrayHandle> = {\n  id: 'message-tray',\n  capabilities: ['open', 'close', 'select_single', 'dismiss', 'navigate'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; read: boolean }>',\n      descriptionKey: 'ui.agent.messageTray.state.items',\n      description:\n        'Currently-displayed messages. Ids + read flag only — no PHI / no sender names.',\n      read: (handle) => handle.getItems(),\n    },\n    unreadCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.messageTray.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.messageTray.state.isOpen',\n      description: 'Whether the dropdown panel is currently open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.open',\n      description: 'Open the message panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral panel-visibility change — read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.close',\n      description: 'Close the message panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_item: {\n      // Activates (navigates to) a message — ephemeral view change, read.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description:\n              'Stable message id to activate (sourced from item.id).',\n          },\n        },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.messageTray.actions.selectItem',\n      description: 'Activate the message with the given id.',\n      examples: [\n        { args: { id: 'msg-1' }, note: 'Open the message with id \"msg-1\".' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n    mark_read: {\n      // Persists read-intent for one message, reversible via the same UI — write.\n      safety: 'write',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to mark as read.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markRead',\n      description: 'Request the host to mark a message as read.',\n      invoke: (handle, args: { id: string }) => {\n        handle.markRead(args.id);\n      },\n    },\n    dismiss: {\n      // Archives / removes a message — irreversible from this UI, destructive.\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Stable message id to dismiss / archive.',\n          },\n        },\n        required: ['id'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.dismiss',\n      description:\n        'Request the host to dismiss / archive the message with the given id.',\n      invoke: (handle, args: { id: string }) => {\n        handle.dismiss(args.id);\n      },\n    },\n    mark_all_read: {\n      // Persists read-intent across every message, reversible per-message — write.\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.markAllRead',\n      description: 'Request the host to mark every message as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      // Navigates to the full inbox surface — ephemeral view change, read.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.messageTray.actions.viewAll',\n      description: 'Navigate to the full inbox / message list.',\n      invoke: (handle) => {\n        handle.viewAll();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'message-tray',\n      description: 'Marks the MessageTray 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-message-id',\n      description:\n        'Stable message id emitted on each rendered MessageCard 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 { Mail } 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 { ScrollArea } from '../scroll-area/scroll-area';\nimport { MessageCard, type MessageItem } from '../message-card/message-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { messageTrayAgent } from './message-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for MessageTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `message-tray.agent.ts`.\n */\nexport interface MessageTrayHandle {\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  /** Request the host to mark every message as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full inbox (mirrors onViewAll). */\n  viewAll: () => void;\n}\n\nexport interface MessageTrayProps\n  extends\n    Omit<\n      HTMLAttributes<HTMLDivElement>,\n      'onClick' | 'children' | 'role' | 'id'\n    >,\n    VariantProps<typeof messageTrayVariants> {\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 message as read (used by agent integration). */\n  onMarkRead?: (item: MessageItem) => void;\n  /** Messages rendered in the dropdown panel. */\n  items: MessageItem[];\n  /** Number of unread messages. Drives the badge count. */\n  unreadCount?: 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: MessageItem) => void;\n  /** Fires when the user dismisses / archives a message. */\n  onDismiss?: (item: MessageItem) => 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  /**\n   * Advisory item count before the list scrolls. Consumers override the cap\n   * via the `--message-tray-max-block-size` custom property.\n   */\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 messageTrayVariants = cva('ds:relative ds:inline-flex ds:items-center', {\n  variants: {\n    size: {\n      sm: '',\n      md: '',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst panelVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\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 (shadow included). Cap slightly wider than\n    // NotificationTray because message rows carry subject + preview.\n    'ds:w-[min(26rem,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 an inbox without\n    // scrolling a tiny popover. `6rem` reserves space for the Header\n    // (≈4rem) plus the sideOffset + collisionPadding (≈2rem). Above `sm`\n    // it returns to `h-auto` so the list's own 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\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\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=\"60%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"80%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"95%\" />\n        <Skeleton variant=\"text\" size=\"sm\" width=\"30%\" />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyPanel() {\n  const { t } = useTranslation('ui');\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        <Mail />\n      </span>\n      <p className=\"type-title-item ds:text-[color:var(--foreground)]\">\n        {t('messageTray.noMessages', 'No messages')}\n      </p>\n      <p className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n        {t('messageTray.noMessagesDescription', 'Your inbox is clear.')}\n      </p>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const MessageTray = forwardRef<HTMLDivElement, MessageTrayProps>(\n  (\n    {\n      id,\n      items,\n      unreadCount,\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('ui');\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 — same AnimatePresence-style bookkeeping as\n     * NotificationTray. See that component for rationale. */\n    type Displayed = { item: MessageItem; 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    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    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('messageTray.newMessage', {\n            sender: newest.sender.name,\n            defaultValue: 'New message from {{sender}}',\n          });\n        }\n      }\n      lastTopIdRef.current = topId;\n    }, [items, t]);\n\n    const displayCount = unreadCount ?? 0;\n    const triggerAriaLabel =\n      displayCount > 0\n        ? t('messageTray.triggerLabel', {\n            count: displayCount,\n            defaultValue: 'Messages, {{count}} unread',\n          })\n        : t('messageTray.triggerLabelNone', 'Messages, none unread');\n\n    const badgeLabel = formatBadgeCount(\n      displayCount,\n      t('messageTray.badgeCountOverflow', '99+'),\n    );\n\n    const panelClass = panelVariants({ size });\n\n    /* Curated imperative handle for agent integration. See\n     * message-tray.agent.ts. */\n    const itemsRef = useRef<MessageItem[]>(items);\n    itemsRef.current = items;\n    const unreadRef = useRef<number | undefined>(unreadCount);\n    unreadRef.current = unreadCount;\n    const isOpenRef = useRef<boolean>(isOpen);\n    isOpenRef.current = isOpen;\n\n    const handle = useMemo<MessageTrayHandle>(\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          unreadRef.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        markAllRead: () => onMarkAllRead?.(),\n        viewAll: () => onViewAll?.(),\n      }),\n      [\n        handleOpenChange,\n        onItemClick,\n        onMarkRead,\n        onDismiss,\n        onMarkAllRead,\n        onViewAll,\n      ],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(messageTrayAgent, handle, id);\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"message-tray\"\n        data-component-id={id}\n        className={[messageTrayVariants({ 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={<Mail />}\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            <span\n              aria-hidden=\"true\"\n              data-testid=\"message-tray-badge\"\n              className={badgeVariants()}\n            >\n              {badgeLabel}\n            </span>\n          ) : null}\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('messageTray.panelTitle', 'Messages')}\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('messageTray.panelTitle', 'Messages')}\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('messageTray.markAllRead', 'Mark all as read')}\n                  </Button>\n                ) : null}\n              </div>\n              <Separator />\n              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the scroll area expands to fill the\n                  remaining space with `flex-1`. Above `sm` it caps at the\n                  `--message-tray-max-block-size` custom property so the\n                  popover stays compact. The ScrollArea viewport owns the\n                  overflow + is keyboard-focusable, so the list keeps only its\n                  role/content classes. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:min-h-0 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]\"\n              >\n                <div\n                  // Only carry `role=\"list\"` when there are list children —\n                  // axe's `aria-required-children` rule fires on an empty\n                  // list. The loading skeleton + populated rendering both\n                  // produce role=\"listitem\" descendants below.\n                  role={displayed.length > 0 ? 'list' : undefined}\n                  data-max-visible={maxVisible}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]\"\n                >\n                  {loading ? (\n                    <>\n                      <SkeletonRow />\n                      <SkeletonRow />\n                      <SkeletonRow />\n                    </>\n                  ) : displayed.length === 0 ? (\n                    <EmptyPanel />\n                  ) : (\n                    displayed.map(({ item, leaving }) => (\n                      <MessageCard\n                        key={item.id}\n                        item={item}\n                        variant=\"compact\"\n                        leaving={leaving}\n                        onActivate={onItemClick}\n                        onDismiss={onDismiss}\n                        data-message-id={item.id}\n                      />\n                    ))\n                  )}\n                </div>\n              </ScrollArea>\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\nMessageTray.displayName = 'MessageTray';\n"],"names":["messageTrayAgent","handle","args","messageTrayVariants","cva","panelVariants","badgeVariants","formatBadgeCount","count","overflowLabel","SkeletonRow","jsxs","jsx","Skeleton","EmptyPanel","t","useTranslation","Mail","MessageTray","forwardRef","id","items","unreadCount","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","unreadRef","isOpenRef","useMemo","targetId","found","rootRef","useImperativeHandle","useAgentRegistration","RadixPopover","IconButton","Button","Separator","ScrollArea","Fragment","leaving","MessageCard"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"notification-tray-__sJXnsz.js","sources":["../../node_modules/lucide-react/dist/esm/icons/bell.mjs","../../src/components/notification-tray/notification-tray.agent.ts","../../src/components/notification-tray/notification-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"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.mjs.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', 'navigate'],\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    mark_all_read: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.markAllRead',\n      description: 'Request the host to mark every notification as read.',\n      invoke: (handle) => {\n        handle.markAllRead();\n      },\n    },\n    view_all: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.notificationTray.actions.viewAll',\n      description: 'Navigate to the full notification list.',\n      invoke: (handle) => {\n        handle.viewAll();\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 { ScrollArea } from '../scroll-area/scroll-area';\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  /** Request the host to mark every notification as read (mirrors onMarkAllRead). */\n  markAllRead: () => void;\n  /** Navigate to the full notification list (mirrors onViewAll). */\n  viewAll: () => 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('ui');\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('ui');\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        markAllRead: () => onMarkAllRead?.(),\n        viewAll: () => onViewAll?.(),\n      }),\n      [\n        handleOpenChange,\n        onItemClick,\n        onMarkRead,\n        onDismiss,\n        onMarkAllRead,\n        onViewAll,\n      ],\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              {/* Below `sm` the panel is a near-full-screen sheet (see\n                  `panelVariants`) and the list expands to fill the remaining\n                  space with `flex-1`. Above `sm` the list caps at the\n                  `--notification-tray-max-block-size` custom property so the\n                  popover stays compact. ScrollArea owns the overflow + the\n                  token-styled 8px overlay scrollbar. */}\n              <ScrollArea\n                orientation=\"vertical\"\n                className=\"ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--notification-tray-max-block-size,24rem)]\"\n              >\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                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]\"\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              </ScrollArea>\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","useTranslation","NotificationTray","forwardRef","id","items","unseenCount","open","onOpenChange","onItemClick","onDismiss","onMarkRead","onMarkAllRead","loading","maxVisible","viewAllLabel","onViewAll","align","side","size","className","rest","ref","t","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","ScrollArea","Fragment","leaving","NotificationCard"],"mappings":"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","x_google_ignoreList":[0]}