@alfadocs/ui-kit-debug 0.70.0 → 0.72.0

package/dist/_chunks/privacy-lock-BzMLQu-j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"privacy-lock-BzMLQu-j.js","sources":["../../src/components/privacy-lock/privacy-lock.agent.ts","../../src/components/privacy-lock/privacy-lock.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PrivacyLock.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PrivacyLockHandle } from './privacy-lock';\n\nexport const privacyLockAgent: AgentAdapter<PrivacyLockHandle> = {\n  id: 'privacy-lock',\n  // lock() opens the privacy overlay → `open`; unlock() closes it → `dismiss`.\n  // There is no form to submit, so the previous `submit` capability is dropped.\n  capabilities: ['open', 'dismiss'],\n  state: {\n    isLocked: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.privacyLock.state.isLocked',\n      description: 'True when the privacy overlay is open.',\n      read: (handle) => handle.isLocked(),\n    },\n  },\n  actions: {\n    lock: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.privacyLock.actions.lock',\n      description: 'Open the privacy overlay.',\n      invoke: (handle) => {\n        handle.lock();\n      },\n    },\n    unlock: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.privacyLock.actions.unlock',\n      description: 'Close the privacy overlay (consumer-confirmed action).',\n      invoke: (handle) => {\n        handle.unlock();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'privacy-lock',\n      description: 'Marks the PrivacyLock trigger.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* PrivacyLock — a one-click \"lock my screen\" dialog for operator        */\n/* workstations on shared clinic hardware. Clicking the trigger paints   */\n/* a full-viewport privacy overlay (blurred backdrop + centred card);    */\n/* the only ways out are the three action buttons the consumer wires.    */\n/*                                                                       */\n/* Composed of one `IconButton` trigger and a Radix Dialog overlay. The  */\n/* dialog is intentionally *not* dismissible via Escape or outside-click */\n/* — the whole point is to make the screen unreadable until the user     */\n/* takes an explicit action.                                              */\n/*                                                                       */\n/* See `src/components/privacy-lock/privacy-lock.mdx` for usage.          */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { EyeOff, LogOut, User } from 'lucide-react';\nimport { Button } from '../button';\nimport { IconButton } from '../button/icon-button';\nimport { Logo } from '../logo';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { privacyLockAgent } from './privacy-lock.agent';\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\n/** Curated imperative handle for agent / external automation. */\nexport interface PrivacyLockHandle {\n  isLocked: () => boolean;\n  lock: () => void;\n  unlock: () => void;\n}\n\nexport interface PrivacyLockProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /** Uncontrolled initial state. Ignored when `open` is provided. */\n  defaultOpen?: boolean;\n  /** Fires whenever the dialog opens or closes — trigger click, action button, etc. */\n  onOpenChange?: (open: boolean) => void;\n\n  /** Fires when the \"Unlock screen\" button is activated. Dialog closes automatically. */\n  onUnlock?: () => void;\n  /** Fires when \"Account page\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onAccountPage?: () => void;\n  /** Fires when \"Log out\" is activated. Button is omitted when undefined. Dialog closes automatically. */\n  onSignOut?: () => void;\n\n  /** Override the trigger icon. Default: `lucide-react` `<EyeOff />`. */\n  triggerIcon?: ReactNode;\n  /** Accessible name for the trigger. Default: t('privacyLock.triggerAriaLabel'). */\n  triggerAriaLabel?: string;\n  /** Tooltip for the trigger. Default: t('privacyLock.triggerTooltip'). */\n  triggerTooltip?: string;\n\n  /** Accessible title of the dialog (visually hidden). Default: t('privacyLock.title'). */\n  title?: string;\n  /** Visible supporting text under the action buttons. Default: t('privacyLock.description'). */\n  description?: string;\n  /** Label for the \"Unlock screen\" button. Default: t('privacyLock.unlock'). */\n  unlockLabel?: string;\n  /** Label for the \"Account page\" button. Default: t('privacyLock.accountPage'). */\n  accountPageLabel?: string;\n  /** Label for the \"Log out\" button. Default: t('privacyLock.signOut'). */\n  signOutLabel?: string;\n\n  /** Extra classes on the trigger `IconButton`. */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const PrivacyLock = forwardRef<HTMLButtonElement, PrivacyLockProps>(\n  (\n    {\n      open,\n      defaultOpen = false,\n      onOpenChange,\n      onUnlock,\n      onAccountPage,\n      onSignOut,\n      triggerIcon,\n      triggerAriaLabel,\n      triggerTooltip,\n      title,\n      description,\n      unlockLabel,\n      accountPageLabel,\n      signOutLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isControlled = open !== undefined;\n    const isOpen = isControlled ? open : uncontrolledOpen;\n\n    const setOpen = useCallback(\n      (next: boolean) => {\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      },\n      [isControlled, onOpenChange],\n    );\n\n    const latestOpenRef = useRef(isOpen);\n    latestOpenRef.current = isOpen;\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref, () => triggerRef.current as HTMLButtonElement, []);\n\n    const agentHandle = useMemo<PrivacyLockHandle>(\n      () => ({\n        isLocked: () => latestOpenRef.current,\n        lock: () => setOpen(true),\n        unlock: () => setOpen(false),\n      }),\n      [setOpen],\n    );\n    useAgentRegistration(\n      privacyLockAgent,\n      agentHandle,\n      (rest as { id?: string }).id,\n    );\n\n    // Every action closes the dialog after firing the consumer's\n    // callback. Consumers that need to keep the dialog open (e.g.\n    // confirmation step) should control `open` themselves and skip the\n    // close on the relevant callback.\n    const handleAction = useCallback(\n      (callback?: () => void) => (event: MouseEvent<HTMLButtonElement>) => {\n        callback?.();\n        // Only close if the consumer didn't preventDefault — lets a\n        // controlled consumer stop the auto-close for guarded actions.\n        if (!event.defaultPrevented) setOpen(false);\n      },\n      [setOpen],\n    );\n\n    const resolvedTriggerAriaLabel =\n      triggerAriaLabel ??\n      t('privacyLock.triggerAriaLabel', 'Lock screen for privacy');\n    const resolvedTriggerTooltip =\n      triggerTooltip ?? t('privacyLock.triggerTooltip', 'Lock screen');\n    const resolvedTitle =\n      title ?? t('privacyLock.title', 'Screen locked for privacy');\n    const resolvedDescription =\n      description ??\n      t(\n        'privacyLock.description',\n        'Locking the screen helps protect the privacy of your data.',\n      );\n    const resolvedUnlockLabel =\n      unlockLabel ?? t('privacyLock.unlock', 'Unlock screen');\n    const resolvedAccountPageLabel =\n      accountPageLabel ?? t('privacyLock.accountPage', 'Account page');\n    const resolvedSignOutLabel =\n      signOutLabel ?? t('privacyLock.signOut', 'Log out');\n\n    return (\n      <RadixDialog.Root open={isOpen} onOpenChange={setOpen}>\n        <RadixDialog.Trigger asChild>\n          <IconButton\n            ref={triggerRef}\n            icon={triggerIcon ?? <EyeOff aria-hidden />}\n            aria-label={resolvedTriggerAriaLabel}\n            tooltip={resolvedTriggerTooltip}\n            className={className}\n            data-component=\"privacy-lock\"\n            data-component-id={(rest as { id?: string }).id}\n            {...rest}\n          />\n        </RadixDialog.Trigger>\n        <RadixDialog.Portal>\n          <RadixDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[var(--background)]/40 ds:backdrop-blur-xl',\n              // Fade-in / fade-out via Radix data-state. Gated on\n              // motion-reduce per accessibility requirements.\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          />\n          <RadixDialog.Content\n            aria-label={resolvedTitle}\n            // Make the overlay non-dismissible by ambient input. The only\n            // way out is an explicit action button — preserving the\n            // \"locked\" contract. Screen readers + assistive tech still\n            // reach the buttons via Tab.\n            onEscapeKeyDown={(event) => event.preventDefault()}\n            onPointerDownOutside={(event) => event.preventDefault()}\n            onInteractOutside={(event) => event.preventDefault()}\n            // Radix's default closes the dialog and returns focus to the\n            // trigger (per the WAI-ARIA Dialog pattern). Stacked with\n            // Radix Tooltip — which opens on focus per the WAI-ARIA\n            // Tooltip pattern — that produces a tooltip stuck on the\n            // lock icon every time the user unlocks. PrivacyLock's UX\n            // contract is \"unlock and get out of the user's way\" (cf.\n            // macOS / Windows / 1Password unlock flows: focus returns to\n            // the page, not the unlock control), so we opt out of\n            // Radix's auto-focus return and let focus fall to the body.\n            onCloseAutoFocus={(event) => event.preventDefault()}\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal)]',\n              'ds:flex ds:items-center ds:justify-center',\n              'ds:focus:outline-none',\n              'ds:text-[color:var(--foreground)]',\n              'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in',\n              'ds:motion-reduce:animate-none',\n            ].join(' ')}\n          >\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:w-[min(22rem,calc(100vw-var(--spacing-xl)))] ds:text-center\">\n              <Logo size=\"xl\" decorative />\n              <RadixDialog.Title className=\"ds:sr-only\">\n                {resolvedTitle}\n              </RadixDialog.Title>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full\">\n                <Button\n                  intent=\"primary\"\n                  startIcon={<EyeOff aria-hidden />}\n                  onClick={handleAction(onUnlock)}\n                >\n                  {resolvedUnlockLabel}\n                </Button>\n                {onAccountPage ? (\n                  <Button\n                    intent=\"secondary\"\n                    startIcon={<User aria-hidden />}\n                    onClick={handleAction(onAccountPage)}\n                  >\n                    {resolvedAccountPageLabel}\n                  </Button>\n                ) : null}\n                {onSignOut ? (\n                  <Button\n                    intent=\"secondary\"\n                    startIcon={<LogOut aria-hidden />}\n                    onClick={handleAction(onSignOut)}\n                  >\n                    {resolvedSignOutLabel}\n                  </Button>\n                ) : null}\n              </div>\n              <RadixDialog.Description className=\"type-body-sm ds:opacity-90\">\n                {resolvedDescription}\n              </RadixDialog.Description>\n            </div>\n          </RadixDialog.Content>\n        </RadixDialog.Portal>\n      </RadixDialog.Root>\n    );\n  },\n);\nPrivacyLock.displayName = 'PrivacyLock';\n"],"names":["privacyLockAgent","handle","PrivacyLock","forwardRef","open","defaultOpen","onOpenChange","onUnlock","onAccountPage","onSignOut","triggerIcon","triggerAriaLabel","triggerTooltip","title","description","unlockLabel","accountPageLabel","signOutLabel","className","rest","ref","t","useTranslation","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","setOpen","useCallback","next","latestOpenRef","useRef","triggerRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","handleAction","callback","event","resolvedTriggerAriaLabel","resolvedTriggerTooltip","resolvedTitle","resolvedDescription","resolvedUnlockLabel","resolvedAccountPageLabel","resolvedSignOutLabel","RadixDialog","jsx","IconButton","EyeOff","jsxs","Logo","Button","User","LogOut"],"mappings":"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"}

