@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

package/dist/_chunks/command-palette-DQl_SNEv.js

@@ -0,0 +1,473 @@
+import { jsx as s, jsxs as m, Fragment as T } from "react/jsx-runtime";
+import { forwardRef as u, useState as w, useEffect as v, useRef as C, useMemo as k, useCallback as B } from "react";
+import { _ as p, R as J } from "./index-4xgbg-sn.js";
+import * as h from "@radix-ui/react-dialog";
+import { useTranslation as j } from "react-i18next";
+import { u as V } from "./registry-DvAUVLHh.js";
+import { S as $ } from "./search-QbWPlY5f.js";
+const W = {
+  id: "command-palette",
+  // The curated handle exposes open/close + the filter query only. Running a
+  // highlighted command is internal to the dialog (not on the handle), so no
+  // 'submit'/'pick' capability is claimed here.
+  capabilities: ["open", "close", "filter"],
+  state: {
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.commandPalette.state.query",
+      description: "Current filter query in the command palette input.",
+      read: (e) => e.getQuery()
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.commandPalette.state.isOpen",
+      description: "True when the palette is visible.",
+      read: (e) => e.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.open",
+      description: "Open the command palette.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.close",
+      description: "Close the command palette.",
+      invoke: (e) => {
+        e.close();
+      }
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ query: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          query: {
+            type: "string",
+            description: "Filter text matched against command labels."
+          }
+        },
+        required: ["query"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.commandPalette.actions.applyFilter",
+      description: "Set the filter query.",
+      invoke: (e, t) => {
+        e.setQuery(t.query);
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "command-palette" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-command-id",
+      description: "Each command item emits its key as data-command-id."
+    }
+  }
+};
+function y(e) {
+  return e.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
+}
+const X = (e, t, a) => J(y(e), y(t), a == null ? void 0 : a.map(y)), L = "ui.cmdk.recents", R = 5;
+function Y() {
+  if (typeof window > "u") return [];
+  try {
+    const e = window.localStorage.getItem(L);
+    if (!e) return [];
+    const t = JSON.parse(e);
+    return Array.isArray(t) ? t.slice(0, R).filter((a) => typeof a == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function q(e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(
+        L,
+        JSON.stringify(e.slice(0, R))
+      );
+    } catch {
+    }
+}
+function me() {
+  const [e, t] = w(!1);
+  return v(() => {
+    function a(r) {
+      if ((r.metaKey || r.ctrlKey) && r.key === "k") {
+        r.preventDefault(), t((f) => !f);
+        return;
+      }
+      const d = r.target, l = d == null ? void 0 : d.tagName.toLowerCase();
+      (l === "input" || l === "textarea" || d != null && d.isContentEditable) && (e && r.key);
+    }
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [e]), { open: e, setOpen: t };
+}
+const U = [
+  "ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden",
+  "ds:rounded-[var(--radius-md)]",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
+].join(" "), M = u(({ className: e, filter: t = X, id: a, ...r }, o) => /* @__PURE__ */ s(
+  p,
+  {
+    ref: o,
+    filter: t,
+    className: [U, e].filter(Boolean).join(" "),
+    "data-component": "command-palette",
+    "data-component-id": a,
+    ...r
+  }
+));
+M.displayName = "CommandPalette";
+const Z = [
+  "ds:flex ds:items-center",
+  "ds:border-block-end ds:border-[var(--border)]",
+  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]"
+].join(" "), ee = [
+  "ds:flex ds:w-full ds:bg-transparent",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:text-[var(--font-size-base)] ds:text-[var(--foreground)]",
+  "ds:placeholder:text-[var(--muted-foreground)]",
+  "ds:outline-none",
+  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+  "ds:border-0"
+].join(" "), A = u(({ className: e, placeholder: t, ...a }, r) => {
+  const { t: o } = j();
+  return /* @__PURE__ */ m("div", { className: Z, children: [
+    /* @__PURE__ */ s(
+      $,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:me-2 ds:text-[var(--muted-foreground)]"
+      }
+    ),
+    /* @__PURE__ */ s(
+      p.Input,
+      {
+        ref: r,
+        placeholder: t ?? o("navigation.cmdk.placeholder", "Type a command or search…"),
+        className: [ee, e].filter(Boolean).join(" "),
+        ...a
+      }
+    )
+  ] });
+});
+A.displayName = "CommandInput";
+const D = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  p.List,
+  {
+    ref: a,
+    className: [
+      "ds:max-h-[20rem] ds:overflow-y-auto",
+      "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+      "ds:py-[var(--spacing-xs)]",
+      e ?? ""
+    ].filter(Boolean).join(" "),
+    ...t
+  }
+));
+D.displayName = "CommandList";
+const O = u(({ className: e, children: t, ...a }, r) => {
+  const { t: o } = j();
+  return /* @__PURE__ */ s(
+    p.Empty,
+    {
+      ref: r,
+      className: [
+        "ds:py-[var(--spacing-lg)] ds:text-center",
+        "type-body-sm ds:text-[var(--muted-foreground)]",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: t ?? o("navigation.cmdk.empty", "No results found")
+    }
+  );
+});
+O.displayName = "CommandEmpty";
+const N = u(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
+  p.Group,
+  {
+    ref: r,
+    heading: t,
+    className: [
+      "ds:overflow-hidden",
+      "ds:text-[var(--foreground)]",
+      "ds:[&_[cmdk-group-heading]]:ps-[var(--spacing-sm)]",
+      "ds:[&_[cmdk-group-heading]]:pe-[var(--spacing-sm)]",
+      "ds:[&_[cmdk-group-heading]]:py-[var(--spacing-xs)]",
+      "ds:[&_[cmdk-group-heading]]:type-eyebrow",
+      "ds:[&_[cmdk-group-heading]]:text-[var(--muted-foreground)]",
+      e ?? ""
+    ].filter(Boolean).join(" "),
+    ...a
+  }
+));
+N.displayName = "CommandGroup";
+const te = [
+  "ds:relative ds:flex ds:items-center",
+  "ds:gap-[var(--spacing-sm)]",
+  "ds:min-h-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+  "ds:text-[var(--font-size-sm)] ds:text-[var(--foreground)]",
+  "ds:cursor-pointer ds:select-none ds:outline-none",
+  "ds:data-[selected=true]:bg-[var(--primary)] ds:data-[selected=true]:text-[var(--primary-foreground)]",
+  "ds:data-[selected=true]:font-[var(--font-weight-semibold)]",
+  "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
+  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), x = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  p.Item,
+  {
+    ref: a,
+    className: [te, e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+x.displayName = "CommandItem";
+const F = u(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+  p.Separator,
+  {
+    ref: a,
+    className: [
+      "ds:-ms-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]",
+      "ds:my-[var(--spacing-xs)]",
+      "ds:h-px ds:bg-[var(--border)]",
+      e ?? ""
+    ].filter(Boolean).join(" "),
+    ...t
+  }
+));
+F.displayName = "CommandSeparator";
+const S = u(
+  ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ s(
+    "kbd",
+    {
+      ref: r,
+      className: [
+        "ds:ms-auto",
+        "ds:inline-flex ds:items-center",
+        "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+        "ds:h-5 ds:rounded-[var(--radius-sm)]",
+        "ds:bg-[var(--muted)]/20 ds:text-[var(--muted-foreground)]",
+        "ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)]",
+        "ds:data-[selected=true]:bg-[var(--primary-foreground)]/20",
+        "ds:data-[selected=true]:text-[var(--primary-foreground)]",
+        e ?? ""
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: t
+    }
+  )
+);
+S.displayName = "CommandShortcut";
+function ae(e, t) {
+  if (!t) return e;
+  const a = y(e), r = y(t), o = a.indexOf(r);
+  if (o === -1) return e;
+  const d = e.slice(0, o), l = e.slice(o, o + r.length), g = e.slice(o + r.length);
+  return /* @__PURE__ */ m(T, { children: [
+    d,
+    /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em]", children: l }),
+    g
+  ] });
+}
+const se = [
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/70 ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+  "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
+  "ds:motion-reduce:animate-none"
+].join(" "), ne = [
+  "ds:fixed ds:z-[var(--z-modal)]",
+  // Logical-inset arbitrary-value positioning: `inset-inline-start-1/2`
+  // isn't a real Tailwind class (the generator maps fractions only to
+  // `start-*`), so use `start-1/2` for horizontal and `top-*` for the
+  // top offset — matching the working Dialog component.
+  "ds:top-[12vh] ds:start-1/2 ds:-translate-x-1/2 ds:rtl:translate-x-1/2",
+  "ds:w-[92vw] ds:max-w-[var(--dialog-width-lg)]",
+  "ds:rounded-[var(--radius-lg)]",
+  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+  "ds:shadow-[var(--shadow-xl)]",
+  "ds:border ds:border-[var(--border)]",
+  "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
+  "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
+  "ds:motion-reduce:animate-none",
+  "ds:focus:outline-none"
+].join(" "), K = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
+function ue({
+  open: e,
+  onOpenChange: t,
+  commands: a,
+  header: r,
+  id: o
+}) {
+  const { t: d } = j(), [l, g] = w(""), [f, E] = w(Y);
+  v(() => {
+    e || g("");
+  }, [e]);
+  const z = C(e);
+  v(() => {
+    z.current = e;
+  }, [e]);
+  const I = C(l);
+  v(() => {
+    I.current = l;
+  }, [l]);
+  const b = C(t);
+  v(() => {
+    b.current = t;
+  }, [t]);
+  const Q = k(
+    () => ({
+      getQuery: () => I.current,
+      getIsOpen: () => z.current,
+      open: () => b.current(!0),
+      close: () => b.current(!1),
+      setQuery: (n) => g(n)
+    }),
+    []
+  );
+  V(W, Q, o);
+  const G = k(() => {
+    const n = /* @__PURE__ */ new Map();
+    return a.forEach((c) => {
+      const i = n.get(c.group) ?? [];
+      i.push(c), n.set(c.group, i);
+    }), n;
+  }, [a]), P = k(() => {
+    if (l) return [];
+    const n = new Map(a.map((c) => [c.id, c]));
+    return f.map((c) => n.get(c)).filter(Boolean);
+  }, [a, f, l]), _ = B(
+    (n) => {
+      t(!1);
+      const c = [n.id, ...f.filter((i) => i !== n.id)].slice(
+        0,
+        R
+      );
+      E(c), q(c), setTimeout(() => n.onSelect(), 0);
+    },
+    [f, t]
+  ), H = B(() => {
+    E([]), q([]);
+  }, []);
+  return /* @__PURE__ */ s(h.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ m(h.Portal, { children: [
+    /* @__PURE__ */ s(
+      h.Overlay,
+      {
+        "data-component": "command-palette-overlay",
+        className: se
+      }
+    ),
+    /* @__PURE__ */ m(
+      h.Content,
+      {
+        "data-component": "command-palette-dialog",
+        className: ne,
+        "aria-label": d("navigation.cmdk.title", "Command palette"),
+        children: [
+          /* @__PURE__ */ s(h.Title, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d("navigation.cmdk.title", "Command palette") }) }),
+          /* @__PURE__ */ s(h.Description, { asChild: !0, children: /* @__PURE__ */ s(K, { children: d(
+            "navigation.cmdk.description",
+            "Search for commands, pages, and actions"
+          ) }) }),
+          /* @__PURE__ */ m(
+            M,
+            {
+              id: o,
+              label: d("navigation.cmdk.title", "Command palette"),
+              children: [
+                r,
+                /* @__PURE__ */ s(A, { value: l, onValueChange: g }),
+                /* @__PURE__ */ m(D, { children: [
+                  /* @__PURE__ */ s(O, {}),
+                  P.length > 0 ? /* @__PURE__ */ m(T, { children: [
+                    /* @__PURE__ */ m(
+                      N,
+                      {
+                        heading: d("navigation.cmdk.recents", "Recent"),
+                        children: [
+                          P.map((n) => /* @__PURE__ */ m(
+                            x,
+                            {
+                              value: `recent-${n.label}`,
+                              "data-command-id": n.id,
+                              onSelect: () => _(n),
+                              children: [
+                                n.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: n.icon }) : null,
+                                /* @__PURE__ */ s("span", { children: n.label }),
+                                n.shortcut ? /* @__PURE__ */ s(S, { children: n.shortcut }) : null
+                              ]
+                            },
+                            `recent-${n.id}`
+                          )),
+                          /* @__PURE__ */ s(
+                            x,
+                            {
+                              value: "__clear-recents",
+                              onSelect: H,
+                              children: /* @__PURE__ */ s("span", { children: d(
+                                "navigation.cmdk.clearRecents",
+                                "Clear recent commands"
+                              ) })
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ s(F, {})
+                  ] }) : null,
+                  Array.from(G.entries()).map(([n, c]) => /* @__PURE__ */ s(N, { heading: n, children: c.map((i) => /* @__PURE__ */ m(
+                    x,
+                    {
+                      value: i.label,
+                      "data-command-id": i.id,
+                      keywords: i.keywords,
+                      onSelect: () => _(i),
+                      children: [
+                        i.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: i.icon }) : null,
+                        /* @__PURE__ */ s("span", { children: ae(i.label, l) }),
+                        i.shortcut ? /* @__PURE__ */ s(S, { children: i.shortcut }) : null
+                      ]
+                    },
+                    i.id
+                  )) }, n))
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  O as C,
+  N as a,
+  A as b,
+  x as c,
+  D as d,
+  M as e,
+  ue as f,
+  F as g,
+  S as h,
+  W as i,
+  X as j,
+  ae as k,
+  me as u
+};
+//# sourceMappingURL=command-palette-DQl_SNEv.js.map

package/dist/_chunks/command-palette-DQl_SNEv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-DQl_SNEv.js","sources":["../../src/components/command-palette/command-palette.agent.ts","../../src/components/command-palette/command-palette.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { CommandPaletteHandle } from './command-palette';\n\nexport const commandPaletteAgent: AgentAdapter<CommandPaletteHandle> = {\n  id: 'command-palette',\n  // The curated handle exposes open/close + the filter query only. Running a\n  // highlighted command is internal to the dialog (not on the handle), so no\n  // 'submit'/'pick' capability is claimed here.\n  capabilities: ['open', 'close', 'filter'],\n  state: {\n    query: {\n      type: 'string',\n      descriptionKey: 'ui.agent.commandPalette.state.query',\n      description: 'Current filter query in the command palette input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.commandPalette.state.isOpen',\n      description: 'True when the palette is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.commandPalette.actions.open',\n      description: 'Open the command palette.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.commandPalette.actions.close',\n      description: 'Close the command palette.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    apply_filter: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          query: {\n            type: 'string',\n            description: 'Filter text matched against command labels.',\n          },\n        },\n        required: ['query'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.commandPalette.actions.applyFilter',\n      description: 'Set the filter query.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'command-palette' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-command-id',\n      description: 'Each command item emits its key as data-command-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport { Command as CommandPrimitive, defaultFilter } from 'cmdk';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { useTranslation } from 'react-i18next';\nimport { Search } from 'lucide-react';\nimport { useAgentRegistration } from '../../agent';\nimport { commandPaletteAgent } from './command-palette.agent';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface Command {\n  id: string;\n  label: string;\n  group: string;\n  keywords?: string[];\n  shortcut?: string;\n  onSelect: () => void;\n  /** Optional leading icon. */\n  icon?: ReactNode;\n}\n\n/* -------------------------------------------------------------------- */\n/* Diacritic-insensitive normaliser                                      */\n/* -------------------------------------------------------------------- */\n\nfunction normalise(value: string): string {\n  return value\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .toLowerCase();\n}\n\nexport const diacriticInsensitiveFilter = (\n  value: string,\n  search: string,\n  keywords?: string[],\n) =>\n  defaultFilter(normalise(value), normalise(search), keywords?.map(normalise));\n\n/* -------------------------------------------------------------------- */\n/* Recents (localStorage, SSR-safe)                                      */\n/* -------------------------------------------------------------------- */\n\nconst RECENTS_KEY = 'ui.cmdk.recents';\nconst MAX_RECENTS = 5;\n\nfunction readRecents(): string[] {\n  if (typeof window === 'undefined') return [];\n  try {\n    const raw = window.localStorage.getItem(RECENTS_KEY);\n    if (!raw) return [];\n    const parsed = JSON.parse(raw);\n    return Array.isArray(parsed)\n      ? parsed.slice(0, MAX_RECENTS).filter((v) => typeof v === 'string')\n      : [];\n  } catch {\n    return [];\n  }\n}\n\nfunction writeRecents(ids: string[]) {\n  if (typeof window === 'undefined') return;\n  try {\n    window.localStorage.setItem(\n      RECENTS_KEY,\n      JSON.stringify(ids.slice(0, MAX_RECENTS)),\n    );\n  } catch {\n    /* noop */\n  }\n}\n\n/* -------------------------------------------------------------------- */\n/* useCommandPalette — Cmd/Ctrl+K hook                                   */\n/* -------------------------------------------------------------------- */\n\nexport function useCommandPalette() {\n  const [open, setOpen] = useState(false);\n\n  useEffect(() => {\n    function handler(event: KeyboardEvent) {\n      // Cmd/Ctrl+K must work even from inside inputs; check the\n      // modifier first and bail on edit-context only for plain keys.\n      const isMeta = event.metaKey || event.ctrlKey;\n      if (isMeta && event.key === 'k') {\n        event.preventDefault();\n        setOpen((v) => !v);\n        return;\n      }\n\n      const target = event.target as HTMLElement | null;\n      const tag = target?.tagName.toLowerCase();\n      const isEditable =\n        tag === 'input' || tag === 'textarea' || target?.isContentEditable;\n      if (isEditable && !(open && event.key === 'Escape')) return;\n    }\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open]);\n\n  return { open, setOpen };\n}\n\n/* -------------------------------------------------------------------- */\n/* Primitives (forwardRef wrappers around cmdk + dialog chrome)          */\n/* -------------------------------------------------------------------- */\n\nconst rootClasses = [\n  'ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden',\n  'ds:rounded-[var(--radius-md)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n].join(' ');\n\nexport type CommandPaletteRootProps = ComponentPropsWithoutRef<\n  typeof CommandPrimitive\n>;\n\n// Curated agent-readiness handle — see command-palette.agent.ts.\nexport interface CommandPaletteHandle {\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n  setQuery: (query: string) => void;\n}\n\nconst CommandPalette = forwardRef<\n  ElementRef<typeof CommandPrimitive>,\n  CommandPaletteRootProps\n>(({ className, filter = diacriticInsensitiveFilter, id, ...rest }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    filter={filter}\n    className={[rootClasses, className].filter(Boolean).join(' ')}\n    data-component=\"command-palette\"\n    data-component-id={id}\n    {...rest}\n  />\n));\nCommandPalette.displayName = 'CommandPalette';\n\n/* -------------------------------------------------------------------- */\n/* Input                                                                 */\n/* -------------------------------------------------------------------- */\n\nconst inputWrapClasses = [\n  'ds:flex ds:items-center',\n  'ds:border-block-end ds:border-[var(--border)]',\n  'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]',\n].join(' ');\n\nconst inputClasses = [\n  'ds:flex ds:w-full ds:bg-transparent',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:text-[var(--font-size-base)] ds:text-[var(--foreground)]',\n  'ds:placeholder:text-[var(--muted-foreground)]',\n  'ds:outline-none',\n  'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  'ds:border-0',\n].join(' ');\n\nexport type CommandInputProps = ComponentPropsWithoutRef<\n  typeof CommandPrimitive.Input\n>;\n\nconst CommandInput = forwardRef<\n  ElementRef<typeof CommandPrimitive.Input>,\n  CommandInputProps\n>(({ className, placeholder, ...rest }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <div className={inputWrapClasses}>\n      <Search\n        aria-hidden=\"true\"\n        className=\"ds:size-4 ds:me-2 ds:text-[var(--muted-foreground)]\"\n      />\n      <CommandPrimitive.Input\n        ref={ref}\n        placeholder={\n          placeholder ??\n          t('navigation.cmdk.placeholder', 'Type a command or search\\u2026')\n        }\n        className={[inputClasses, className].filter(Boolean).join(' ')}\n        {...rest}\n      />\n    </div>\n  );\n});\nCommandInput.displayName = 'CommandInput';\n\n/* -------------------------------------------------------------------- */\n/* List / Empty / Group / Item / Separator                               */\n/* -------------------------------------------------------------------- */\n\nconst CommandList = forwardRef<\n  ElementRef<typeof CommandPrimitive.List>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...rest }, ref) => (\n  <CommandPrimitive.List\n    ref={ref}\n    className={[\n      'ds:max-h-[20rem] ds:overflow-y-auto',\n      'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n      'ds:py-[var(--spacing-xs)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...rest}\n  />\n));\nCommandList.displayName = 'CommandList';\n\nconst CommandEmpty = forwardRef<\n  ElementRef<typeof CommandPrimitive.Empty>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, children, ...rest }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <CommandPrimitive.Empty\n      ref={ref}\n      className={[\n        'ds:py-[var(--spacing-lg)] ds:text-center',\n        'type-body-sm ds:text-[var(--muted-foreground)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children ?? t('navigation.cmdk.empty', 'No results found')}\n    </CommandPrimitive.Empty>\n  );\n});\nCommandEmpty.displayName = 'CommandEmpty';\n\nconst CommandGroup = forwardRef<\n  ElementRef<typeof CommandPrimitive.Group>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, heading, ...rest }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    heading={heading}\n    className={[\n      'ds:overflow-hidden',\n      'ds:text-[var(--foreground)]',\n      'ds:[&_[cmdk-group-heading]]:ps-[var(--spacing-sm)]',\n      'ds:[&_[cmdk-group-heading]]:pe-[var(--spacing-sm)]',\n      'ds:[&_[cmdk-group-heading]]:py-[var(--spacing-xs)]',\n      'ds:[&_[cmdk-group-heading]]:type-eyebrow',\n      'ds:[&_[cmdk-group-heading]]:text-[var(--muted-foreground)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...rest}\n  />\n));\nCommandGroup.displayName = 'CommandGroup';\n\nconst itemClasses = [\n  'ds:relative ds:flex ds:items-center',\n  'ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)]',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n  'ds:text-[var(--font-size-sm)] ds:text-[var(--foreground)]',\n  'ds:cursor-pointer ds:select-none ds:outline-none',\n  'ds:data-[selected=true]:bg-[var(--primary)] ds:data-[selected=true]:text-[var(--primary-foreground)]',\n  'ds:data-[selected=true]:font-[var(--font-weight-semibold)]',\n  'ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50',\n  'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nexport type CommandItemProps = ComponentPropsWithoutRef<\n  typeof CommandPrimitive.Item\n>;\n\nconst CommandItem = forwardRef<\n  ElementRef<typeof CommandPrimitive.Item>,\n  CommandItemProps\n>(({ className, ...rest }, ref) => (\n  <CommandPrimitive.Item\n    ref={ref}\n    className={[itemClasses, className].filter(Boolean).join(' ')}\n    {...rest}\n  />\n));\nCommandItem.displayName = 'CommandItem';\n\nconst CommandSeparator = forwardRef<\n  ElementRef<typeof CommandPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...rest }, ref) => (\n  <CommandPrimitive.Separator\n    ref={ref}\n    className={[\n      'ds:-ms-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n      'ds:my-[var(--spacing-xs)]',\n      'ds:h-px ds:bg-[var(--border)]',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...rest}\n  />\n));\nCommandSeparator.displayName = 'CommandSeparator';\n\nexport type CommandShortcutProps = ComponentPropsWithoutRef<'kbd'>;\n\nconst CommandShortcut = forwardRef<HTMLElement, CommandShortcutProps>(\n  ({ className, children, ...rest }, ref) => (\n    <kbd\n      ref={ref}\n      className={[\n        'ds:ms-auto',\n        'ds:inline-flex ds:items-center',\n        'ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        'ds:h-5 ds:rounded-[var(--radius-sm)]',\n        'ds:bg-[var(--muted)]/20 ds:text-[var(--muted-foreground)]',\n        'ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)]',\n        'ds:data-[selected=true]:bg-[var(--primary-foreground)]/20',\n        'ds:data-[selected=true]:text-[var(--primary-foreground)]',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...rest}\n    >\n      {children}\n    </kbd>\n  ),\n);\nCommandShortcut.displayName = 'CommandShortcut';\n\n/* -------------------------------------------------------------------- */\n/* Highlight helper                                                      */\n/* -------------------------------------------------------------------- */\n\n/**\n * Returns React nodes that wrap the matching segments of `label` in `<mark>`.\n * Diacritic-insensitive. No `dangerouslySetInnerHTML`.\n */\nexport function highlightMatch(label: string, query: string): ReactNode {\n  if (!query) return label;\n  const norm = normalise(label);\n  const normQ = normalise(query);\n  const idx = norm.indexOf(normQ);\n  if (idx === -1) return label;\n  // Walk the original label using character-by-character correspondence with the\n  // normalised string. Since normalise may drop diacritics, we use index mapping.\n  const before = label.slice(0, idx);\n  const match = label.slice(idx, idx + normQ.length);\n  const after = label.slice(idx + normQ.length);\n  return (\n    <>\n      {before}\n      <mark className=\"ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em]\">\n        {match}\n      </mark>\n      {after}\n    </>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* CommandPaletteDialog — Dialog shell + commands-as-data API            */\n/* -------------------------------------------------------------------- */\n\nexport interface CommandPaletteDialogProps {\n  /** Controlled open state. */\n  open: boolean;\n  /** Fires when the dialog opens/closes. */\n  onOpenChange: (open: boolean) => void;\n  /** Commands to display. */\n  commands: Command[];\n  /** Extra content rendered above the input (optional). */\n  header?: ReactNode;\n  /** Stable id for agent registration / DOM addressing. */\n  id?: string;\n}\n\nconst overlayClasses = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/70 ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n  'ds:motion-reduce:animate-none',\n].join(' ');\n\nconst dialogContentClasses = [\n  'ds:fixed ds:z-[var(--z-modal)]',\n  // Logical-inset arbitrary-value positioning: `inset-inline-start-1/2`\n  // isn't a real Tailwind class (the generator maps fractions only to\n  // `start-*`), so use `start-1/2` for horizontal and `top-*` for the\n  // top offset — matching the working Dialog component.\n  'ds:top-[12vh] ds:start-1/2 ds:-translate-x-1/2 ds:rtl:translate-x-1/2',\n  'ds:w-[92vw] ds:max-w-[var(--dialog-width-lg)]',\n  'ds:rounded-[var(--radius-lg)]',\n  'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:border ds:border-[var(--border)]',\n  'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n  'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n  'ds:motion-reduce:animate-none',\n  'ds:focus:outline-none',\n].join(' ');\n\nconst VisuallyHidden = ({ children }: { children: ReactNode }) => (\n  <span className=\"ds:sr-only\">{children}</span>\n);\n\nfunction CommandPaletteDialog({\n  open,\n  onOpenChange,\n  commands,\n  header,\n  id,\n}: CommandPaletteDialogProps) {\n  const { t } = useTranslation();\n  const [search, setSearch] = useState('');\n  const [recents, setRecents] = useState<string[]>(readRecents);\n\n  useEffect(() => {\n    if (!open) setSearch('');\n  }, [open]);\n\n  // Agent handle — refs mirror state for fresh reads from the memoized handle.\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n  const searchRef = useRef(search);\n  useEffect(() => {\n    searchRef.current = search;\n  }, [search]);\n  const onOpenChangeRef = useRef(onOpenChange);\n  useEffect(() => {\n    onOpenChangeRef.current = onOpenChange;\n  }, [onOpenChange]);\n\n  const agentHandle = useMemo<CommandPaletteHandle>(\n    () => ({\n      getQuery: () => searchRef.current,\n      getIsOpen: () => openRef.current,\n      open: () => onOpenChangeRef.current(true),\n      close: () => onOpenChangeRef.current(false),\n      setQuery: (query) => setSearch(query),\n    }),\n    [],\n  );\n  useAgentRegistration(commandPaletteAgent, agentHandle, id);\n\n  const grouped = useMemo(() => {\n    const byGroup = new Map<string, Command[]>();\n    commands.forEach((c) => {\n      const list = byGroup.get(c.group) ?? [];\n      list.push(c);\n      byGroup.set(c.group, list);\n    });\n    return byGroup;\n  }, [commands]);\n\n  const recentCommands = useMemo(() => {\n    if (search) return [];\n    const byId = new Map(commands.map((c) => [c.id, c]));\n    return recents.map((id) => byId.get(id)).filter(Boolean) as Command[];\n  }, [commands, recents, search]);\n\n  const runCommand = useCallback(\n    (cmd: Command) => {\n      onOpenChange(false);\n      const next = [cmd.id, ...recents.filter((id) => id !== cmd.id)].slice(\n        0,\n        MAX_RECENTS,\n      );\n      setRecents(next);\n      writeRecents(next);\n      // Defer so Dialog unmount doesn't swallow the callback\n      setTimeout(() => cmd.onSelect(), 0);\n    },\n    [recents, onOpenChange],\n  );\n\n  const clearRecents = useCallback(() => {\n    setRecents([]);\n    writeRecents([]);\n  }, []);\n\n  return (\n    <RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"command-palette-overlay\"\n          className={overlayClasses}\n        />\n        <RadixDialog.Content\n          data-component=\"command-palette-dialog\"\n          className={dialogContentClasses}\n          aria-label={t('navigation.cmdk.title', 'Command palette')}\n        >\n          <RadixDialog.Title asChild>\n            <VisuallyHidden>\n              {t('navigation.cmdk.title', 'Command palette')}\n            </VisuallyHidden>\n          </RadixDialog.Title>\n          <RadixDialog.Description asChild>\n            <VisuallyHidden>\n              {t(\n                'navigation.cmdk.description',\n                'Search for commands, pages, and actions',\n              )}\n            </VisuallyHidden>\n          </RadixDialog.Description>\n          <CommandPalette\n            id={id}\n            label={t('navigation.cmdk.title', 'Command palette')}\n          >\n            {header}\n            <CommandInput value={search} onValueChange={setSearch} />\n            <CommandList>\n              <CommandEmpty />\n              {recentCommands.length > 0 ? (\n                <>\n                  <CommandGroup\n                    heading={t('navigation.cmdk.recents', 'Recent')}\n                  >\n                    {recentCommands.map((cmd) => (\n                      <CommandItem\n                        key={`recent-${cmd.id}`}\n                        value={`recent-${cmd.label}`}\n                        data-command-id={cmd.id}\n                        onSelect={() => runCommand(cmd)}\n                      >\n                        {cmd.icon ? (\n                          <span aria-hidden=\"true\">{cmd.icon}</span>\n                        ) : null}\n                        <span>{cmd.label}</span>\n                        {cmd.shortcut ? (\n                          <CommandShortcut>{cmd.shortcut}</CommandShortcut>\n                        ) : null}\n                      </CommandItem>\n                    ))}\n                    <CommandItem\n                      value=\"__clear-recents\"\n                      onSelect={clearRecents}\n                    >\n                      <span>\n                        {t(\n                          'navigation.cmdk.clearRecents',\n                          'Clear recent commands',\n                        )}\n                      </span>\n                    </CommandItem>\n                  </CommandGroup>\n                  <CommandSeparator />\n                </>\n              ) : null}\n              {Array.from(grouped.entries()).map(([group, list]) => (\n                <CommandGroup key={group} heading={group}>\n                  {list.map((cmd) => (\n                    <CommandItem\n                      key={cmd.id}\n                      value={cmd.label}\n                      data-command-id={cmd.id}\n                      keywords={cmd.keywords}\n                      onSelect={() => runCommand(cmd)}\n                    >\n                      {cmd.icon ? (\n                        <span aria-hidden=\"true\">{cmd.icon}</span>\n                      ) : null}\n                      <span>{highlightMatch(cmd.label, search)}</span>\n                      {cmd.shortcut ? (\n                        <CommandShortcut>{cmd.shortcut}</CommandShortcut>\n                      ) : null}\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              ))}\n            </CommandList>\n          </CommandPalette>\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    </RadixDialog.Root>\n  );\n}\n\nexport {\n  CommandPalette,\n  CommandPaletteDialog,\n  CommandInput,\n  CommandList,\n  CommandGroup,\n  CommandItem,\n  CommandEmpty,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"names":["commandPaletteAgent","handle","args","normalise","value","diacriticInsensitiveFilter","search","keywords","defaultFilter","RECENTS_KEY","MAX_RECENTS","readRecents","raw","parsed","v","writeRecents","ids","useCommandPalette","open","setOpen","useState","useEffect","handler","event","target","tag","rootClasses","CommandPalette","forwardRef","className","filter","id","rest","ref","jsx","CommandPrimitive","inputWrapClasses","inputClasses","CommandInput","placeholder","t","useTranslation","jsxs","Search","CommandList","CommandEmpty","children","CommandGroup","heading","itemClasses","CommandItem","CommandSeparator","CommandShortcut","highlightMatch","label","query","norm","normQ","idx","before","match","after","Fragment","overlayClasses","dialogContentClasses","VisuallyHidden","CommandPaletteDialog","onOpenChange","commands","header","setSearch","recents","setRecents","openRef","useRef","searchRef","onOpenChangeRef","agentHandle","useMemo","useAgentRegistration","grouped","byGroup","list","recentCommands","byId","runCommand","useCallback","cmd","next","clearRecents","RadixDialog","group"],"mappings":"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"}

package/dist/_chunks/connection-status-0HajXMXM.js

@@ -0,0 +1,108 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as k, useMemo as B } from "react";
+import { useTranslation as A } from "react-i18next";
+import { C as a } from "./card-DPmk26CL.js";
+import { B as C } from "./badge-DCOqV9mI.js";
+import { B as u } from "./button-DD_0Xdmr.js";
+import { D as d } from "./description-list-CmBVxIF5.js";
+import { u as N } from "./registry-DvAUVLHh.js";
+const w = {
+  id: "connection-status",
+  capabilities: ["submit", "dismiss"],
+  state: {
+    status: {
+      type: "string",
+      descriptionKey: "ui.agent.connectionStatus.state.status",
+      description: "Connection state of the external service: 'connected', 'disconnected', 'pending', or 'error'.",
+      read: (n) => n.getStatus()
+    }
+  },
+  actions: {
+    connect: {
+      // Reaches an external service (OAuth handoff / server write), so it is
+      // both a `write` and `openWorld`.
+      safety: "write",
+      openWorld: !0,
+      descriptionKey: "ui.agent.connectionStatus.actions.connect",
+      description: "Begin connecting the external service — invokes the consumer-supplied onConnect handler.",
+      invoke: (n) => {
+        n.connect();
+      }
+    },
+    disconnect: {
+      // Tears down an established external connection — irreversible from the
+      // agent's perspective, so `destructive` + `openWorld`.
+      safety: "destructive",
+      openWorld: !0,
+      descriptionKey: "ui.agent.connectionStatus.actions.disconnect",
+      description: "Disconnect the external service — invokes the consumer-supplied onDisconnect handler.",
+      invoke: (n) => {
+        n.disconnect();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "connection-status",
+      description: "Marks the ConnectionStatus wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, E = {
+  connected: "success",
+  disconnected: "neutral",
+  pending: "warning",
+  error: "error"
+}, T = {
+  connected: "connectionStatus.statusConnected",
+  disconnected: "connectionStatus.statusDisconnected",
+  pending: "connectionStatus.statusPending",
+  error: "connectionStatus.statusError"
+}, K = k(function({
+  service: g,
+  status: t,
+  description: p,
+  summary: c,
+  onConnect: i,
+  onDisconnect: o,
+  disabled: m = !1,
+  id: h,
+  className: f,
+  "aria-label": S
+}, v) {
+  const { t: s } = A(), y = B(
+    () => ({
+      getStatus: () => t,
+      connect: () => i == null ? void 0 : i(),
+      disconnect: () => o == null ? void 0 : o()
+    }),
+    [t, i, o]
+  );
+  N(w, y, h);
+  const x = t === "pending" ? /* @__PURE__ */ e(u, { intent: "primary", disabled: !0, children: s("connectionStatus.statusPending") }) : t === "connected" ? /* @__PURE__ */ e(u, { intent: "outline", disabled: m, onClick: o, children: s("connectionStatus.disconnect") }) : /* @__PURE__ */ e(u, { intent: "primary", disabled: m, onClick: i, children: s("connectionStatus.connect") }), b = t === "connected" && Array.isArray(c) && c.length > 0;
+  return /* @__PURE__ */ e("div", { ref: v, "data-component": "connection-status", "data-component-id": h, children: /* @__PURE__ */ r(a, { className: f, "aria-label": S, children: [
+    /* @__PURE__ */ e(a.Header, { children: /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e("span", { className: "type-title-card ds:text-foreground", children: g }),
+      /* @__PURE__ */ e(C, { variant: E[t], children: s(T[t]) })
+    ] }) }),
+    /* @__PURE__ */ e(a.Body, { children: /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      p ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-muted-foreground", children: p }) : null,
+      b && c ? /* @__PURE__ */ e(d, { layout: "inline", density: "compact", children: c.map((l) => /* @__PURE__ */ r(d.Row, { children: [
+        /* @__PURE__ */ e(d.Term, { children: l.label }),
+        /* @__PURE__ */ e(d.Detail, { children: l.value })
+      ] }, l.label)) }) : null
+    ] }) }),
+    /* @__PURE__ */ e(a.Footer, { children: x })
+  ] }) });
+});
+K.displayName = "ConnectionStatus";
+export {
+  K as C,
+  w as c
+};
+//# sourceMappingURL=connection-status-0HajXMXM.js.map