@alfadocs/ui-kit-debug 0.17.0 → 0.17.2

package/dist/_chunks/{message-tray-Fsend-du.js → message-tray-BNAS8al4.js}

@@ -1,16 +1,17 @@
-import { jsx as s, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import { forwardRef as oe, useState as q, useCallback as F, useLayoutEffect as ce, useEffect as H, useRef as m, useMemo as le, useImperativeHandle as me } from "react";
-import * as b from "@radix-ui/react-popover";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { I as pe } from "./icon-button-C4CGcYuz.js";
-import { B as _ } from "./button-DD_0Xdmr.js";
-import { S as U } from "./separator-CYU_bGFn.js";
+import { jsx as s, jsxs as c, Fragment as B } from "react/jsx-runtime";
+import { forwardRef as re, useState as ne, useCallback as ie, useLayoutEffect as de, useEffect as A, useRef as m, useMemo as oe, useImperativeHandle as ce } from "react";
+import * as x from "@radix-ui/react-popover";
+import { c as C } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import { u as le } from "./use-controllable-state-BiY4xTzM.js";
+import { I as me } from "./icon-button-C4CGcYuz.js";
+import { B as E } from "./button-DD_0Xdmr.js";
+import { S as L } from "./separator-CYU_bGFn.js";
 import { S as f } from "./skeleton-CZbwyJAA.js";
-import { M as ue } from "./message-card-c6R0-qXq.js";
-import { u as ge } from "./registry-C9nwlNyL.js";
-import { M as Y } from "./mail-C8irm52s.js";
-const fe = {
+import { M as pe } from "./message-card-c6R0-qXq.js";
+import { u as ue } from "./registry-C9nwlNyL.js";
+import { M as F } from "./mail-C8irm52s.js";
+const ge = {
   id: "message-tray",
   capabilities: ["open", "close", "select_single", "dismiss"],
   state: {
@@ -94,7 +95,7 @@ const fe = {
       description: "Stable message id emitted on each rendered MessageCard inside the tray."
     }
   }
-}, ve = S("ds:relative ds:inline-flex ds:items-center", {
+}, fe = C("ds:relative ds:inline-flex ds:items-center", {
   variants: {
     size: {
       sm: "",
@@ -104,7 +105,7 @@ const fe = {
   defaultVariants: {
     size: "md"
   }
-}), ye = S(
+}), ve = C(
   [
     "ds:flex ds:flex-col",
     "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
@@ -140,7 +141,7 @@ const fe = {
       size: "md"
     }
   }
-), he = S(
+), he = C(
   [
     "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
     "ds:inline-flex ds:items-center ds:justify-center",
@@ -152,10 +153,10 @@ const fe = {
     "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
   ].join(" ")
 );
-function xe(a, t) {
+function ye(a, t) {
   return a > 99 ? t : String(a);
 }
-function R() {
+function z() {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -173,8 +174,8 @@ function R() {
     }
   );
 }
-function be() {
-  const { t: a } = W();
+function xe() {
+  const { t: a } = q();
   return /* @__PURE__ */ c(
     "div",
     {
@@ -187,7 +188,7 @@ function be() {
           {
             "aria-hidden": "true",
             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",
-            children: /* @__PURE__ */ s(Y, {})
+            children: /* @__PURE__ */ s(F, {})
           }
         ),
         /* @__PURE__ */ s("p", { className: "type-title-item ds:text-[color:var(--foreground)]", children: a("messageTray.noMessages", "No messages") }),
@@ -196,48 +197,47 @@ function be() {
     }
   );
 }
-const Te = oe(
+const be = re(
   ({
     id: a,
     items: t,
-    unreadCount: T,
-    open: k,
-    onOpenChange: v,
+    unreadCount: b,
+    open: H,
+    onOpenChange: _,
     onItemClick: p,
     onDismiss: u,
-    onMarkRead: y,
-    onMarkAllRead: C,
-    loading: G = !1,
-    maxVisible: J,
-    viewAllLabel: j,
-    onViewAll: Q,
-    align: X = "end",
-    side: Z = "bottom",
-    size: w = "md",
-    className: $,
-    ...D
-  }, ee) => {
-    var A;
-    const { t: d } = W(), N = k !== void 0, [se, ae] = q(!1), z = N ? k : se, h = F(
-      (e) => {
-        N || ae(e), v == null || v(e);
-      },
-      [N, v]
-    ), [g, I] = q(
+    onMarkRead: v,
+    onMarkAllRead: M,
+    loading: U = !1,
+    maxVisible: W,
+    viewAllLabel: R,
+    onViewAll: Y,
+    align: G = "end",
+    side: J = "bottom",
+    size: T = "md",
+    className: Q,
+    ...X
+  }, Z) => {
+    var K;
+    const { t: d } = q(), [$, h] = le({
+      value: H,
+      defaultValue: !1,
+      onChange: _
+    }), w = $ ?? !1, [g, S] = ne(
       () => t.map((e) => ({ item: e, leaving: !1 }))
-    ), K = F(() => {
+    ), O = ie(() => {
       if (typeof window > "u") return 200;
       const e = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!e) return 200;
       const r = e.trim(), n = parseFloat(r);
       return Number.isFinite(n) ? r.endsWith("ms") ? n : n * 1e3 : 200;
     }, []);
-    ce(() => {
-      I((e) => {
+    de(() => {
+      S((e) => {
         const r = new Set(t.map((i) => i.id)), n = new Set(e.map((i) => i.item.id)), o = e.map((i) => {
           if (r.has(i.item.id)) {
-            const E = t.find((de) => de.id === i.item.id);
-            return E ? { item: E, leaving: !1 } : { ...i, leaving: !0 };
+            const P = t.find((te) => te.id === i.item.id);
+            return P ? { item: P, leaving: !1 } : { ...i, leaving: !0 };
           }
           return { ...i, leaving: !0 };
         });
@@ -245,134 +245,134 @@ const Te = oe(
           n.has(i.id) || o.push({ item: i, leaving: !1 });
         return o;
       });
-    }, [t]), H(() => {
+    }, [t]), A(() => {
       if (!g.some((n) => n.leaving)) return;
-      const e = K(), r = setTimeout(() => {
-        I((n) => n.filter((o) => !o.leaving));
+      const e = O(), r = setTimeout(() => {
+        S((n) => n.filter((o) => !o.leaving));
       }, e);
       return () => clearTimeout(r);
-    }, [g, K]);
-    const M = m(null), O = m((A = t[0]) == null ? void 0 : A.id);
-    H(() => {
+    }, [g, O]);
+    const N = m(null), k = m((K = t[0]) == null ? void 0 : K.id);
+    A(() => {
       var n;
-      const e = (n = t[0]) == null ? void 0 : n.id, r = O.current;
-      if (r && e && r !== e && M.current) {
+      const e = (n = t[0]) == null ? void 0 : n.id, r = k.current;
+      if (r && e && r !== e && N.current) {
         const o = t[0];
-        o && !o.read && (M.current.textContent = d("messageTray.newMessage", {
+        o && !o.read && (N.current.textContent = d("messageTray.newMessage", {
           sender: o.sender.name,
           defaultValue: "New message from {{sender}}"
         }));
       }
-      O.current = e;
+      k.current = e;
     }, [t, d]);
-    const x = T ?? 0, te = x > 0 ? d("messageTray.triggerLabel", {
-      count: x,
+    const y = b ?? 0, D = y > 0 ? d("messageTray.triggerLabel", {
+      count: y,
       defaultValue: "Messages, {{count}} unread"
-    }) : d("messageTray.triggerLabelNone", "Messages, none unread"), re = xe(
-      x,
+    }) : d("messageTray.triggerLabelNone", "Messages, none unread"), ee = ye(
+      y,
       d("messageTray.badgeCountOverflow", "99+")
-    ), ne = ye({ size: w }), l = m(t);
+    ), se = ve({ size: T }), l = m(t);
     l.current = t;
-    const V = m(T);
-    V.current = T;
-    const P = m(z);
-    P.current = z;
-    const ie = le(
+    const j = m(b);
+    j.current = b;
+    const I = m(w);
+    I.current = w;
+    const ae = oe(
       () => ({
         open: () => h(!0),
         close: () => h(!1),
-        isOpen: () => P.current,
+        isOpen: () => I.current,
         getItems: () => l.current.map((e) => ({ id: e.id, read: !!e.read })),
-        getUnreadCount: () => V.current ?? l.current.filter((e) => !e.read).length,
+        getUnreadCount: () => j.current ?? l.current.filter((e) => !e.read).length,
         selectItem: (e) => {
           const r = l.current.find((n) => n.id === e);
           r && (p == null || p(r));
         },
         markRead: (e) => {
           const r = l.current.find((n) => n.id === e);
-          r && (y == null || y(r));
+          r && (v == null || v(r));
         },
         dismiss: (e) => {
           const r = l.current.find((n) => n.id === e);
           r && (u == null || u(r));
         }
       }),
-      [h, p, y, u]
-    ), B = m(null);
-    return me(ee, () => B.current, []), ge(fe, ie, a), /* @__PURE__ */ s(
+      [h, p, v, u]
+    ), V = m(null);
+    return ce(Z, () => V.current, []), ue(ge, ae, a), /* @__PURE__ */ s(
       "div",
       {
-        ref: B,
+        ref: V,
         "data-component": "message-tray",
         "data-component-id": a,
-        className: [ve({ size: w }), $].filter(Boolean).join(" "),
-        ...D,
-        children: /* @__PURE__ */ c(b.Root, { open: z, onOpenChange: h, children: [
-          /* @__PURE__ */ s(b.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-            pe,
+        className: [fe({ size: T }), Q].filter(Boolean).join(" "),
+        ...X,
+        children: /* @__PURE__ */ c(x.Root, { open: w, onOpenChange: h, children: [
+          /* @__PURE__ */ s(x.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+            me,
             {
-              icon: /* @__PURE__ */ s(Y, {}),
+              icon: /* @__PURE__ */ s(F, {}),
               intent: "outline",
-              size: w === "sm" ? "sm" : "md",
-              "aria-label": te,
+              size: T === "sm" ? "sm" : "md",
+              "aria-label": D,
               "aria-haspopup": "dialog"
             }
           ) }),
-          x > 0 ? /* @__PURE__ */ s(
+          y > 0 ? /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
               "data-testid": "message-tray-badge",
               className: he(),
-              children: re
+              children: ee
             }
           ) : null,
           /* @__PURE__ */ s(
             "div",
             {
-              ref: M,
+              ref: N,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only"
             }
           ),
-          /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(
-            b.Content,
+          /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ c(
+            x.Content,
             {
               role: "dialog",
               "aria-label": d("messageTray.panelTitle", "Messages"),
-              side: Z,
-              align: X,
+              side: J,
+              align: G,
               sideOffset: 8,
               collisionPadding: 16,
-              className: ne,
+              className: se,
               children: [
                 /* @__PURE__ */ c("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)]", children: [
                   /* @__PURE__ */ s("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: d("messageTray.panelTitle", "Messages") }),
-                  C && t.some((e) => !e.read) ? /* @__PURE__ */ s(
-                    _,
+                  M && t.some((e) => !e.read) ? /* @__PURE__ */ s(
+                    E,
                     {
                       intent: "link",
                       size: "sm",
-                      onClick: C,
+                      onClick: M,
                       className: "ds:text-[length:var(--font-size-xs)]",
                       children: d("messageTray.markAllRead", "Mark all as read")
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ s(U, {}),
+                /* @__PURE__ */ s(L, {}),
                 /* @__PURE__ */ s(
                   "div",
                   {
                     role: g.length > 0 ? "list" : void 0,
-                    "data-max-visible": J,
+                    "data-max-visible": W,
                     className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]",
-                    children: G ? /* @__PURE__ */ c(L, { children: [
-                      /* @__PURE__ */ s(R, {}),
-                      /* @__PURE__ */ s(R, {}),
-                      /* @__PURE__ */ s(R, {})
-                    ] }) : g.length === 0 ? /* @__PURE__ */ s(be, {}) : g.map(({ item: e, leaving: r }) => /* @__PURE__ */ s(
-                      ue,
+                    children: U ? /* @__PURE__ */ c(B, { children: [
+                      /* @__PURE__ */ s(z, {}),
+                      /* @__PURE__ */ s(z, {}),
+                      /* @__PURE__ */ s(z, {})
+                    ] }) : g.length === 0 ? /* @__PURE__ */ s(xe, {}) : g.map(({ item: e, leaving: r }) => /* @__PURE__ */ s(
+                      pe,
                       {
                         item: e,
                         variant: "compact",
@@ -385,16 +385,16 @@ const Te = oe(
                     ))
                   }
                 ),
-                j ? /* @__PURE__ */ c(L, { children: [
-                  /* @__PURE__ */ s(U, {}),
+                R ? /* @__PURE__ */ c(B, { children: [
+                  /* @__PURE__ */ s(L, {}),
                   /* @__PURE__ */ s("div", { className: "ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ s(
-                    _,
+                    E,
                     {
                       intent: "link",
                       size: "sm",
-                      onClick: Q,
+                      onClick: Y,
                       className: "ds:w-full ds:justify-center",
-                      children: j
+                      children: R
                     }
                   ) })
                 ] }) : null
@@ -406,9 +406,9 @@ const Te = oe(
     );
   }
 );
-Te.displayName = "MessageTray";
+be.displayName = "MessageTray";
 export {
-  Te as M,
-  fe as m
+  be as M,
+  ge as m
 };
-//# sourceMappingURL=message-tray-Fsend-du.js.map
+//# sourceMappingURL=message-tray-BNAS8al4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-tray-BNAS8al4.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'],\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      safety: 'read',\n      descriptionKey: 'ui.agent.messageTray.actions.open',\n      description: 'Open the message panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\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      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.agent.messageTray.actions.selectItem',\n      description: 'Activate the message 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      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      safety: 'destructive',\n      argsType: '{ id: string }',\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  },\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  useLayoutEffect,\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 { 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 { 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}\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(--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();\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();\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    useLayoutEffect(() => {\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      }),\n      [handleOpenChange, onItemClick, onMarkRead, onDismiss],\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              <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                // Below `sm` the panel is a near-full-screen sheet (see\n                // `panelVariants`) and the list expands to fill the\n                // remaining space with `flex-1`. Above `sm` the list\n                // caps at the `--message-tray-max-block-size` custom\n                // property so the popover stays compact.\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto ds:pt-[var(--spacing-xs)] ds:flex-1 ds:sm:flex-none ds:sm:[max-block-size:var(--message-tray-max-block-size,26rem)]\"\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              {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","useLayoutEffect","prev","nextIds","prevIds","d","merged","fresh","i","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","Fragment","leaving","MessageCard"],"mappings":"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"}