package/dist/_chunks/product-hub-panel-e6pW220e.js

@@ -1,638 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as F, useRef as w, useMemo as G, useImperativeHandle as J } from "react";
-import { c as b } from "./index-D2ZczOXr.js";
-import { useTranslation as R } from "react-i18next";
-import { E as se } from "./empty-state-BLy7tigq.js";
-import { L as Q } from "./link-DrD_cRUg.js";
-import { S as W } from "./separator-CYU_bGFn.js";
-import { i as _ } from "./is-safe-url-DkETxeHz.js";
-import { u as X } from "./registry-DvAUVLHh.js";
-import * as C from "@radix-ui/react-popover";
-import { u as ae } from "./use-controllable-state-BiY4xTzM.js";
-import { I as te } from "./icon-button-LqoiKcUN.js";
-import { S as z } from "./skeleton-CZbwyJAA.js";
-import { T as re } from "./timestamp-BV2lC-wV.js";
-import { s as de } from "./safe-image-src-DstKgCo7.js";
-import { c as ne } from "./createLucideIcon-CrFbzy84.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const oe = [
-  ["path", { d: "M12 7v14", key: "1akyts" }],
-  ["path", { d: "M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8", key: "1sqzm4" }],
-  [
-    "path",
-    { d: "M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5", key: "kc0143" }
-  ],
-  ["rect", { x: "3", y: "7", width: "18", height: "4", rx: "1", key: "1hberx" }]
-], V = ne("gift", oe), ie = {
-  id: "product-hub-tray",
-  capabilities: ["open", "close"],
-  state: {
-    unseenCount: {
-      type: "number",
-      descriptionKey: "ui.agent.productHubTray.state.unseenCount",
-      description: "Number of unseen product releases — the trigger badge count.",
-      read: (s) => s.getUnseenCount()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.productHubTray.actions.open",
-      description: "Open the product-updates panel.",
-      invoke: (s) => {
-        s.open();
-      }
-    },
-    close: {
-      safety: "read",
-      idempotent: !0,
-      descriptionKey: "ui.agent.productHubTray.actions.close",
-      description: "Close the product-updates panel.",
-      invoke: (s) => {
-        s.close();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "product-hub-tray",
-      description: "Marks the ProductHubTray wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific tray from the agent."
-    },
-    item: {
-      attr: "data-update-id",
-      description: "Stable release id emitted on each rendered release row inside the tray."
-    }
-  }
-}, le = b(
-  "ds:relative ds:inline-flex ds:items-center",
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), ce = b(
-  [
-    "ds:flex ds:flex-col",
-    "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-    "ds:border ds:border-[color:var(--card-border)]",
-    "ds:rounded-[var(--radius-md)]",
-    "ds:shadow-[var(--shadow-lg)]",
-    "ds:z-[var(--z-popover)]",
-    // Fluid below the design cap so narrow viewports keep a gutter on
-    // both sides of the panel (shadow included).
-    "ds:w-[min(24rem,calc(100vw-2*var(--spacing-md)))]",
-    // Near-full-screen sheet below `sm`; auto above, where the list's
-    // own `--product-hub-tray-max-block-size` cap governs the height.
-    "ds:h-[calc(100dvh-6rem)] ds:sm:h-auto",
-    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-    "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
-    "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95",
-    "ds:motion-reduce:transition-none ds:motion-reduce:animate-none",
-    "ds:focus-visible:outline-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:p-[var(--spacing-xs)]",
-        md: "ds:p-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), ue = b(
-  [
-    // Anchored to the top-end corner of the trigger, nudged outward so
-    // the gift glyph isn't covered.
-    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    // Circle at 1-2 digits; widens into a pill only for "99+".
-    "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)]",
-    "ds:rounded-[var(--radius-full)]",
-    // One red unseen-count chip across every header tray — matches the
-    // platform header and the NotificationTray badge convention.
-    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
-    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
-    "ds:pointer-events-none ds:select-none",
-    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
-  ].join(" ")
-), pe = b(
-  [
-    "ds:relative ds:flex ds:items-start",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:text-start",
-    "ds:transition-colors ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      density: {
-        tray: "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]",
-        panel: "ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]"
-      },
-      unseen: {
-        true: "ds:bg-[color:var(--accent)]/5 ds:hover:bg-[color:var(--accent)]/10",
-        false: "ds:hover:bg-[color:var(--muted)]/40"
-      }
-    },
-    defaultVariants: {
-      density: "tray",
-      unseen: !1
-    }
-  }
-), $ = b(
-  [
-    "ds:shrink-0 ds:rounded-[var(--radius-sm)] ds:object-cover",
-    // Tile backdrop so transparent / still-loading thumbnails keep a
-    // visible square instead of collapsing into whitespace.
-    "ds:bg-[color:var(--muted)]",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      density: {
-        tray: "ds:size-10",
-        panel: "ds:size-12"
-      }
-    },
-    defaultVariants: {
-      density: "tray"
-    }
-  }
-), me = [
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "ds:focus-visible:after:outline-[color:var(--ring)]",
-  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function Y({
-  item: s,
-  density: a = "tray",
-  locale: o,
-  onActivate: i,
-  className: l,
-  ...u
-}) {
-  const { t: p } = R(), m = de(s.imageUrl), y = !!s.url && _(s.url), d = !!s.unseen, f = d ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: p("productHubTray.unseenLabel", ", new") }) : null;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "listitem",
-      "data-component": "product-hub-update",
-      "data-update-id": s.id,
-      "data-unseen": d ? "true" : "false",
-      className: pe({ density: a, unseen: d, className: l }),
-      ...u,
-      children: [
-        m ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: m,
-            alt: "",
-            "aria-hidden": "true",
-            referrerPolicy: "no-referrer",
-            loading: "lazy",
-            className: $({ density: a })
-          }
-        ) : /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: `${$({ density: a })} ds:inline-flex ds:items-center ds:justify-center ds:text-[color:var(--muted-foreground)] ds:[&>svg]:size-5`,
-            children: /* @__PURE__ */ e(V, {})
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "ds:min-w-0 ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-item ds:text-[color:var(--foreground)]", children: [
-            d ? /* @__PURE__ */ e(
-              "span",
-              {
-                "aria-hidden": "true",
-                "data-testid": "product-hub-unseen-dot",
-                className: "ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]"
-              }
-            ) : null,
-            y ? (
-              // A real (non-display:contents) anchor so the row is reliably
-              // keyboard-focusable; the ::after stretch keeps the whole row
-              // clickable and carries the focus ring.
-              /* @__PURE__ */ r(
-                "a",
-                {
-                  href: s.url,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: `${me} ds:min-w-0 ds:flex-1 ds:no-underline ds:text-[color:var(--foreground)]`,
-                  onClick: () => i == null ? void 0 : i(s),
-                  children: [
-                    /* @__PURE__ */ e("span", { className: "ds:block ds:truncate ds:font-semibold", children: s.title }),
-                    f,
-                    /* @__PURE__ */ e("span", { className: "ds:sr-only", children: p("productHubTray.opensInNewTab", "(opens in a new tab)") })
-                  ]
-                }
-              )
-            ) : /* @__PURE__ */ r(S, { children: [
-              /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:flex-1 ds:truncate ds:font-semibold", children: s.title }),
-              f
-            ] })
-          ] }),
-          s.summary ? /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: s.summary }) : null,
-          s.dateIso ? /* @__PURE__ */ e(
-            re,
-            {
-              value: s.dateIso,
-              format: "absolute",
-              locale: o,
-              className: "ds:italic ds:text-[color:var(--muted-foreground)]"
-            }
-          ) : null
-        ] })
-      ]
-    }
-  );
-}
-function j({
-  density: s = "tray"
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: s === "panel" ? "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]" : "ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]",
-      children: [
-        /* @__PURE__ */ e(
-          z,
-          {
-            variant: "rounded",
-            width: s === "panel" ? "3rem" : "2.5rem",
-            height: s === "panel" ? "3rem" : "2.5rem"
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "ds:flex-1 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ e(z, { variant: "text", size: "md", width: "60%" }),
-          /* @__PURE__ */ e(z, { variant: "text", size: "sm", width: "90%" }),
-          /* @__PURE__ */ e(z, { variant: "text", size: "sm", width: "30%" })
-        ] })
-      ]
-    }
-  );
-}
-function Z({ children: s }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      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 type-body-sm ds:text-[color:var(--muted-foreground)]",
-      children: s
-    }
-  );
-}
-function fe(s, a) {
-  return s > 99 ? a : String(s);
-}
-function ve() {
-  const { t: s } = R();
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      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",
-      children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "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__ */ e(V, {})
-          }
-        ),
-        /* @__PURE__ */ e("p", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s("productHubTray.emptyTitle", "No product updates yet") }),
-        /* @__PURE__ */ e("p", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: s(
-          "productHubTray.emptyDescription",
-          "New releases and improvements will appear here."
-        ) })
-      ]
-    }
-  );
-}
-const ge = F(
-  ({
-    id: s,
-    items: a,
-    hubUrl: o,
-    loading: i = !1,
-    error: l,
-    unseenCount: u,
-    onOpenChange: p,
-    onItemActivate: m,
-    triggerLabel: y,
-    maxVisible: d = 10,
-    emptyState: f,
-    defaultOpen: I = !1,
-    locale: L,
-    align: O = "end",
-    side: M = "bottom",
-    size: c = "md",
-    className: N,
-    ...H
-  }, T) => {
-    const { t: n } = R(), [v, g] = ae({
-      defaultValue: I,
-      onChange: p
-    }), k = v ?? !1, t = u ?? a.filter((h) => h.unseen).length, P = y ?? (t > 0 ? n("productHubTray.triggerLabel", {
-      count: t,
-      defaultValue: "What's new, {{count}} unseen updates"
-    }) : n("productHubTray.triggerLabelNone", "What's new")), U = fe(
-      t,
-      n("productHubTray.badgeCountOverflow", "99+")
-    ), K = a.slice(0, Math.max(0, d)), A = !l && !i && K.length > 0, q = o && _(o) ? o : void 0, E = w(a);
-    E.current = a;
-    const B = w(u);
-    B.current = u;
-    const ee = G(
-      () => ({
-        open: () => g(!0),
-        close: () => g(!1),
-        getUnseenCount: () => B.current ?? E.current.filter((h) => h.unseen).length
-      }),
-      [g]
-    ), D = w(null);
-    J(T, () => D.current, []), X(ie, ee, s);
-    let x;
-    return l ? x = /* @__PURE__ */ e(Z, { children: l }) : i ? x = /* @__PURE__ */ r(S, { children: [
-      /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(j, {}),
-      /* @__PURE__ */ e(j, {})
-    ] }) : K.length === 0 ? x = f ?? /* @__PURE__ */ e(ve, {}) : x = K.map((h) => /* @__PURE__ */ e(
-      Y,
-      {
-        item: h,
-        density: "tray",
-        locale: L,
-        onActivate: m
-      },
-      h.id
-    )), /* @__PURE__ */ e(
-      "div",
-      {
-        ref: D,
-        "data-component": "product-hub-tray",
-        "data-component-id": s,
-        className: [le({ size: c }), N].filter(Boolean).join(" "),
-        ...H,
-        children: /* @__PURE__ */ r(C.Root, { open: k, onOpenChange: g, children: [
-          /* @__PURE__ */ e(C.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-            te,
-            {
-              icon: /* @__PURE__ */ e(V, {}),
-              intent: "outline",
-              size: c === "sm" ? "sm" : "md",
-              "aria-label": P,
-              "aria-haspopup": "dialog"
-            }
-          ) }),
-          t > 0 ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              "data-testid": "product-hub-tray-badge",
-              className: ue(),
-              children: U
-            }
-          ) : null,
-          /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ r(
-            C.Content,
-            {
-              role: "dialog",
-              "aria-label": n("productHubTray.panelTitle", "What's new"),
-              side: M,
-              align: O,
-              sideOffset: 8,
-              collisionPadding: 16,
-              className: ce({ size: c }),
-              children: [
-                /* @__PURE__ */ e("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__ */ e("h3", { className: "ds:m-0 type-title-card ds:text-[color:var(--foreground)]", children: n("productHubTray.panelTitle", "What's new") }) }),
-                /* @__PURE__ */ e(W, {}),
-                /* @__PURE__ */ e(
-                  "div",
-                  {
-                    role: A ? "list" : void 0,
-                    "data-max-visible": d,
-                    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(--product-hub-tray-max-block-size,24rem)]",
-                    children: x
-                  }
-                ),
-                q ? /* @__PURE__ */ r(S, { children: [
-                  /* @__PURE__ */ e(W, {}),
-                  /* @__PURE__ */ e("div", { className: "ds:flex ds:justify-center ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)]", children: /* @__PURE__ */ e(Q, { href: q, external: !0, children: n("productHubTray.openHub", "Open in Product Hub") }) })
-                ] }) : null
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-ge.displayName = "ProductHubTray";
-const he = {
-  id: "product-hub-panel",
-  // selectItem activates one release row (fires the host hook) without
-  // persisting a stored selection → `pick`, not `select_single`.
-  capabilities: ["pick"],
-  state: {
-    items: {
-      type: "Array<{ id: string; unseen: boolean }>",
-      descriptionKey: "ui.agent.productHubPanel.state.items",
-      description: "Currently-displayed releases. Ids + unseen flag only — no content.",
-      read: (s) => s.getItems()
-    },
-    unseenCount: {
-      type: "number",
-      descriptionKey: "ui.agent.productHubPanel.state.unseenCount",
-      description: "Number of displayed releases still marked unseen.",
-      read: (s) => s.getUnseenCount()
-    }
-  },
-  actions: {
-    select_item: {
-      safety: "read",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          id: {
-            type: "string",
-            description: "Stable release id (the data-update-id of the row)."
-          }
-        },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.productHubPanel.actions.selectItem",
-      description: "Activate the release with the given id (fires the host analytics hook).",
-      examples: [
-        { args: { id: "rel-0680" }, note: "Activate a specific release row." }
-      ],
-      invoke: (s, a) => {
-        s.selectItem(a.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "product-hub-panel",
-      description: "Marks the ProductHubPanel section."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific panel from the agent."
-    },
-    item: {
-      attr: "data-update-id",
-      description: "Stable release id emitted on each rendered release row inside the panel."
-    }
-  }
-}, be = b(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-md)]",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:overflow-hidden",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      surface: {
-        flat: "",
-        elevated: "ds:shadow-[var(--shadow-card)]"
-      }
-    },
-    defaultVariants: {
-      surface: "elevated"
-    }
-  }
-), ye = F(
-  ({
-    id: s,
-    items: a,
-    hubUrl: o,
-    loading: i = !1,
-    error: l,
-    title: u,
-    description: p,
-    maxVisible: m = 5,
-    emptyState: y,
-    onItemActivate: d,
-    locale: f,
-    surface: I = "elevated",
-    className: L,
-    ...O
-  }, M) => {
-    const { t: c } = R(), N = u ?? c("productHubPanel.title", "What's new"), H = a.slice(0, Math.max(0, m)), T = o && _(o) ? o : void 0;
-    let n;
-    l ? n = /* @__PURE__ */ e(Z, { children: l }) : i ? n = /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-sm)] ds:pt-0", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(j, { density: "panel" }, t)) }) : H.length === 0 ? n = y ?? /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
-      se,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: c("productHubPanel.emptyTitle", "No product updates yet"),
-        description: c(
-          "productHubPanel.emptyDescription",
-          "New releases and improvements will appear here."
-        )
-      }
-    ) }) : n = /* @__PURE__ */ e(
-      "div",
-      {
-        role: "list",
-        "data-max-visible": m,
-        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-[var(--spacing-sm)] ds:pt-0",
-        children: H.map((t) => /* @__PURE__ */ e(
-          Y,
-          {
-            item: t,
-            density: "panel",
-            locale: f,
-            onActivate: d
-          },
-          t.id
-        ))
-      }
-    );
-    const v = w(a);
-    v.current = a;
-    const g = G(
-      () => ({
-        getItems: () => v.current.map((t) => ({ id: t.id, unseen: !!t.unseen })),
-        getUnseenCount: () => v.current.filter((t) => t.unseen).length,
-        selectItem: (t) => {
-          const P = v.current.find((U) => U.id === t);
-          P && (d == null || d(P));
-        }
-      }),
-      [d]
-    ), k = w(null);
-    return J(M, () => k.current, []), X(he, g, s), /* @__PURE__ */ r(
-      "section",
-      {
-        ref: k,
-        "aria-label": N,
-        "data-component": "product-hub-panel",
-        "data-component-id": s,
-        className: be({ surface: I, className: L }),
-        ...O,
-        children: [
-          /* @__PURE__ */ r("header", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ r("h2", { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-start type-title-section ds:text-[color:var(--foreground)]", children: [
-              /* @__PURE__ */ e(V, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
-              N
-            ] }),
-            p ? /* @__PURE__ */ e("p", { className: "ds:m-0 ds:text-start type-body-sm ds:text-[color:var(--muted-foreground)]", children: p }) : null
-          ] }),
-          n,
-          T ? /* @__PURE__ */ r(S, { children: [
-            /* @__PURE__ */ e(W, {}),
-            /* @__PURE__ */ e("div", { className: "ds:flex ds:justify-center ds:p-[var(--spacing-sm)]", children: /* @__PURE__ */ e(Q, { href: T, external: !0, children: c("productHubPanel.openHub", "Open in Product Hub") }) })
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-ye.displayName = "ProductHubPanel";
-export {
-  ye as P,
-  ge as a,
-  ie as b,
-  he as p
-};
-//# sourceMappingURL=product-hub-panel-e6pW220e.js.map