@alfadocs/ui-kit-debug 1.130.1 → 1.131.0

package/dist/_chunks/{warehouse-load-summary-DkAKXcw0.js → warehouse-load-summary-CMMYzTDv.js}

@@ -1,5 +1,5 @@
-import { jsx as t, jsxs as l, Fragment as _ } from "react/jsx-runtime";
-import { useId as W, useRef as C, useEffect as j, useMemo as I } from "react";
+import { jsx as r, jsxs as i, Fragment as _ } from "react/jsx-runtime";
+import { useId as W, useRef as C, useEffect as j, useMemo as N } from "react";
 import { useTranslation as R } from "react-i18next";
 import { u as U } from "./registry-DvAUVLHh.js";
 import { A as m } from "./alert-C4WKViaS.js";
@@ -13,23 +13,23 @@ const V = /* @__PURE__ */ new Set([
   "invoicesLoaded",
   "filesWithErrors"
 ]);
-function L(a) {
+function w(a) {
   return typeof a == "number" && Number.isFinite(a) && a >= 0;
 }
 function B(a, s) {
   const o = [];
-  for (const r of $) {
-    if (s === "invoice" && O.has(r)) continue;
-    const d = a[r];
-    if (!L(d)) continue;
+  for (const t of $) {
+    if (s === "invoice" && O.has(t)) continue;
+    const d = a[t];
+    if (!w(d)) continue;
     const n = Math.trunc(d);
-    n === 0 && V.has(r) || o.push({ key: r, count: n });
+    n === 0 && V.has(t) || o.push({ key: t, count: n });
   }
   return o;
 }
 function Y(a, s, o) {
   if (a) return a;
-  const d = (s.filesWithErrors ?? 0) > 0 || o.length > 0, n = L(s.invoicesLoaded) && s.invoicesLoaded >= 1 || L(s.linesLoaded) && s.linesLoaded >= 1;
+  const d = (s.filesWithErrors ?? 0) > 0 || o.length > 0, n = w(s.invoicesLoaded) && s.invoicesLoaded >= 1 || w(s.linesLoaded) && s.linesLoaded >= 1;
   return d ? n ? "partial" : "error" : n ? "success" : "unchanged";
 }
 const z = {
@@ -64,7 +64,7 @@ const z = {
       description: "Each failed file row emits its id as data-file-id."
     }
   }
-}, N = {
+}, I = {
   success: "success",
   partial: "warning",
   error: "error",
@@ -72,103 +72,112 @@ const z = {
 }, G = [], S = {
   filesWithErrors: "destructive"
 };
-function re({
+function te({
   counts: a,
   scope: s = "batch",
   outcome: o,
-  failedFiles: r = G,
+  failedFiles: t = G,
   headingLevel: d = 2,
   focusOnMount: n = !0,
-  actions: f,
+  actions: p,
   variant: E = "full",
   id: h,
-  className: b
+  className: x
 }) {
-  const { t: c, i18n: T } = R("ui"), g = T.language, w = W(), v = C(null);
+  const { t: c, i18n: T } = R("ui"), g = T.language, L = W(), v = C(null);
   j(() => {
     var e;
     n && ((e = v.current) == null || e.focus({ preventScroll: !0 }));
   }, [n]);
-  const u = I(() => B(a, s), [a, s]), i = Y(o, a, r), A = I(
+  const u = N(() => B(a, s), [a, s]), l = Y(o, a, t), A = N(
     () => ({
       getCounts: () => Object.fromEntries(u.map((e) => [e.key, e.count])),
-      getFailedFileIds: () => r.map((e) => e.id)
+      getFailedFileIds: () => t.map((e) => e.id)
     }),
-    [u, r]
+    [u, t]
   );
   U(z, A, h);
-  const y = c(`warehouseLoadSummary.title.${s}.${i}`, {
-    defaultValue: K[s][i]
-  }), F = u.filter((e) => e.count > 0).map((e) => D(c, g, e.key, e.count)), p = P(F, g);
-  return E === "banner" ? /* @__PURE__ */ t(
+  const b = c(`warehouseLoadSummary.title.${s}.${l}`, {
+    defaultValue: K[s][l]
+  }), F = u.filter((e) => e.count > 0).map((e) => D(c, g, e.key, e.count)), f = P(F, g);
+  return E === "banner" ? /* @__PURE__ */ r(
     "div",
     {
       "data-component": "warehouse-load-summary",
       "data-component-id": h,
-      "data-outcome": i,
+      "data-outcome": l,
       "data-variant": "banner",
-      className: b,
-      children: /* @__PURE__ */ t(
+      className: x,
+      children: /* @__PURE__ */ r(
         m,
         {
-          variant: N[i],
+          variant: I[l],
           announce: n ? "off" : "polite",
-          children: /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ t(
-              m.Title,
-              {
-                ref: v,
-                tabIndex: -1,
-                className: "ds:outline-none",
-                as: `h${d}`,
-                children: y
-              }
-            ),
-            p ? /* @__PURE__ */ l(_, { children: [
-              /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "·" }),
-              /* @__PURE__ */ t("p", { className: "type-body-sm ds:m-0", children: p })
-            ] }) : null,
-            f ? /* @__PURE__ */ t("div", { className: "ds:ms-auto ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]", children: f }) : null
+          children: /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ i("div", { className: "ds:min-w-0", children: [
+              /* @__PURE__ */ r(
+                m.Title,
+                {
+                  ref: v,
+                  tabIndex: -1,
+                  className: "ds:inline ds:outline-none",
+                  as: `h${d}`,
+                  children: b
+                }
+              ),
+              f ? /* @__PURE__ */ i(_, { children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:mx-[var(--spacing-xs)]",
+                    children: "·"
+                  }
+                ),
+                /* @__PURE__ */ r("p", { className: "type-body-sm ds:m-0 ds:inline", children: f })
+              ] }) : null
+            ] }),
+            p ? /* @__PURE__ */ r("div", { className: "ds:ms-auto ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]", children: p }) : null
           ] })
         }
       )
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ i(
     "div",
     {
       "data-component": "warehouse-load-summary",
       "data-component-id": h,
-      "data-outcome": i,
-      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", b].filter(Boolean).join(" "),
+      "data-outcome": l,
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", x].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ i(
           m,
           {
-            variant: N[i],
+            variant: I[l],
             announce: n ? "off" : "polite",
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 m.Title,
                 {
                   ref: v,
                   tabIndex: -1,
                   className: "ds:outline-none",
                   as: `h${d}`,
-                  children: y
+                  children: b
                 }
               ),
-              p ? /* @__PURE__ */ t(m.Description, { children: p }) : null
+              f ? /* @__PURE__ */ r(m.Description, { children: f }) : null
             ]
           }
         ),
-        u.length > 0 ? /* @__PURE__ */ t(
+        u.length > 0 ? /* @__PURE__ */ r(
           H,
           {
             "aria-label": c("warehouseLoadSummary.counts", {
               defaultValue: "Load counts"
             }),
             maxColumns: 4,
-            children: u.map(({ key: e, count: x }) => /* @__PURE__ */ t(
+            children: u.map(({ key: e, count: y }) => /* @__PURE__ */ r(
               k,
               {
                 variant: "outlined",
@@ -176,43 +185,43 @@ function re({
                 label: c(`warehouseLoadSummary.stat.${e}`, {
                   defaultValue: M[e]
                 }),
-                value: x,
+                value: y,
                 locale: g,
-                intent: x > 0 && e in S ? S[e] : "foreground"
+                intent: y > 0 && e in S ? S[e] : "foreground"
               },
               e
             ))
           }
         ) : null,
-        r.length > 0 ? /* @__PURE__ */ l(
+        t.length > 0 ? /* @__PURE__ */ i(
           "div",
           {
             role: "group",
-            "aria-labelledby": w,
+            "aria-labelledby": L,
             className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 Z,
                 {
                   as: `h${Math.min(d + 1, 6)}`,
-                  id: w,
+                  id: L,
                   children: c("warehouseLoadSummary.failedFiles", {
                     defaultValue: "Files that could not be loaded"
                   })
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 "ul",
                 {
                   role: "list",
                   className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-0",
-                  children: r.map((e) => /* @__PURE__ */ l(
+                  children: t.map((e) => /* @__PURE__ */ i(
                     "li",
                     {
                       "data-file-id": e.id,
                       className: "ds:flex ds:flex-col ds:break-words ds:border-s-[length:var(--border-width-md)] ds:border-s-[color:var(--destructive)] ds:ps-[var(--spacing-sm)]",
                       children: [
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ r(
                           "span",
                           {
                             dir: "auto",
@@ -220,7 +229,7 @@ function re({
                             children: e.fileName
                           }
                         ),
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ r(
                           "span",
                           {
                             dir: "auto",
@@ -237,7 +246,7 @@ function re({
             ]
           }
         ) : null,
-        f ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]", children: f }) : null
+        p ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]", children: p }) : null
       ]
     }
   );
@@ -280,10 +289,10 @@ function Z({
   id: s,
   children: o
 }) {
-  return /* @__PURE__ */ t(a, { id: s, className: "type-label ds:m-0 ds:text-[var(--foreground)]", children: o });
+  return /* @__PURE__ */ r(a, { id: s, className: "type-label ds:m-0 ds:text-[var(--foreground)]", children: o });
 }
 export {
-  re as W,
+  te as W,
   z as w
 };
-//# sourceMappingURL=warehouse-load-summary-DkAKXcw0.js.map
+//# sourceMappingURL=warehouse-load-summary-CMMYzTDv.js.map

package/dist/_chunks/warehouse-load-summary-CMMYzTDv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warehouse-load-summary-CMMYzTDv.js","sources":["../../src/components/warehouse-load-summary/model.ts","../../src/components/warehouse-load-summary/warehouse-load-summary.agent.ts","../../src/components/warehouse-load-summary/warehouse-load-summary.tsx"],"sourcesContent":["import { WAREHOUSE_COUNT_KEYS } from '../_shared/warehouse-load';\nimport type {\n  WarehouseCountKey,\n  WarehouseLoadCounts,\n  WarehouseLoadFailedFile,\n  WarehouseLoadOutcome,\n  WarehouseLoadScope,\n} from './types';\n\n/** Counts that hide at zero (nothing to report). */\nconst HIDE_AT_ZERO: ReadonlySet<WarehouseCountKey> = new Set([\n  'itemsUpdated',\n  'filesWithErrors',\n]);\n/** Counts a single-invoice summary leaves out. */\nconst BATCH_ONLY: ReadonlySet<WarehouseCountKey> = new Set([\n  'invoicesLoaded',\n  'filesWithErrors',\n]);\n\nfunction usable(value: number | undefined): value is number {\n  return typeof value === 'number' && Number.isFinite(value) && value >= 0;\n}\n\n/** The counts to show, in vocabulary order. */\nexport function visibleCounts(\n  counts: WarehouseLoadCounts,\n  scope: WarehouseLoadScope,\n): Array<{ key: WarehouseCountKey; count: number }> {\n  const out: Array<{ key: WarehouseCountKey; count: number }> = [];\n  for (const key of WAREHOUSE_COUNT_KEYS) {\n    if (scope === 'invoice' && BATCH_ONLY.has(key)) continue;\n    const value = counts[key];\n    if (!usable(value)) continue;\n    const count = Math.trunc(value);\n    if (count === 0 && HIDE_AT_ZERO.has(key)) continue;\n    out.push({ key, count });\n  }\n  return out;\n}\n\nexport function resolveOutcome(\n  outcome: WarehouseLoadOutcome | undefined,\n  counts: WarehouseLoadCounts,\n  failedFiles: ReadonlyArray<WarehouseLoadFailedFile>,\n): WarehouseLoadOutcome {\n  if (outcome) return outcome;\n  const errors = counts.filesWithErrors ?? 0;\n  const failed = errors > 0 || failedFiles.length > 0;\n  const loaded =\n    (usable(counts.invoicesLoaded) && counts.invoicesLoaded >= 1) ||\n    (usable(counts.linesLoaded) && counts.linesLoaded >= 1);\n  if (failed) return loaded ? 'partial' : 'error';\n  return loaded ? 'success' : 'unchanged';\n}\n","/* -------------------------------------------------------------------- */\n/* Agent adapter: WarehouseLoadSummary.                                   */\n/* Read-only display. State is counts and ids; no actions, because the    */\n/* host's `actions` slot owns every button.                               */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { WarehouseLoadSummaryHandle } from './types';\n\nexport const warehouseLoadSummaryAgent: AgentAdapter<WarehouseLoadSummaryHandle> =\n  {\n    id: 'warehouse-load-summary',\n    capabilities: [],\n    state: {\n      counts: {\n        type: 'Record<string, number>',\n        description:\n          'The counts shown, by key (invoicesLoaded, itemsCreated, itemsUpdated, linesLoaded, linesAlreadyLoaded, linesSkipped, filesWithErrors). Hidden counts are absent.',\n        read: (handle) => handle.getCounts(),\n      },\n      failedFileIds: {\n        type: 'string[]',\n        description:\n          'Ids of the failed files listed. File names and error texts are not read.',\n        read: (handle) => handle.getFailedFileIds(),\n      },\n    },\n    actions: {},\n    domHooks: {\n      root: {\n        attr: 'data-component',\n        value: 'warehouse-load-summary',\n        description: 'Marks the summary root.',\n      },\n      instanceId: {\n        attr: 'data-component-id',\n        sourceProp: 'id',\n        description: 'Sourced from the id prop.',\n      },\n      item: {\n        attr: 'data-file-id',\n        description: 'Each failed file row emits its id as data-file-id.',\n      },\n    },\n  };\n","import { useEffect, useId, useMemo, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent';\nimport { Alert } from '../alert';\nimport { Stat } from '../stat';\nimport { StatGroup } from '../stat-group';\nimport { warehouseCountLabel } from '../_shared/warehouse-load';\nimport { visibleCounts, resolveOutcome } from './model';\nimport { warehouseLoadSummaryAgent } from './warehouse-load-summary.agent';\nimport type {\n  WarehouseCountKey,\n  WarehouseLoadFailedFile,\n  WarehouseLoadOutcome,\n  WarehouseLoadSummaryHandle,\n  WarehouseLoadSummaryProps,\n} from './types';\n\nconst ALERT_VARIANT = {\n  success: 'success',\n  partial: 'warning',\n  error: 'error',\n  unchanged: 'info',\n} as const satisfies Record<WarehouseLoadOutcome, string>;\n\nconst NO_FAILED_FILES: ReadonlyArray<WarehouseLoadFailedFile> = [];\n\nconst STAT_INTENT = {\n  filesWithErrors: 'destructive',\n} as const satisfies Partial<Record<WarehouseCountKey, string>>;\n\n/**\n * What a warehouse load produced: a heading by outcome, one tile per count\n * and the files that failed. Displays only; the platform counts.\n */\nexport function WarehouseLoadSummary({\n  counts,\n  scope = 'batch',\n  outcome,\n  failedFiles = NO_FAILED_FILES,\n  headingLevel = 2,\n  focusOnMount = true,\n  actions,\n  variant = 'full',\n  id,\n  className,\n}: WarehouseLoadSummaryProps) {\n  const { t, i18n } = useTranslation('ui');\n  const language = i18n.language;\n  const headingId = useId();\n  const titleRef = useRef<HTMLHeadingElement>(null);\n\n  // The summary replaces the review step, so focus would drop to <body>.\n  // Focusing the heading makes screen readers read the result (WCAG 2.4.3,\n  // 4.1.3); the Alert then stays silent so it is not read twice.\n  useEffect(() => {\n    if (focusOnMount) titleRef.current?.focus({ preventScroll: true });\n  }, [focusOnMount]);\n\n  const shown = useMemo(() => visibleCounts(counts, scope), [counts, scope]);\n  const resolved = resolveOutcome(outcome, counts, failedFiles);\n\n  const handle = useMemo<WarehouseLoadSummaryHandle>(\n    () => ({\n      getCounts: () => Object.fromEntries(shown.map((c) => [c.key, c.count])),\n      getFailedFileIds: () => failedFiles.map((f) => f.id),\n    }),\n    [shown, failedFiles],\n  );\n  useAgentRegistration(warehouseLoadSummaryAgent, handle, id);\n\n  const title = t(`warehouseLoadSummary.title.${scope}.${resolved}`, {\n    defaultValue: DEFAULT_TITLES[scope][resolved],\n  });\n  const sentence = shown\n    .filter((c) => c.count > 0)\n    .map((c) => warehouseCountLabel(t, language, c.key, c.count));\n  const description = formatList(sentence, language);\n\n  if (variant === 'banner') {\n    // One line above a table: heading, a neutral dot, the sentence, then the\n    // host actions. No cards, no failed-files list. The dot is punctuation\n    // that reads the same in every language, so no new string is needed.\n    return (\n      <div\n        data-component=\"warehouse-load-summary\"\n        data-component-id={id}\n        data-outcome={resolved}\n        data-variant=\"banner\"\n        className={className}\n      >\n        <Alert\n          variant={ALERT_VARIANT[resolved]}\n          announce={focusOnMount ? 'off' : 'polite'}\n        >\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-xs)]\">\n            {/* One run of text: when it is too long for the line it wraps\n                like a sentence, and the dot never ends a line on its own. */}\n            <div className=\"ds:min-w-0\">\n              <Alert.Title\n                ref={titleRef}\n                tabIndex={-1}\n                className=\"ds:inline ds:outline-none\"\n                as={`h${headingLevel}` as const}\n              >\n                {title}\n              </Alert.Title>\n              {description ? (\n                <>\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"ds:mx-[var(--spacing-xs)]\"\n                  >\n                    ·\n                  </span>\n                  <p className=\"type-body-sm ds:m-0 ds:inline\">{description}</p>\n                </>\n              ) : null}\n            </div>\n            {actions ? (\n              <div className=\"ds:ms-auto ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]\">\n                {actions}\n              </div>\n            ) : null}\n          </div>\n        </Alert>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-component=\"warehouse-load-summary\"\n      data-component-id={id}\n      data-outcome={resolved}\n      className={['ds:flex ds:flex-col ds:gap-[var(--spacing-md)]', className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <Alert\n        variant={ALERT_VARIANT[resolved]}\n        announce={focusOnMount ? 'off' : 'polite'}\n      >\n        <Alert.Title\n          ref={titleRef}\n          tabIndex={-1}\n          className=\"ds:outline-none\"\n          as={`h${headingLevel}` as const}\n        >\n          {title}\n        </Alert.Title>\n        {description ? (\n          <Alert.Description>{description}</Alert.Description>\n        ) : null}\n      </Alert>\n\n      {shown.length > 0 ? (\n        <StatGroup\n          aria-label={t('warehouseLoadSummary.counts', {\n            defaultValue: 'Load counts',\n          })}\n          maxColumns={4}\n        >\n          {shown.map(({ key, count }) => (\n            <Stat\n              key={key}\n              variant=\"outlined\"\n              size=\"sm\"\n              label={t(`warehouseLoadSummary.stat.${key}`, {\n                defaultValue: DEFAULT_STAT_LABELS[key],\n              })}\n              value={count}\n              locale={language}\n              intent={\n                count > 0 && key in STAT_INTENT\n                  ? STAT_INTENT[key as keyof typeof STAT_INTENT]\n                  : 'foreground'\n              }\n            />\n          ))}\n        </StatGroup>\n      ) : null}\n\n      {failedFiles.length > 0 ? (\n        <div\n          role=\"group\"\n          aria-labelledby={headingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n        >\n          <SubHeading\n            as={`h${Math.min(headingLevel + 1, 6)}` as 'h3'}\n            id={headingId}\n          >\n            {t('warehouseLoadSummary.failedFiles', {\n              defaultValue: 'Files that could not be loaded',\n            })}\n          </SubHeading>\n          {/* eslint-disable-next-line jsx-a11y/no-redundant-roles -- Safari drops list semantics under list-none */}\n          <ul\n            role=\"list\"\n            className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-xs)] ds:p-0\"\n          >\n            {failedFiles.map((file) => (\n              <li\n                key={file.id}\n                data-file-id={file.id}\n                className=\"ds:flex ds:flex-col ds:break-words ds:border-s-[length:var(--border-width-md)] ds:border-s-[color:var(--destructive)] ds:ps-[var(--spacing-sm)]\"\n              >\n                <span\n                  dir=\"auto\"\n                  className=\"type-label ds:text-[var(--foreground)]\"\n                >\n                  {file.fileName}\n                </span>\n                <span\n                  dir=\"auto\"\n                  className=\"type-meta ds:text-[var(--muted-foreground)]\"\n                >\n                  {file.error}\n                </span>\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : null}\n\n      {actions ? (\n        <div className=\"ds:flex ds:flex-wrap ds:justify-end ds:gap-[var(--spacing-sm)]\">\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst DEFAULT_TITLES = {\n  invoice: {\n    success: 'Invoice loaded',\n    partial: 'Invoice loaded with warnings',\n    error: 'The invoice could not be loaded',\n    unchanged: 'Nothing new to load',\n  },\n  batch: {\n    success: 'Invoices loaded',\n    partial: 'Invoices loaded, some files failed',\n    error: 'No invoices were loaded',\n    unchanged: 'Nothing new to load',\n  },\n} as const;\n\nconst DEFAULT_STAT_LABELS = {\n  invoicesLoaded: 'Invoices loaded',\n  itemsCreated: 'Items created',\n  itemsUpdated: 'Items updated',\n  linesLoaded: 'Lines loaded',\n  linesAlreadyLoaded: 'Lines already loaded',\n  linesSkipped: 'Lines skipped',\n  filesWithErrors: 'Files with errors',\n} as const satisfies Record<WarehouseCountKey, string>;\n\nfunction formatList(parts: string[], language: string | undefined): string {\n  if (parts.length === 0) return '';\n  try {\n    return new Intl.ListFormat(language, {\n      style: 'long',\n      type: 'conjunction',\n    }).format(parts);\n  } catch {\n    return parts.join(', ');\n  }\n}\n\nfunction SubHeading({\n  as: Tag,\n  id,\n  children,\n}: {\n  as: 'h3' | 'h4' | 'h5' | 'h6';\n  id: string;\n  children: ReactNode;\n}) {\n  return (\n    <Tag id={id} className=\"type-label ds:m-0 ds:text-[var(--foreground)]\">\n      {children}\n    </Tag>\n  );\n}\n"],"names":["HIDE_AT_ZERO","BATCH_ONLY","usable","value","visibleCounts","counts","scope","out","key","WAREHOUSE_COUNT_KEYS","count","resolveOutcome","outcome","failedFiles","failed","loaded","warehouseLoadSummaryAgent","handle","ALERT_VARIANT","NO_FAILED_FILES","STAT_INTENT","WarehouseLoadSummary","headingLevel","focusOnMount","actions","variant","id","className","t","i18n","useTranslation","language","headingId","useId","titleRef","useRef","useEffect","_a","shown","useMemo","resolved","c","f","useAgentRegistration","title","DEFAULT_TITLES","sentence","warehouseCountLabel","description","formatList","jsx","Alert","jsxs","Fragment","StatGroup","Stat","DEFAULT_STAT_LABELS","SubHeading","file","parts","Tag","children"],"mappings":"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"}

package/dist/_chunks/{widget-picker-DrxJjEkv.js → widget-picker-D3T7e8a4.js}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as _, useState as p, useEffect as N, useMemo as v, useCallback as j, useImperativeHandle as B } from "react";
 import { c as C } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
-import { D as u } from "./dialog-CIUn5oLb.js";
+import { D as u } from "./dialog-CVTxyR0v.js";
 import { S as A } from "./state-backed-text-input-DVETOhSS.js";
 import { B as I } from "./badge-BUk4RjTS.js";
 import { u as D } from "./registry-DvAUVLHh.js";
@@ -213,4 +213,4 @@ export {
   E as W,
   K as w
 };
-//# sourceMappingURL=widget-picker-DrxJjEkv.js.map
+//# sourceMappingURL=widget-picker-D3T7e8a4.js.map

package/dist/_chunks/{widget-picker-DrxJjEkv.js.map → widget-picker-D3T7e8a4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"widget-picker-DrxJjEkv.js","sources":["../../src/components/widget-picker/widget-picker.agent.ts","../../src/components/widget-picker/widget-picker.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WidgetPickerHandle } from './widget-picker';\n\nexport const widgetPickerAgent: AgentAdapter<WidgetPickerHandle> = {\n  id: 'widget-picker',\n  capabilities: ['pick'],\n  state: {\n    open: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.widgetPicker.state.open',\n      description: 'Whether the picker dialog is currently open.',\n      read: (handle) => handle.getPickerState().open,\n    },\n    items: {\n      type: '{ id: string, disabled: boolean }[]',\n      descriptionKey: 'ui.agent.widgetPicker.state.items',\n      description:\n        'Widget-type ids on offer and whether each is pickable. Ids only — titles are host-app strings.',\n      read: (handle) => handle.getPickerState().items,\n    },\n  },\n  actions: {\n    pick_widget: {\n      // Picking adds a widget to the host dashboard — a write, reversible\n      // by removing the widget again.\n      safety: 'write',\n      argsType: 'id',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Widget-type id (see items state).',\n          },\n        },\n        required: ['id'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the pick was applied; false when the picker is closed, the id is unknown, or the item is disabled.',\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.widgetPicker.actions.pickWidget',\n      description:\n        'Pick a widget type from the open catalogue. The picker closes and the host adds the widget. Refused while the dialog is closed and for disabled items.',\n      invoke: (handle, args: { id: string }) => handle.pick(args.id),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'widget-picker' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-widget-type-id',\n      description: 'Each option tile carries its widget-type id.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* WidgetPicker — \"add a widget\" modal for configurable dashboards.     */\n/*                                                                     */\n/* A Dialog-composed catalogue picker: the consumer supplies the        */\n/* available widget types (title/description/icon/category, all         */\n/* pre-translated app strings), the kit renders a searchable, grouped   */\n/* grid of option tiles and reports the pick. Designed as the add flow  */\n/* for `DashboardGrid` (`onRequestAdd` opens it) but generic to any     */\n/* pick-one-catalogue surface. Disabled items stay visible with an      */\n/* optional badge (e.g. \"Requires reconnect\") so users can discover     */\n/* locked capabilities.                                                 */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Dialog } from '../dialog';\nimport { StateBackedTextInput } from '../_shared/state-backed-text-input';\nimport { Badge } from '../badge';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { widgetPickerAgent } from './widget-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface WidgetPickerItem {\n  /** Stable widget-type id reported via `onPick`. */\n  id: string;\n  /** Visible name (consumer-translated). */\n  title: string;\n  /** One-line explanation (consumer-translated). */\n  description?: string;\n  /** Small illustrative icon. */\n  icon?: ReactNode;\n  /** Group heading (consumer-translated). Ungrouped items render first. */\n  category?: string;\n  /** Visible but not pickable. */\n  disabled?: boolean;\n  /** Short annotation rendered as a badge (e.g. \"Requires reconnect\"). */\n  badge?: string;\n}\n\nexport interface WidgetPickerProps {\n  /** Controlled visibility. */\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The catalogue. */\n  items: WidgetPickerItem[];\n  /**\n   * Called with the picked item id; the picker then closes itself via\n   * `onOpenChange(false)`.\n   */\n  onPick: (id: string) => void;\n  /** Dialog title. Defaults to the kit's translated \"Add a widget\". */\n  title?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n}\n\nexport interface WidgetPickerHandle {\n  /**\n   * Pick an item programmatically. False when the picker is closed, the id\n   * is unknown, or the item is disabled.\n   */\n  pick: (id: string) => boolean;\n  getPickerState: () => {\n    open: boolean;\n    items: Array<{ id: string; disabled: boolean }>;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst tileVariants = cva(\n  [\n    'ds:flex ds:w-full ds:min-h-[var(--min-target-size)] ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-[var(--card)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n    'ds:text-start ds:transition-colors',\n    'ds:hover:bg-muted/10',\n    '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)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent',\n  ].join(' '),\n  { variants: {}, defaultVariants: {} },\n);\n\n/* ------------------------------------------------------------------ */\n/* WidgetPicker                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WidgetPicker = forwardRef<WidgetPickerHandle, WidgetPickerProps>(\n  ({ open, onOpenChange, items, onPick, title, id }, ref) => {\n    const { t } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n\n    // Clear the search when the picker closes, so the next open starts fresh\n    // without a post-open reflow flash.\n    useEffect(() => {\n      if (!open) setQuery('');\n    }, [open]);\n\n    const filtered = useMemo(() => {\n      const needle = query.trim().toLowerCase();\n      if (!needle) return items;\n      return items.filter(\n        (item) =>\n          item.title.toLowerCase().includes(needle) ||\n          (item.description ?? '').toLowerCase().includes(needle),\n      );\n    }, [items, query]);\n\n    /* Group by category, preserving first-seen order; ungrouped first. */\n    const groups = useMemo(() => {\n      const order: Array<{\n        category: string | null;\n        entries: WidgetPickerItem[];\n      }> = [];\n      for (const item of filtered) {\n        // Treat an empty-string category the same as no category.\n        const key = item.category || null;\n        let group = order.find((g) => g.category === key);\n        if (!group) {\n          group = { category: key, entries: [] };\n          if (key === null) order.unshift(group);\n          else order.push(group);\n        }\n        group.entries.push(item);\n      }\n      return order;\n    }, [filtered]);\n\n    // The list is a tab stop only while it overflows. A callback ref, since\n    // the dialog mounts the node on open and unmounts it on close.\n    const [listNode, setListNode] = useState<HTMLDivElement | null>(null);\n    const [scrollable, setScrollable] = useState(false);\n    const [listFocused, setListFocused] = useState(false);\n    useEffect(() => {\n      if (!listNode) {\n        setScrollable(false);\n        return undefined;\n      }\n      const measure = () =>\n        setScrollable(listNode.scrollHeight > listNode.clientHeight + 1);\n      measure();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(measure);\n      observer.observe(listNode);\n      for (const child of Array.from(listNode.children)) {\n        observer.observe(child);\n      }\n      return () => observer.disconnect();\n    }, [listNode, groups]);\n\n    const handlePick = useCallback(\n      (itemId: string) => {\n        onPick(itemId);\n        onOpenChange(false);\n      },\n      [onPick, onOpenChange],\n    );\n\n    const agentHandle = useMemo<WidgetPickerHandle>(\n      () => ({\n        pick(itemId) {\n          if (!open) return false;\n          const item = items.find((entry) => entry.id === itemId);\n          if (!item || item.disabled) return false;\n          handlePick(itemId);\n          return true;\n        },\n        getPickerState() {\n          return {\n            open,\n            items: items.map((item) => ({\n              id: item.id,\n              disabled: Boolean(item.disabled),\n            })),\n          };\n        },\n      }),\n      [open, items, handlePick],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(widgetPickerAgent, agentHandle, id);\n\n    return (\n      <Dialog.Root open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content size=\"lg\">\n          <div data-component=\"widget-picker\" data-component-id={id}>\n            <Dialog.Title>{title ?? t('widgetPicker.title')}</Dialog.Title>\n            <Dialog.Description className=\"ds:sr-only\">\n              {t('widgetPicker.description')}\n            </Dialog.Description>\n            <div className=\"ds:mt-[var(--spacing-sm)]\">\n              <StateBackedTextInput\n                aria-label={t('widgetPicker.searchLabel')}\n                placeholder={t('widgetPicker.searchPlaceholder')}\n                startAdornment={<Search aria-hidden=\"true\" />}\n                value={query}\n                onChange={(event) => setQuery(event.target.value)}\n              />\n            </div>\n            <div\n              ref={setListNode}\n              role=\"group\"\n              aria-label={t('widgetPicker.listLabel')}\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a tab stop while the list scrolls (an all-disabled list must stay scrollable, axe scrollable-region-focusable) and while focused, so focus never drops to <body>\n              tabIndex={scrollable || listFocused ? 0 : undefined}\n              onFocus={(event) => {\n                if (event.target === event.currentTarget) setListFocused(true);\n              }}\n              onBlur={(event) => {\n                if (event.target === event.currentTarget) setListFocused(false);\n              }}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:max-h-[60vh] ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto ds:pe-[var(--spacing-xs)] 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)]\"\n            >\n              {groups.length === 0 ? (\n                <p\n                  role=\"status\"\n                  className=\"ds:py-[var(--spacing-lg)] ds:text-center ds:text-sm ds:text-muted-foreground\"\n                >\n                  {items.length === 0\n                    ? t('widgetPicker.none')\n                    : t('widgetPicker.empty')}\n                </p>\n              ) : (\n                groups.map((group) => (\n                  <section\n                    key={group.category ?? '__ungrouped__'}\n                    className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                  >\n                    {group.category ? (\n                      <h3 className=\"ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground\">\n                        {group.category}\n                      </h3>\n                    ) : null}\n                    <div className=\"ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                      {group.entries.map((item) => (\n                        <button\n                          key={item.id}\n                          type=\"button\"\n                          disabled={item.disabled}\n                          onClick={() => handlePick(item.id)}\n                          className={tileVariants()}\n                          data-widget-type-id={item.id}\n                        >\n                          {item.icon ? (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center ds:text-muted-foreground ds:[&_svg]:size-5\"\n                            >\n                              {item.icon}\n                            </span>\n                          ) : null}\n                          <span className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n                            <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                              <span className=\"ds:truncate ds:text-sm ds:font-medium\">\n                                {item.title}\n                              </span>\n                              {item.badge ? (\n                                <Badge variant=\"info\" size=\"sm\">\n                                  {item.badge}\n                                </Badge>\n                              ) : null}\n                            </span>\n                            {item.description ? (\n                              <span className=\"ds:text-xs ds:text-muted-foreground\">\n                                {item.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  </section>\n                ))\n              )}\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  },\n);\n\nWidgetPicker.displayName = 'WidgetPicker';\n"],"names":["widgetPickerAgent","handle","args","tileVariants","cva","WidgetPicker","forwardRef","open","onOpenChange","items","onPick","title","id","ref","t","useTranslation","query","setQuery","useState","useEffect","filtered","useMemo","needle","item","groups","order","key","group","g","listNode","setListNode","scrollable","setScrollable","listFocused","setListFocused","measure","observer","child","handlePick","useCallback","itemId","agentHandle","entry","useImperativeHandle","useAgentRegistration","Dialog","jsx","jsxs","StateBackedTextInput","Search","event","Badge"],"mappings":"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"}
+{"version":3,"file":"widget-picker-D3T7e8a4.js","sources":["../../src/components/widget-picker/widget-picker.agent.ts","../../src/components/widget-picker/widget-picker.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { WidgetPickerHandle } from './widget-picker';\n\nexport const widgetPickerAgent: AgentAdapter<WidgetPickerHandle> = {\n  id: 'widget-picker',\n  capabilities: ['pick'],\n  state: {\n    open: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.widgetPicker.state.open',\n      description: 'Whether the picker dialog is currently open.',\n      read: (handle) => handle.getPickerState().open,\n    },\n    items: {\n      type: '{ id: string, disabled: boolean }[]',\n      descriptionKey: 'ui.agent.widgetPicker.state.items',\n      description:\n        'Widget-type ids on offer and whether each is pickable. Ids only — titles are host-app strings.',\n      read: (handle) => handle.getPickerState().items,\n    },\n  },\n  actions: {\n    pick_widget: {\n      // Picking adds a widget to the host dashboard — a write, reversible\n      // by removing the widget again.\n      safety: 'write',\n      argsType: 'id',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          id: {\n            type: 'string',\n            description: 'Widget-type id (see items state).',\n          },\n        },\n        required: ['id'],\n      },\n      returns: 'boolean (accepted)',\n      returnsSchema: {\n        type: 'boolean',\n        description:\n          'True when the pick was applied; false when the picker is closed, the id is unknown, or the item is disabled.',\n      },\n      idempotent: false,\n      descriptionKey: 'ui.agent.widgetPicker.actions.pickWidget',\n      description:\n        'Pick a widget type from the open catalogue. The picker closes and the host adds the widget. Refused while the dialog is closed and for disabled items.',\n      invoke: (handle, args: { id: string }) => handle.pick(args.id),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'widget-picker' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-widget-type-id',\n      description: 'Each option tile carries its widget-type id.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* WidgetPicker — \"add a widget\" modal for configurable dashboards.     */\n/*                                                                     */\n/* A Dialog-composed catalogue picker: the consumer supplies the        */\n/* available widget types (title/description/icon/category, all         */\n/* pre-translated app strings), the kit renders a searchable, grouped   */\n/* grid of option tiles and reports the pick. Designed as the add flow  */\n/* for `DashboardGrid` (`onRequestAdd` opens it) but generic to any     */\n/* pick-one-catalogue surface. Disabled items stay visible with an      */\n/* optional badge (e.g. \"Requires reconnect\") so users can discover     */\n/* locked capabilities.                                                 */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { Dialog } from '../dialog';\nimport { StateBackedTextInput } from '../_shared/state-backed-text-input';\nimport { Badge } from '../badge';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { widgetPickerAgent } from './widget-picker.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface WidgetPickerItem {\n  /** Stable widget-type id reported via `onPick`. */\n  id: string;\n  /** Visible name (consumer-translated). */\n  title: string;\n  /** One-line explanation (consumer-translated). */\n  description?: string;\n  /** Small illustrative icon. */\n  icon?: ReactNode;\n  /** Group heading (consumer-translated). Ungrouped items render first. */\n  category?: string;\n  /** Visible but not pickable. */\n  disabled?: boolean;\n  /** Short annotation rendered as a badge (e.g. \"Requires reconnect\"). */\n  badge?: string;\n}\n\nexport interface WidgetPickerProps {\n  /** Controlled visibility. */\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The catalogue. */\n  items: WidgetPickerItem[];\n  /**\n   * Called with the picked item id; the picker then closes itself via\n   * `onOpenChange(false)`.\n   */\n  onPick: (id: string) => void;\n  /** Dialog title. Defaults to the kit's translated \"Add a widget\". */\n  title?: string;\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n}\n\nexport interface WidgetPickerHandle {\n  /**\n   * Pick an item programmatically. False when the picker is closed, the id\n   * is unknown, or the item is disabled.\n   */\n  pick: (id: string) => boolean;\n  getPickerState: () => {\n    open: boolean;\n    items: Array<{ id: string; disabled: boolean }>;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst tileVariants = cva(\n  [\n    'ds:flex ds:w-full ds:min-h-[var(--min-target-size)] ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-[var(--card)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]',\n    'ds:text-start ds:transition-colors',\n    'ds:hover:bg-muted/10',\n    '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)]',\n    'ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent',\n  ].join(' '),\n  { variants: {}, defaultVariants: {} },\n);\n\n/* ------------------------------------------------------------------ */\n/* WidgetPicker                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WidgetPicker = forwardRef<WidgetPickerHandle, WidgetPickerProps>(\n  ({ open, onOpenChange, items, onPick, title, id }, ref) => {\n    const { t } = useTranslation('ui');\n    const [query, setQuery] = useState('');\n\n    // Clear the search when the picker closes, so the next open starts fresh\n    // without a post-open reflow flash.\n    useEffect(() => {\n      if (!open) setQuery('');\n    }, [open]);\n\n    const filtered = useMemo(() => {\n      const needle = query.trim().toLowerCase();\n      if (!needle) return items;\n      return items.filter(\n        (item) =>\n          item.title.toLowerCase().includes(needle) ||\n          (item.description ?? '').toLowerCase().includes(needle),\n      );\n    }, [items, query]);\n\n    /* Group by category, preserving first-seen order; ungrouped first. */\n    const groups = useMemo(() => {\n      const order: Array<{\n        category: string | null;\n        entries: WidgetPickerItem[];\n      }> = [];\n      for (const item of filtered) {\n        // Treat an empty-string category the same as no category.\n        const key = item.category || null;\n        let group = order.find((g) => g.category === key);\n        if (!group) {\n          group = { category: key, entries: [] };\n          if (key === null) order.unshift(group);\n          else order.push(group);\n        }\n        group.entries.push(item);\n      }\n      return order;\n    }, [filtered]);\n\n    // The list is a tab stop only while it overflows. A callback ref, since\n    // the dialog mounts the node on open and unmounts it on close.\n    const [listNode, setListNode] = useState<HTMLDivElement | null>(null);\n    const [scrollable, setScrollable] = useState(false);\n    const [listFocused, setListFocused] = useState(false);\n    useEffect(() => {\n      if (!listNode) {\n        setScrollable(false);\n        return undefined;\n      }\n      const measure = () =>\n        setScrollable(listNode.scrollHeight > listNode.clientHeight + 1);\n      measure();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(measure);\n      observer.observe(listNode);\n      for (const child of Array.from(listNode.children)) {\n        observer.observe(child);\n      }\n      return () => observer.disconnect();\n    }, [listNode, groups]);\n\n    const handlePick = useCallback(\n      (itemId: string) => {\n        onPick(itemId);\n        onOpenChange(false);\n      },\n      [onPick, onOpenChange],\n    );\n\n    const agentHandle = useMemo<WidgetPickerHandle>(\n      () => ({\n        pick(itemId) {\n          if (!open) return false;\n          const item = items.find((entry) => entry.id === itemId);\n          if (!item || item.disabled) return false;\n          handlePick(itemId);\n          return true;\n        },\n        getPickerState() {\n          return {\n            open,\n            items: items.map((item) => ({\n              id: item.id,\n              disabled: Boolean(item.disabled),\n            })),\n          };\n        },\n      }),\n      [open, items, handlePick],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(widgetPickerAgent, agentHandle, id);\n\n    return (\n      <Dialog.Root open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content size=\"lg\">\n          <div data-component=\"widget-picker\" data-component-id={id}>\n            <Dialog.Title>{title ?? t('widgetPicker.title')}</Dialog.Title>\n            <Dialog.Description className=\"ds:sr-only\">\n              {t('widgetPicker.description')}\n            </Dialog.Description>\n            <div className=\"ds:mt-[var(--spacing-sm)]\">\n              <StateBackedTextInput\n                aria-label={t('widgetPicker.searchLabel')}\n                placeholder={t('widgetPicker.searchPlaceholder')}\n                startAdornment={<Search aria-hidden=\"true\" />}\n                value={query}\n                onChange={(event) => setQuery(event.target.value)}\n              />\n            </div>\n            <div\n              ref={setListNode}\n              role=\"group\"\n              aria-label={t('widgetPicker.listLabel')}\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- a tab stop while the list scrolls (an all-disabled list must stay scrollable, axe scrollable-region-focusable) and while focused, so focus never drops to <body>\n              tabIndex={scrollable || listFocused ? 0 : undefined}\n              onFocus={(event) => {\n                if (event.target === event.currentTarget) setListFocused(true);\n              }}\n              onBlur={(event) => {\n                if (event.target === event.currentTarget) setListFocused(false);\n              }}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:max-h-[60vh] ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto ds:pe-[var(--spacing-xs)] 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)]\"\n            >\n              {groups.length === 0 ? (\n                <p\n                  role=\"status\"\n                  className=\"ds:py-[var(--spacing-lg)] ds:text-center ds:text-sm ds:text-muted-foreground\"\n                >\n                  {items.length === 0\n                    ? t('widgetPicker.none')\n                    : t('widgetPicker.empty')}\n                </p>\n              ) : (\n                groups.map((group) => (\n                  <section\n                    key={group.category ?? '__ungrouped__'}\n                    className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                  >\n                    {group.category ? (\n                      <h3 className=\"ds:text-xs ds:font-semibold ds:uppercase ds:tracking-wide ds:text-muted-foreground\">\n                        {group.category}\n                      </h3>\n                    ) : null}\n                    <div className=\"ds:grid ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                      {group.entries.map((item) => (\n                        <button\n                          key={item.id}\n                          type=\"button\"\n                          disabled={item.disabled}\n                          onClick={() => handlePick(item.id)}\n                          className={tileVariants()}\n                          data-widget-type-id={item.id}\n                        >\n                          {item.icon ? (\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:size-5 ds:shrink-0 ds:items-center ds:justify-center ds:text-muted-foreground ds:[&_svg]:size-5\"\n                            >\n                              {item.icon}\n                            </span>\n                          ) : null}\n                          <span className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n                            <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                              <span className=\"ds:truncate ds:text-sm ds:font-medium\">\n                                {item.title}\n                              </span>\n                              {item.badge ? (\n                                <Badge variant=\"info\" size=\"sm\">\n                                  {item.badge}\n                                </Badge>\n                              ) : null}\n                            </span>\n                            {item.description ? (\n                              <span className=\"ds:text-xs ds:text-muted-foreground\">\n                                {item.description}\n                              </span>\n                            ) : null}\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  </section>\n                ))\n              )}\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  },\n);\n\nWidgetPicker.displayName = 'WidgetPicker';\n"],"names":["widgetPickerAgent","handle","args","tileVariants","cva","WidgetPicker","forwardRef","open","onOpenChange","items","onPick","title","id","ref","t","useTranslation","query","setQuery","useState","useEffect","filtered","useMemo","needle","item","groups","order","key","group","g","listNode","setListNode","scrollable","setScrollable","listFocused","setListFocused","measure","observer","child","handlePick","useCallback","itemId","agentHandle","entry","useImperativeHandle","useAgentRegistration","Dialog","jsx","jsxs","StateBackedTextInput","Search","event","Badge"],"mappings":"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"}

package/dist/_chunks/{workflow-map-DCjkRuS_.js → workflow-map-DaZFP9SJ.js}

@@ -15,7 +15,7 @@ import { C as Ce } from "./circle-j7oZoouK.js";
 import { u as _e } from "./registry-DvAUVLHh.js";
 import { A as V } from "./alert-C4WKViaS.js";
 import { B as Se } from "./button-DohK_Ak_.js";
-import { D as N } from "./dropdown-menu-Dw6sgQwJ.js";
+import { D as N } from "./dropdown-menu-DBWaW4pq.js";
 import { E } from "./empty-state-DwJ5YNzz.js";
 import { P as ne } from "./plus-DzMQ_c6b.js";
 import { G as ie } from "./globe-sHBW1JN5.js";
@@ -1321,4 +1321,4 @@ export {
   ee as r,
   D as w
 };
-//# sourceMappingURL=workflow-map-DCjkRuS_.js.map
+//# sourceMappingURL=workflow-map-DaZFP9SJ.js.map