@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

package/dist/_chunks/control-room-rail-Y8ryLYsP.js

@@ -0,0 +1,229 @@
+import { jsx as C, jsxs as Q, Fragment as U } from "react/jsx-runtime";
+import { useState as H, useCallback as R, useMemo as x, useRef as L, useContext as F, useId as W, useEffect as X, createContext as Y, forwardRef as Z } from "react";
+import { useTranslation as I } from "react-i18next";
+import { B as oo } from "./button-DD_0Xdmr.js";
+import { A as to } from "./ai-tools-rail-B5NEghsp.js";
+import { u as eo } from "./use-persistent-state-nZwZAnE9.js";
+import { S as no } from "./star-vav0SJ9e.js";
+const w = Y(null);
+function Ro({
+  globalTools: e = [],
+  children: r
+}) {
+  const [c, l] = H(
+    () => /* @__PURE__ */ new Map()
+  ), f = R(
+    (s, a) => {
+      l((g) => {
+        const y = new Map(g);
+        return y.set(s, a), y;
+      });
+    },
+    []
+  ), M = R((s) => {
+    l((a) => {
+      if (!a.has(s)) return a;
+      const g = new Map(a);
+      return g.delete(s), g;
+    });
+  }, []), v = x(
+    () => Array.from(c.values()).flat(),
+    [c]
+  ), b = L(null), P = R((s) => {
+    b.current = s;
+  }, []), m = R((s) => {
+    var a;
+    (a = b.current) == null || a.setActiveTool(s);
+  }, []), u = R(() => {
+    var s;
+    (s = b.current) == null || s.setActiveTool(null);
+  }, []), j = x(
+    () => ({
+      globalTools: e,
+      contextualTools: v,
+      registerContextualTools: f,
+      unregisterContextualTools: M,
+      registerRail: P,
+      openTool: m,
+      closeTool: u
+    }),
+    [
+      e,
+      v,
+      f,
+      M,
+      P,
+      m,
+      u
+    ]
+  );
+  return /* @__PURE__ */ C(w.Provider, { value: j, children: r });
+}
+function vo(e) {
+  const r = F(w), c = r == null ? void 0 : r.registerContextualTools, l = r == null ? void 0 : r.unregisterContextualTools, f = W();
+  X(() => {
+    if (!(!c || !l))
+      return c(f, e), () => l(f);
+  }, [c, l, f, e]);
+}
+function so() {
+  const e = F(w);
+  return x(() => {
+    if (!e) return [];
+    const r = e.contextualTools.map((l) => ({
+      ...l,
+      scope: "contextual"
+    })), c = e.globalTools.map((l) => ({
+      ...l,
+      scope: "global"
+    }));
+    return [...r, ...c];
+  }, [e]);
+}
+function go() {
+  const e = F(w), r = R(() => {
+  }, []);
+  return {
+    openTool: (e == null ? void 0 : e.openTool) ?? r,
+    closeTool: (e == null ? void 0 : e.closeTool) ?? r
+  };
+}
+function ro() {
+  const e = F(w), r = R((c) => {
+  }, []);
+  return (e == null ? void 0 : e.registerRail) ?? r;
+}
+const To = Z(function({
+  tools: r,
+  railLabel: c,
+  reorderable: l = !0,
+  favoriteIds: f,
+  defaultFavoriteIds: M,
+  onFavoriteIdsChange: v,
+  persistFavoritesKey: b = "ui.controlRoom.favorites",
+  ...P
+}, m) {
+  const { t: u } = I(), j = so(), s = r ?? j, a = f !== void 0, [g, y] = eo(
+    b,
+    () => M ?? s.filter((o) => o.scope === "global").map((o) => o.id),
+    { disabled: a }
+  ), h = a ? f : g, d = x(() => {
+    const o = /* @__PURE__ */ new Map();
+    for (const n of s) o.set(n.id, n);
+    return o;
+  }, [s]), A = x(
+    () => new Set(h.filter((o) => d.has(o))),
+    [h, d]
+  ), N = (o) => {
+    const n = o(h.filter((t) => d.has(t)));
+    a || y((t) => o(t.filter((i) => d.has(i)))), v == null || v(n);
+  }, z = x(() => {
+    if (!l) return s;
+    const o = h.filter((t) => d.has(t)).map((t) => ({
+      ...d.get(t),
+      scope: "global",
+      reorderable: !0
+    })), n = s.filter((t) => !A.has(t.id)).map((t) => ({
+      ...t,
+      scope: "contextual",
+      reorderable: !0
+    }));
+    return [...o, ...n];
+  }, [l, s, h, d, A]), [E, _] = H(""), k = L(!1), $ = (o, n) => {
+    const t = n ? u("controlRoom.pinnedAnnounce", {
+      tool: o,
+      defaultValue: "Pinned {{tool}} to favourites"
+    }) : u("controlRoom.unpinnedAnnounce", {
+      tool: o,
+      defaultValue: "Removed {{tool}} from favourites"
+    });
+    k.current = !k.current, _(k.current ? t : `${t}​`);
+  }, q = (o) => {
+    var n;
+    $(((n = d.get(o)) == null ? void 0 : n.label) ?? o, !A.has(o)), N(
+      (t) => t.includes(o) ? t.filter((i) => i !== o) : [...t, o]
+    );
+  }, D = (o, n) => {
+    var i;
+    const t = (i = z[o]) == null ? void 0 : i.id;
+    t !== void 0 && N((T) => {
+      const S = T.filter((p) => d.has(p)), V = S.length;
+      if (o < V) {
+        if (n >= V) return S.filter((O) => O !== t);
+        const p = S.slice();
+        return p.splice(o, 1), p.splice(n, 0, t), p;
+      }
+      if (n <= V) {
+        const p = S.slice();
+        return p.splice(Math.min(n, V), 0, t), p;
+      }
+      return T;
+    });
+  }, G = ({
+    tool: o,
+    from: n,
+    to: t
+  }) => {
+    const i = A.size, T = n < i;
+    return T && t >= i ? u("controlRoom.unpinnedAnnounce", {
+      tool: o.label,
+      defaultValue: "Removed {{tool}} from favourites"
+    }) : !T && t <= i ? u("controlRoom.pinnedAnnounce", {
+      tool: o.label,
+      defaultValue: "Pinned {{tool}} to favourites"
+    }) : T && t < i ? u("aiToolsRail.reorderAnnounce", {
+      tool: o.label,
+      to: t + 1,
+      total: i,
+      defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
+    }) : "";
+  }, J = l ? (o) => {
+    const n = A.has(o.id);
+    return /* @__PURE__ */ C("div", { className: "ds:flex ds:items-center ds:justify-end ds:px-[var(--spacing-md)] ds:py-[var(--spacing-sm)] ds:border-block-end ds:border-[var(--border)]", children: /* @__PURE__ */ C(
+      oo,
+      {
+        intent: "ghost",
+        size: "sm",
+        "aria-pressed": n,
+        startIcon: /* @__PURE__ */ C(
+          no,
+          {
+            "aria-hidden": "true",
+            fill: n ? "currentColor" : "none",
+            className: n ? "ds:text-[color:var(--accent)]" : void 0
+          }
+        ),
+        onClick: () => q(o.id),
+        children: u("controlRoom.favorite", { defaultValue: "Favourite" })
+      }
+    ) });
+  } : void 0, B = ro(), K = R(
+    (o) => {
+      B(o), typeof m == "function" ? m(o) : m && (m.current = o);
+    },
+    [B, m]
+  );
+  return /* @__PURE__ */ Q(U, { children: [
+    /* @__PURE__ */ C(
+      to,
+      {
+        ref: K,
+        tools: z,
+        railLabel: c ?? u("controlRoom.railLabel", { defaultValue: "Control room" }),
+        onReorder: l ? D : void 0,
+        formatReorderAnnouncement: l ? G : void 0,
+        renderPanelHeader: J,
+        ...P
+      }
+    ),
+    l ? /* @__PURE__ */ C("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: E }) : null
+  ] });
+});
+export {
+  Ro as C,
+  To as a,
+  so as b,
+  vo as c,
+  go as u
+};
+//# sourceMappingURL=control-room-rail-Y8ryLYsP.js.map

package/dist/_chunks/control-room-rail-Y8ryLYsP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-room-rail-Y8ryLYsP.js","sources":["../../src/components/control-room-rail/control-room-context.tsx","../../src/components/control-room-rail/control-room-rail.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport type { AiToolsRailHandle, AiToolsRailTool } from '../ai-tools-rail';\n\n/* ------------------------------------------------------------------ */\n/* Control Room context — the scope mechanism                          */\n/*                                                                    */\n/* The DS provides the plumbing; the CONSUMER declares scope by which  */\n/* API it reaches for:                                                 */\n/*   - <ControlRoomProvider globalTools={…}>  → `global` tools, set    */\n/*     once at the app shell, persist across navigation.               */\n/*   - useControlRoomTools([…])               → `contextual` tools,    */\n/*     registered per-page, swap with the open entity.                 */\n/* `<ControlRoomRail>` reads the merged set; `global` tools seed the   */\n/* default favourites (pinned on top), `contextual` tools fall below    */\n/* the divider. The rail renders the divider between the two groups.    */\n/* ------------------------------------------------------------------ */\n\ninterface ControlRoomContextValue {\n  globalTools: AiToolsRailTool[];\n  contextualTools: AiToolsRailTool[];\n  registerContextualTools: (id: string, tools: AiToolsRailTool[]) => void;\n  unregisterContextualTools: (id: string) => void;\n  // The rail registers its imperative handle here so pages can drive it\n  // (e.g. open the X-ray panel when a tooth is clicked). Null until mounted.\n  registerRail: (handle: AiToolsRailHandle | null) => void;\n  openTool: (id: string) => void;\n  closeTool: () => void;\n}\n\nconst ControlRoomContext = createContext<ControlRoomContextValue | null>(null);\n\nexport interface ControlRoomProviderProps {\n  /**\n   * Tools valid in every context (Alia, Inbox). Set once at the app shell —\n   * they pin to the rail's far end and persist across navigation. Memoise\n   * this array so it doesn't re-register every render.\n   */\n  globalTools?: AiToolsRailTool[];\n  children: ReactNode;\n}\n\n/**\n * Holds the Control Room's global tools and the registry of per-context\n * contextual tools. Mount once at the app shell, inside the frame that also\n * renders `<ControlRoomRail>`.\n */\nexport function ControlRoomProvider({\n  globalTools = [],\n  children,\n}: ControlRoomProviderProps) {\n  // id → that registration's contextual tools. Multiple concurrent\n  // registrations merge in insertion order (rare, but composes cleanly).\n  const [registry, setRegistry] = useState<Map<string, AiToolsRailTool[]>>(\n    () => new Map(),\n  );\n\n  const registerContextualTools = useCallback(\n    (id: string, tools: AiToolsRailTool[]) => {\n      setRegistry((prev) => {\n        const next = new Map(prev);\n        next.set(id, tools);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterContextualTools = useCallback((id: string) => {\n    setRegistry((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Map(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const contextualTools = useMemo(\n    () => Array.from(registry.values()).flat(),\n    [registry],\n  );\n\n  // The rail's imperative handle, registered by <ControlRoomRail> on mount.\n  // openTool/closeTool drive it so a page can open a panel (e.g. the X-ray\n  // viewer when a tooth is clicked) without holding a ref to the rail itself.\n  const railHandleRef = useRef<AiToolsRailHandle | null>(null);\n  const registerRail = useCallback((handle: AiToolsRailHandle | null) => {\n    railHandleRef.current = handle;\n  }, []);\n  const openTool = useCallback((id: string) => {\n    railHandleRef.current?.setActiveTool(id);\n  }, []);\n  const closeTool = useCallback(() => {\n    railHandleRef.current?.setActiveTool(null);\n  }, []);\n\n  const value = useMemo<ControlRoomContextValue>(\n    () => ({\n      globalTools,\n      contextualTools,\n      registerContextualTools,\n      unregisterContextualTools,\n      registerRail,\n      openTool,\n      closeTool,\n    }),\n    [\n      globalTools,\n      contextualTools,\n      registerContextualTools,\n      unregisterContextualTools,\n      registerRail,\n      openTool,\n      closeTool,\n    ],\n  );\n\n  return (\n    <ControlRoomContext.Provider value={value}>\n      {children}\n    </ControlRoomContext.Provider>\n  );\n}\n\n/**\n * Register this context's **contextual** tools (Notes, Appointments, the entity\n * summary). They sit below the favourites divider and unregister automatically\n * when the calling component unmounts (i.e. when you leave the context).\n *\n * Pass a **stable / memoised** array — like `useEffect` deps, a fresh array\n * every render re-registers every render. Wrap it in `useMemo`.\n *\n * No-op when rendered outside a `<ControlRoomProvider>`.\n */\nexport function useControlRoomTools(tools: AiToolsRailTool[]): void {\n  const ctx = useContext(ControlRoomContext);\n  // Depend on the STABLE register/unregister callbacks, never the whole\n  // context value: the value object changes every time the registry updates\n  // (which this very effect triggers), so depending on `ctx` would re-register\n  // on every change — an infinite loop. The callbacks are `useCallback([])`.\n  const register = ctx?.registerContextualTools;\n  const unregister = ctx?.unregisterContextualTools;\n  const id = useId();\n  useEffect(() => {\n    if (!register || !unregister) return undefined;\n    register(id, tools);\n    return () => unregister(id);\n  }, [register, unregister, id, tools]);\n}\n\n/**\n * The merged tool set the rail consumes: contextual tools (auto-tagged\n * `scope: 'contextual'`) then globals (`scope: 'global'`). Scope is assigned\n * here by which API registered the tool — `global` seeds the Control Room's\n * default favourites (pinned on top); `contextual` falls below the divider.\n * `ControlRoomRail` re-groups by favourite membership for the final order.\n * Returns `[]` outside a provider.\n */\nexport function useControlRoomMergedTools(): AiToolsRailTool[] {\n  const ctx = useContext(ControlRoomContext);\n  return useMemo(() => {\n    if (!ctx) return [];\n    const contextual = ctx.contextualTools.map((tool) => ({\n      ...tool,\n      scope: 'contextual' as const,\n    }));\n    const global = ctx.globalTools.map((tool) => ({\n      ...tool,\n      scope: 'global' as const,\n    }));\n    return [...contextual, ...global];\n  }, [ctx]);\n}\n\n/**\n * Imperative actions to drive the rail from a page: open a tool's panel (e.g.\n * the X-ray viewer when a tooth is clicked) or collapse it. No-ops outside a\n * `<ControlRoomProvider>`. The functions are stable across renders.\n */\nexport function useControlRoomActions(): {\n  openTool: (id: string) => void;\n  closeTool: () => void;\n} {\n  const ctx = useContext(ControlRoomContext);\n  const noop = useCallback(() => {}, []);\n  return {\n    openTool: ctx?.openTool ?? noop,\n    closeTool: ctx?.closeTool ?? noop,\n  };\n}\n\n/**\n * Internal: the rail registers its imperative handle with the provider so\n * `useControlRoomActions().openTool` can drive it. Returns the stable\n * `registerRail` callback (or a no-op outside a provider).\n */\nexport function useControlRoomRailRegister(): (\n  handle: AiToolsRailHandle | null,\n) => void {\n  const ctx = useContext(ControlRoomContext);\n  const noop = useCallback((_handle: AiToolsRailHandle | null) => {}, []);\n  return ctx?.registerRail ?? noop;\n}\n","import {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Star } from 'lucide-react';\nimport { Button } from '../button/button';\nimport {\n  AiToolsRail,\n  type AiToolsRailHandle,\n  type AiToolsRailProps,\n  type AiToolsRailTool,\n} from '../ai-tools-rail';\nimport { usePersistentState } from '../../hooks/use-persistent-state';\nimport {\n  useControlRoomMergedTools,\n  useControlRoomRailRegister,\n} from './control-room-context';\n\n/* ------------------------------------------------------------------ */\n/* ControlRoomRail — the unified, contextual workspace rail.           */\n/*                                                                    */\n/* The docked right-hand \"Control Room\": the single home for the       */\n/* assistant, inbox, notes, appointments and entity summaries          */\n/* alongside the main work surface. One panel open at a time,          */\n/* non-modal.                                                          */\n/*                                                                    */\n/* It layers a FAVOURITES model over the proven AiToolsRail (its prior */\n/* name): favourited tools form a pinned group at the TOP of the strip */\n/* above a divider, then everything else below. The default favourites */\n/* are the host's `global` tools (Alia, Inbox) — so the rail opens with */\n/* notifications + Alia on top, the Control Room's default arrangement. */\n/*                                                                    */\n/* Favouriting is DRAG-FIRST, no per-icon star: drag a tool up across  */\n/* the divider to pin it (and drop it where you want in the order),    */\n/* drag a favourite back down to unpin. The keyboard equivalent is     */\n/* `Alt`+Arrow (crossing the divider pins / unpins, announced). The    */\n/* non-drag pointer path — and the discoverable entry point — is an    */\n/* add / remove control in each open tool's panel header.              */\n/*                                                                    */\n/* AiToolsRail stays favourite-agnostic: this layer maps favourite     */\n/* membership onto the rail's generic `scope` grouping + (whole-strip)  */\n/* `reorderable` run, reads cross-divider moves as pin / unpin, and     */\n/* supplies the panel-header toggle via `renderPanelHeader`.            */\n/* ------------------------------------------------------------------ */\n\n/** A Control Room tool — the rail tool descriptor, `scope`-aware. */\nexport type ControlRoomTool = AiToolsRailTool;\n\n/** Imperative handle — open / collapse a tool panel without the DOM. */\nexport type ControlRoomRailHandle = AiToolsRailHandle;\n\nexport interface ControlRoomRailProps extends Omit<\n  AiToolsRailProps,\n  | 'tools'\n  | 'onReorder'\n  | 'formatReorderAnnouncement'\n  | 'renderToolAffordance'\n  | 'renderPanelHeader'\n> {\n  /**\n   * Explicit tool set. Omit to read the merged global + contextual tools from\n   * the nearest `<ControlRoomProvider>` (+ `useControlRoomTools`).\n   */\n  tools?: ControlRoomTool[];\n  /**\n   * Enable the favourites model: a pinned top group, drag / `Alt`+Arrow\n   * reordering, and the panel-header add / remove control. Default `true`. Set\n   * `false` for the legacy flat strip (tools render in the order / `scope` you\n   * pass, no drag, no panel-header control).\n   */\n  reorderable?: boolean;\n  /**\n   * Controlled favourite tool ids, in pinned order. When set, the rail does not\n   * persist — the host owns the value and is notified via `onFavoriteIdsChange`.\n   */\n  favoriteIds?: string[];\n  /**\n   * Uncontrolled initial favourites. Defaults to the ids of the tools the host\n   * marked `scope: 'global'` (Alia, Inbox) — pinning them on top by default.\n   */\n  defaultFavoriteIds?: string[];\n  /** Fires with the next favourites order whenever the user pins / reorders. */\n  onFavoriteIdsChange?: (next: string[]) => void;\n  /** localStorage key for the uncontrolled favourites. */\n  persistFavoritesKey?: string;\n}\n\nexport const ControlRoomRail = forwardRef<\n  ControlRoomRailHandle,\n  ControlRoomRailProps\n>(function ControlRoomRail(\n  {\n    tools,\n    railLabel,\n    reorderable = true,\n    favoriteIds,\n    defaultFavoriteIds,\n    onFavoriteIdsChange,\n    persistFavoritesKey = 'ui.controlRoom.favorites',\n    ...rest\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  // Provider-driven tools when none are passed explicitly. Calling the hook\n  // unconditionally is safe — it returns [] outside a provider.\n  const merged = useControlRoomMergedTools();\n  const resolved = tools ?? merged;\n\n  const isControlled = favoriteIds !== undefined;\n  // Uncontrolled favourites persist to localStorage; the lazy initial seeds\n  // from the host's `global` tools on first mount only (later tool changes\n  // don't re-seed — favourites are user-owned once set). When controlled, the\n  // hook is disabled so it never reads or writes storage.\n  const [storedFavorites, setStoredFavorites] = usePersistentState<string[]>(\n    persistFavoritesKey,\n    () =>\n      defaultFavoriteIds ??\n      resolved.filter((tl) => tl.scope === 'global').map((tl) => tl.id),\n    { disabled: isControlled },\n  );\n  const favorites = isControlled ? favoriteIds : storedFavorites;\n\n  const byId = useMemo(() => {\n    const map = new Map<string, ControlRoomTool>();\n    for (const tl of resolved) map.set(tl.id, tl);\n    return map;\n  }, [resolved]);\n\n  // Favourites filtered to currently-present tools — stale ids are ignored\n  // (and dropped on the next write).\n  const favoriteSet = useMemo(\n    () => new Set(favorites.filter((id) => byId.has(id))),\n    [favorites, byId],\n  );\n\n  const updateFavorites = (updater: (prev: string[]) => string[]) => {\n    const next = updater(favorites.filter((id) => byId.has(id)));\n    // Persist via a functional update so rapid pin/reorder events compose\n    // (mirrors the Sidebar's useFavorites); controlled hosts own the value.\n    if (!isControlled)\n      setStoredFavorites((prev) => updater(prev.filter((id) => byId.has(id))));\n    onFavoriteIdsChange?.(next);\n  };\n\n  // Re-group into the pinned run (favourites order, tagged so AiToolsRail draws\n  // the divider) followed by the rest. EVERY tool is `reorderable` so the rail's\n  // reorder run spans the whole strip — that's what lets a drag / Alt+Arrow\n  // cross the divider; `handleReorder` reads the crossing as pin / unpin.\n  const railTools = useMemo<ControlRoomTool[]>(() => {\n    if (!reorderable) return resolved;\n    const favTools = favorites\n      .filter((id) => byId.has(id))\n      .map((id) => ({\n        ...(byId.get(id) as ControlRoomTool),\n        scope: 'global' as const,\n        reorderable: true,\n      }));\n    const rest = resolved\n      .filter((tl) => !favoriteSet.has(tl.id))\n      .map((tl) => ({\n        ...tl,\n        scope: 'contextual' as const,\n        reorderable: true,\n      }));\n    return [...favTools, ...rest];\n  }, [reorderable, resolved, favorites, byId, favoriteSet]);\n\n  // The drag / Alt+Arrow path announces through the rail's own reorder live\n  // region; the panel-header button toggles outside it, so it needs its own\n  // polite announcement. The zero-width-space toggle forces a re-announce of an\n  // identical message (e.g. pin → unpin → pin the same tool).\n  const [pinMessage, setPinMessage] = useState('');\n  const pinAnnounceToggle = useRef(false);\n  const announcePinChange = (label: string, willPin: boolean) => {\n    const text = willPin\n      ? t('controlRoom.pinnedAnnounce', {\n          tool: label,\n          defaultValue: 'Pinned {{tool}} to favourites',\n        })\n      : t('controlRoom.unpinnedAnnounce', {\n          tool: label,\n          defaultValue: 'Removed {{tool}} from favourites',\n        });\n    pinAnnounceToggle.current = !pinAnnounceToggle.current;\n    setPinMessage(pinAnnounceToggle.current ? text : `${text}\\u200B`);\n  };\n\n  const togglePin = (id: string) => {\n    announcePinChange(byId.get(id)?.label ?? id, !favoriteSet.has(id));\n    updateFavorites((prev) =>\n      prev.includes(id) ? prev.filter((p) => p !== id) : [...prev, id],\n    );\n  };\n\n  // The rail fires `onReorder` with indices into `railTools` (favourites first,\n  // then the rest). The divider sits at `favCount`, so the index either side of\n  // it tells us whether a move is a reorder, a pin, an unpin, or a no-op.\n  const handleReorder = (from: number, to: number) => {\n    const movedId = railTools[from]?.id;\n    if (movedId === undefined) return;\n    updateFavorites((prev) => {\n      const present = prev.filter((id) => byId.has(id));\n      const favCount = present.length;\n      const wasFav = from < favCount;\n      if (wasFav) {\n        // Dropped below the divider → unpin.\n        if (to >= favCount) return present.filter((id) => id !== movedId);\n        // Reorder within favourites (full-strip index == favourites index).\n        const next = present.slice();\n        next.splice(from, 1);\n        next.splice(to, 0, movedId);\n        return next;\n      }\n      // A contextual tool dropped onto / above the divider → pin at that slot.\n      if (to <= favCount) {\n        const next = present.slice();\n        next.splice(Math.min(to, favCount), 0, movedId);\n        return next;\n      }\n      // Contextual → contextual: that group is host-ordered, so nothing to do.\n      return prev;\n    });\n  };\n\n  // Membership-aware live-region phrasing for the rail's reorder announcer.\n  const formatReorderAnnouncement = ({\n    tool,\n    from,\n    to,\n  }: {\n    tool: ControlRoomTool;\n    from: number;\n    to: number;\n  }): string => {\n    const favCount = favoriteSet.size;\n    const wasFav = from < favCount;\n    if (wasFav && to >= favCount)\n      return t('controlRoom.unpinnedAnnounce', {\n        tool: tool.label,\n        defaultValue: 'Removed {{tool}} from favourites',\n      });\n    if (!wasFav && to <= favCount)\n      return t('controlRoom.pinnedAnnounce', {\n        tool: tool.label,\n        defaultValue: 'Pinned {{tool}} to favourites',\n      });\n    if (wasFav && to < favCount)\n      return t('aiToolsRail.reorderAnnounce', {\n        tool: tool.label,\n        to: to + 1,\n        total: favCount,\n        defaultValue: '{{tool}} moved to position {{to}} of {{total}}',\n      });\n    // Contextual → contextual is a no-op; stay silent.\n    return '';\n  };\n\n  // The panel-header add / remove control: the discoverable, single-pointer\n  // (non-drag) and keyboard path to (un)favourite the open tool. A changing\n  // label carries the toggle state, so it reads as a plain action button.\n  const renderPanelHeader = reorderable\n    ? (tool: ControlRoomTool): ReactNode => {\n        const pinned = favoriteSet.has(tool.id);\n        return (\n          <div className=\"ds:flex ds:items-center ds:justify-end ds:px-[var(--spacing-md)] ds:py-[var(--spacing-sm)] ds:border-block-end ds:border-[var(--border)]\">\n            <Button\n              intent=\"ghost\"\n              size=\"sm\"\n              aria-pressed={pinned}\n              startIcon={\n                <Star\n                  aria-hidden=\"true\"\n                  fill={pinned ? 'currentColor' : 'none'}\n                  className={\n                    pinned ? 'ds:text-[color:var(--accent)]' : undefined\n                  }\n                />\n              }\n              onClick={() => togglePin(tool.id)}\n            >\n              {t('controlRoom.favorite', { defaultValue: 'Favourite' })}\n            </Button>\n          </div>\n        );\n      }\n    : undefined;\n\n  // Register the rail's imperative handle with the provider (so a page's\n  // useControlRoomActions().openTool can drive it) AND forward it to the\n  // consumer's ref. A callback ref does both; no-op without a provider.\n  const registerRail = useControlRoomRailRegister();\n  const setRefs = useCallback(\n    (handle: AiToolsRailHandle | null) => {\n      registerRail(handle);\n      if (typeof ref === 'function') ref(handle);\n      else if (ref) ref.current = handle;\n    },\n    [registerRail, ref],\n  );\n  return (\n    <>\n      <AiToolsRail\n        ref={setRefs}\n        tools={railTools}\n        railLabel={\n          railLabel ??\n          t('controlRoom.railLabel', { defaultValue: 'Control room' })\n        }\n        onReorder={reorderable ? handleReorder : undefined}\n        formatReorderAnnouncement={\n          reorderable ? formatReorderAnnouncement : undefined\n        }\n        renderPanelHeader={renderPanelHeader}\n        {...rest}\n      />\n      {/* Polite announcement for the panel-header pin / unpin button (the\n          drag / Alt+Arrow path announces via the rail's own reorder region). */}\n      {reorderable ? (\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {pinMessage}\n        </span>\n      ) : null}\n    </>\n  );\n});\n"],"names":["ControlRoomContext","createContext","ControlRoomProvider","globalTools","children","registry","setRegistry","useState","registerContextualTools","useCallback","id","tools","prev","next","unregisterContextualTools","contextualTools","useMemo","railHandleRef","useRef","registerRail","handle","openTool","_a","closeTool","value","jsx","useControlRoomTools","ctx","useContext","register","unregister","useId","useEffect","useControlRoomMergedTools","contextual","tool","global","useControlRoomActions","noop","useControlRoomRailRegister","_handle","ControlRoomRail","forwardRef","railLabel","reorderable","favoriteIds","defaultFavoriteIds","onFavoriteIdsChange","persistFavoritesKey","rest","ref","t","useTranslation","merged","resolved","isControlled","storedFavorites","setStoredFavorites","usePersistentState","tl","favorites","byId","map","favoriteSet","updateFavorites","updater","railTools","favTools","pinMessage","setPinMessage","pinAnnounceToggle","announcePinChange","label","willPin","text","togglePin","p","handleReorder","from","to","movedId","present","favCount","formatReorderAnnouncement","wasFav","renderPanelHeader","pinned","Button","Star","setRefs","jsxs","Fragment","AiToolsRail"],"mappings":"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"}

package/dist/_chunks/{copy-field-CCq7j6Zc.js → copy-field-Bjw9u2cV.js}

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { jsxs as M, jsx as o } from "react/jsx-runtime";
 import { forwardRef as P, useRef as v, useState as E, useEffect as H, useCallback as z, useMemo as O } from "react";
 import { c as u } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-import { B as q } from "./button-DD_0Xdmr.js";
+import { useTranslation as W } from "react-i18next";
+import { B as _ } from "./button-DD_0Xdmr.js";
+import { u as q } from "./registry-DvAUVLHh.js";
 import { u as D } from "./use-copy-to-clipboard-Cyfc_dlv.js";
-import { u as G } from "./registry-nPAVE19X.js";
-import { C as J } from "./check-DPdL_Sm7.js";
-import { C as Q } from "./copy-B00HK7tj.js";
-const U = {
+import { C as G } from "./check-DPdL_Sm7.js";
+import { C as J } from "./copy-B00HK7tj.js";
+const Q = {
   id: "copy-field",
-  capabilities: [],
+  capabilities: ["copy"],
   state: {
     value: {
       type: "string",
@@ -26,7 +26,14 @@ const U = {
   },
   actions: {
     copy: {
+      // Writes the value to the system clipboard — reaches outside this UI.
       safety: "write",
+      openWorld: !0,
+      returns: "boolean",
+      returnsSchema: {
+        type: "boolean",
+        description: "True when the clipboard write succeeded."
+      },
       descriptionKey: "ui.agent.copyField.actions.copy",
       description: "Programmatically trigger the clipboard write.",
       invoke: (e) => e.copy()
@@ -45,9 +52,9 @@ const U = {
     }
   }
 };
-async function W(e) {
-  var o;
-  if (typeof navigator < "u" && ((o = navigator.clipboard) != null && o.writeText))
+async function U(e) {
+  var a;
+  if (typeof navigator < "u" && ((a = navigator.clipboard) != null && a.writeText))
     try {
       return await navigator.clipboard.writeText(e), !0;
     } catch {
@@ -163,11 +170,11 @@ const X = u(
     value: e,
     size: s = "md",
     intent: i = "default",
-    startIcon: o,
+    startIcon: a,
     wrap: F = !1,
     copyLabel: T,
-    copiedLabel: k,
-    copiedDuration: S = 2e3,
+    copiedLabel: S,
+    copiedDuration: k = 2e3,
     ariaLabel: I,
     onCopy: g,
     disabled: r = !1,
@@ -175,15 +182,15 @@ const X = u(
     id: f,
     ...j
   }, N) => {
-    const { t } = _(), d = v(e);
+    const { t } = W(), d = v(e);
     d.current = e;
     const c = v(g);
     c.current = g;
-    const { status: l, copy: w } = D({
-      resetAfterMs: S,
-      writer: W
-    }), n = l === "copied", b = v(!1);
-    b.current = n;
+    const { status: l, copy: b } = D({
+      resetAfterMs: k,
+      writer: U
+    }), n = l === "copied", w = v(!1);
+    w.current = n;
     const [A, m] = E("");
     H(() => {
       m(l === "copied" ? t("copyField.copySuccess") : l === "error" ? t("copyField.copyFailed") : "");
@@ -191,20 +198,20 @@ const X = u(
     const p = z(async () => {
       var C;
       if (r) return !1;
-      const x = await w(d.current);
+      const x = await b(d.current);
       return x && ((C = c.current) == null || C.call(c, d.current)), x;
-    }, [r, w]), R = z(() => {
+    }, [r, b]), R = z(() => {
       p();
     }, [p]), B = O(
       () => ({
         getValue: () => d.current,
         copy: () => p(),
-        isCopied: () => b.current
+        isCopied: () => w.current
       }),
       [p]
     );
-    G(U, B, f);
-    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = k ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
+    q(Q, B, f);
+    const L = I ?? t("copyField.valueLabel"), y = T ?? t("copyField.copy"), h = S ?? t("copyField.copied"), K = n ? typeof h == "string" ? h : t("copyField.copied") : typeof y == "string" ? y : t("copyField.copy");
     return /* @__PURE__ */ M(
       "div",
       {
@@ -215,8 +222,8 @@ const X = u(
         "data-copied": n ? "true" : void 0,
         ...j,
         children: [
-          o ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: Z({ size: s }), children: o }) : null,
-          /* @__PURE__ */ a(
+          a ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: Z({ size: s }), children: a }) : null,
+          /* @__PURE__ */ o(
             "input",
             {
               id: f,
@@ -229,12 +236,12 @@ const X = u(
                 intent: i,
                 size: s,
                 wrap: F,
-                hasStartIcon: !!o
+                hasStartIcon: !!a
               })
             }
           ),
-          /* @__PURE__ */ a(
-            q,
+          /* @__PURE__ */ o(
+            _,
             {
               type: "button",
               intent: "ghost",
@@ -243,11 +250,11 @@ const X = u(
               disabled: r,
               "aria-label": K,
               className: $(),
-              startIcon: n ? /* @__PURE__ */ a(J, { "aria-hidden": "true" }) : /* @__PURE__ */ a(Q, { "aria-hidden": "true" }),
-              children: /* @__PURE__ */ a("span", { className: "type-label", children: n ? h : y })
+              startIcon: n ? /* @__PURE__ */ o(G, { "aria-hidden": "true" }) : /* @__PURE__ */ o(J, { "aria-hidden": "true" }),
+              children: /* @__PURE__ */ o("span", { className: "type-label", children: n ? h : y })
             }
           ),
-          /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
+          /* @__PURE__ */ o("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: A })
         ]
       }
     );
@@ -256,6 +263,6 @@ const X = u(
 ee.displayName = "CopyField";
 export {
   ee as C,
-  U as c
+  Q as c
 };
-//# sourceMappingURL=copy-field-CCq7j6Zc.js.map
+//# sourceMappingURL=copy-field-Bjw9u2cV.js.map

package/dist/_chunks/copy-field-Bjw9u2cV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field-Bjw9u2cV.js","sources":["../../src/components/copy-field/copy-field.agent.ts","../../src/components/copy-field/copy-field.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CopyField.                                             */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\n\n/**\n * Imperative handle for CopyField — agents can read the value and trigger a\n * programmatic copy. State stays scoped to identifiers + transient UI state;\n * never PHI (per PRS §Security).\n */\nexport interface CopyFieldHandle {\n  /** Returns the read-only value currently displayed. */\n  getValue: () => string;\n  /** Triggers the clipboard write side-effect. */\n  copy: () => Promise<boolean>;\n  /** Returns true for the brief window after a successful copy. */\n  isCopied: () => boolean;\n}\n\nexport const copyFieldAgent: AgentAdapter<CopyFieldHandle> = {\n  id: 'copy-field',\n  capabilities: ['copy'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.copyField.state.value',\n      description: 'The value displayed in the read-only field.',\n      read: (handle) => handle.getValue(),\n    },\n    copied: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.copyField.state.copied',\n      description: 'True for the brief window after a successful copy.',\n      read: (handle) => handle.isCopied(),\n    },\n  },\n  actions: {\n    copy: {\n      // Writes the value to the system clipboard — reaches outside this UI.\n      safety: 'write',\n      openWorld: true,\n      returns: 'boolean',\n      returnsSchema: {\n        type: 'boolean',\n        description: 'True when the clipboard write succeeded.',\n      },\n      descriptionKey: 'ui.agent.copyField.actions.copy',\n      description: 'Programmatically trigger the clipboard write.',\n      invoke: (handle) => handle.copy(),\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'copy-field',\n      description:\n        'Marks the CopyField root. The trailing button uses `aria-label` keyed off the copy / copied state.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop, when provided.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy } from 'lucide-react';\nimport { Button } from '../button/button';\nimport { useAgentRegistration } from '../../agent';\nimport { useCopyToClipboard } from '../../hooks/use-copy-to-clipboard';\nimport { copyFieldAgent, type CopyFieldHandle } from './copy-field.agent';\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helper                                                    */\n/*                                                                     */\n/* `navigator.clipboard.writeText` is the modern path. The fallback   */\n/* covers older browsers and insecure contexts via a synthesised      */\n/* textarea + `document.execCommand('copy')`. The off-screen position */\n/* uses imperative DOM `.style` assignments — those are NOT JSX inline */\n/* styles and don't violate constraint §3.                            */\n/* ------------------------------------------------------------------ */\n\nasync function copyToClipboard(text: string): Promise<boolean> {\n  if (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n    try {\n      await navigator.clipboard.writeText(text);\n      return true;\n    } catch {\n      // fall through to legacy path\n    }\n  }\n  if (typeof document === 'undefined') return false;\n  const textarea = document.createElement('textarea');\n  textarea.value = text;\n  textarea.setAttribute('readonly', '');\n  // Imperative DOM style — not a JSX inline-style violation. We use\n  // `setProperty('inset-inline-start', …)` so the hidden textarea stays\n  // logically off-screen in both LTR and RTL contexts.\n  textarea.style.position = 'absolute';\n  textarea.style.setProperty('inset-inline-start', '-9999px');\n  document.body.appendChild(textarea);\n  textarea.select();\n  let ok = false;\n  try {\n    ok = document.execCommand('copy');\n  } catch {\n    ok = false;\n  }\n  document.body.removeChild(textarea);\n  return ok;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — outer wrapper                                                 */\n/*                                                                     */\n/* Mirrors the shared input-surface chrome (border + halo shadow) so   */\n/* CopyField sits inline next to TextInput / Combobox in forms without */\n/* visual drift. Logical paddings only. `ds:focus-within` paints the   */\n/* ring when the trailing button or the embedded input receives focus. */\n/* ------------------------------------------------------------------ */\n\nconst fieldVariants = cva(\n  [\n    'ds:inline-flex ds:items-stretch ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:bg-input ds:text-foreground',\n    'ds:border ds:border-border',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid',\n    'ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-within:outline-[CanvasText]',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[var(--font-size-lg)]',\n      },\n      disabled: {\n        true: 'ds:opacity-50 ds:cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: { size: 'md', disabled: false },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — value <input> styling                                         */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:border-0 ds:outline-none',\n    'ds:text-foreground',\n    'ds:disabled:cursor-not-allowed',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        default: '',\n        // `--primary` is calibrated for foreground use (violet-500 light,\n        // magenta-500 dark) — both pass AA against their input backgrounds.\n        primary: 'ds:text-primary ds:font-medium',\n      },\n      size: {\n        sm: 'ds:text-[var(--font-size-sm)]',\n        md: 'ds:text-[var(--font-size-base)]',\n        lg: 'ds:text-[var(--font-size-lg)]',\n      },\n      wrap: {\n        true: 'ds:[overflow-wrap:anywhere] ds:whitespace-normal',\n        false: 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap',\n      },\n      hasStartIcon: {\n        true: '',\n        false: '',\n      },\n    },\n    // Explicit pairs decide the leading padding — single ps-* per cell, so\n    // there's no fight between size + hasStartIcon under Tailwind's flat\n    // utility precedence.\n    compoundVariants: [\n      { size: 'sm', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'md', hasStartIcon: false, class: 'ds:ps-[var(--spacing-sm)]' },\n      { size: 'lg', hasStartIcon: false, class: 'ds:ps-[var(--spacing-md)]' },\n      { size: 'sm', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'md', hasStartIcon: true, class: 'ds:ps-[var(--spacing-xs)]' },\n      { size: 'lg', hasStartIcon: true, class: 'ds:ps-[var(--spacing-sm)]' },\n    ],\n    defaultVariants: {\n      intent: 'default',\n      size: 'md',\n      wrap: false,\n      hasStartIcon: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Leading icon slot                                                   */\n/* ------------------------------------------------------------------ */\n\nconst startIconVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:text-muted-foreground',\n    'ds:[&_svg]:size-4',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)]',\n        md: 'ds:ps-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Trailing button wrapper                                             */\n/*                                                                     */\n/* The button visually attaches to the field by removing its own focus */\n/* ring (the wrapper paints `focus-within`) and rounding only the       */\n/* trailing inline-end corners.                                         */\n/* ------------------------------------------------------------------ */\n\nconst copyButtonVariants = cva(\n  [\n    'ds:shrink-0 ds:rounded-none',\n    'ds:focus-visible:outline-none',\n    'ds:h-full',\n    'ds:gap-[var(--spacing-xs)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\ntype FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\ntype ValueIntent = NonNullable<VariantProps<typeof valueVariants>['intent']>;\n\nexport interface CopyFieldProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'onCopy'\n> {\n  /** The value displayed in the read-only field and copied on click. */\n  value: string;\n  /** Field height + padding. Mirrors TextInput sizes. */\n  size?: FieldSize;\n  /**\n   * `primary` tints the value text with `--primary` — matches the\n   * link-style emphasis used by the telehealth showSession page.\n   */\n  intent?: ValueIntent;\n  /**\n   * Leading icon slot, decorative. Use `lucide-react` icons like\n   * `<Link2 />` for a URL, `<KeyRound />` for a token.\n   */\n  startIcon?: ReactNode;\n  /**\n   * `false` (default) truncates long values with ellipsis on a single\n   * line. `true` allows wrap with `overflow-wrap: anywhere`.\n   */\n  wrap?: boolean;\n  /** Override the default 'Copy' button label. */\n  copyLabel?: ReactNode;\n  /** Override the default 'Copied' success-state label. */\n  copiedLabel?: ReactNode;\n  /** Milliseconds before the button reverts to its default state. Default 2000. */\n  copiedDuration?: number;\n  /** ARIA label for the read-only textbox. Defaults to the i18n key. */\n  ariaLabel?: string;\n  /** Fires once after a successful clipboard write. */\n  onCopy?: (value: string) => void;\n  /** Greys both the field and the button; the button doesn't fire onCopy. */\n  disabled?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CopyField                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const CopyField = forwardRef<HTMLDivElement, CopyFieldProps>(\n  (\n    {\n      value,\n      size = 'md',\n      intent = 'default',\n      startIcon,\n      wrap = false,\n      copyLabel,\n      copiedLabel,\n      copiedDuration = 2000,\n      ariaLabel,\n      onCopy,\n      disabled = false,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const valueRef = useRef(value);\n    valueRef.current = value;\n    const onCopyRef = useRef(onCopy);\n    onCopyRef.current = onCopy;\n\n    // Drive status + auto-reset from the shared hook. The custom `writer`\n    // preserves CopyField's legacy `document.execCommand('copy')` fallback\n    // for non-HTTPS / older-browser contexts.\n    const { status, copy } = useCopyToClipboard({\n      resetAfterMs: copiedDuration,\n      writer: copyToClipboard,\n    });\n    const copied = status === 'copied';\n    const copiedRef = useRef(false);\n    copiedRef.current = copied;\n\n    // i18n-aware live-region text mirrors the hook status — `copied` →\n    // success message, `error` → failure message, `idle` → clear.\n    const [liveRegionText, setLiveRegionText] = useState('');\n    useEffect(() => {\n      if (status === 'copied') {\n        setLiveRegionText(t('copyField.copySuccess'));\n      } else if (status === 'error') {\n        setLiveRegionText(t('copyField.copyFailed'));\n      } else {\n        setLiveRegionText('');\n      }\n    }, [status, t]);\n\n    const handleCopy = useCallback(async (): Promise<boolean> => {\n      if (disabled) return false;\n      const ok = await copy(valueRef.current);\n      if (ok) onCopyRef.current?.(valueRef.current);\n      return ok;\n    }, [disabled, copy]);\n\n    const handleButtonClick = useCallback(() => {\n      void handleCopy();\n    }, [handleCopy]);\n\n    /* -------------------------------------------------------------- */\n    /* Agent handle — read value + trigger copy + check transient state */\n    /* -------------------------------------------------------------- */\n\n    const agentHandle = useMemo<CopyFieldHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        copy: () => handleCopy(),\n        isCopied: () => copiedRef.current,\n      }),\n      [handleCopy],\n    );\n    useAgentRegistration(copyFieldAgent, agentHandle, id);\n\n    const resolvedAriaLabel = ariaLabel ?? t('copyField.valueLabel');\n    const resolvedCopyText = copyLabel ?? t('copyField.copy');\n    const resolvedCopiedText = copiedLabel ?? t('copyField.copied');\n    // `aria-label` must be a string; when the consumer passes a non-string\n    // ReactNode for copyLabel / copiedLabel we fall back to the translated\n    // default so AT users still hear a coherent name.\n    const buttonAccessibleLabel = copied\n      ? typeof resolvedCopiedText === 'string'\n        ? resolvedCopiedText\n        : t('copyField.copied')\n      : typeof resolvedCopyText === 'string'\n        ? resolvedCopyText\n        : t('copyField.copy');\n\n    return (\n      <div\n        ref={ref}\n        className={fieldVariants({ size, disabled, className })}\n        data-component=\"copy-field\"\n        data-component-id={id}\n        data-copied={copied ? 'true' : undefined}\n        {...rest}\n      >\n        {startIcon ? (\n          <span aria-hidden=\"true\" className={startIconVariants({ size })}>\n            {startIcon}\n          </span>\n        ) : null}\n        <input\n          id={id}\n          type=\"text\"\n          readOnly\n          value={value}\n          disabled={disabled}\n          aria-label={resolvedAriaLabel}\n          className={valueVariants({\n            intent,\n            size,\n            wrap,\n            hasStartIcon: Boolean(startIcon),\n          })}\n        />\n        <Button\n          type=\"button\"\n          intent=\"ghost\"\n          size={size}\n          onClick={handleButtonClick}\n          disabled={disabled}\n          aria-label={buttonAccessibleLabel}\n          className={copyButtonVariants()}\n          startIcon={\n            copied ? <Check aria-hidden=\"true\" /> : <Copy aria-hidden=\"true\" />\n          }\n        >\n          <span className=\"type-label\">\n            {copied ? resolvedCopiedText : resolvedCopyText}\n          </span>\n        </Button>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {liveRegionText}\n        </span>\n      </div>\n    );\n  },\n);\n\nCopyField.displayName = 'CopyField';\n"],"names":["copyFieldAgent","handle","copyToClipboard","text","_a","textarea","ok","fieldVariants","cva","valueVariants","startIconVariants","copyButtonVariants","CopyField","forwardRef","value","size","intent","startIcon","wrap","copyLabel","copiedLabel","copiedDuration","ariaLabel","onCopy","disabled","className","id","rest","ref","useTranslation","valueRef","useRef","onCopyRef","status","copy","useCopyToClipboard","copied","copiedRef","liveRegionText","setLiveRegionText","useState","useEffect","handleCopy","useCallback","handleButtonClick","agentHandle","useMemo","useAgentRegistration","resolvedAriaLabel","resolvedCopyText","resolvedCopiedText","buttonAccessibleLabel","jsxs","jsx","Button","Check","Copy"],"mappings":"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"}

package/dist/_chunks/counter-dRlTNC_y.js

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as v } from "./index-D2ZczOXr.js";
+const u = v(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:rounded-[var(--radius-full)] ds:box-border",
+    "ds:tabular-nums ds:font-semibold ds:leading-none ds:select-none",
+    // Forced-colors (Windows High Contrast): bg + border are stripped, so
+    // repaint a hairline outline to keep the shape identifiable.
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        /* Solid red — the unread / notification overlay count. */
+        notification: "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+        /* Solid accent fill — a prominent count on a light surface. */
+        solid: "ds:bg-[color:var(--accent)] ds:text-[color:var(--accent-foreground)]",
+        /* Inverted / outlined — accent number on a bordered ring, no fill.
+           The quiet in-table roll-up: reads softly, keeps the grid row
+           light. `--accent` resolves to magenta-700 in light (AA-safe as
+           text/border on white) and magenta-500 in dark. */
+        outline: "ds:bg-transparent ds:text-[color:var(--accent)] ds:border ds:border-[color:var(--accent)]",
+        /* Neutral plain tally — muted surface, no semantic intent. */
+        neutral: "ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)]"
+      },
+      size: {
+        /* 16px circle, 10px figure — dense, for in-table counts. */
+        sm: "ds:h-[var(--spacing-md)] ds:min-w-[var(--spacing-md)] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-2xs)]",
+        /* 20px circle, 12px figure — for overlays / standalone counts. */
+        md: "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-xs)]"
+      }
+    },
+    defaultVariants: { variant: "neutral", size: "md" }
+  }
+), x = l(
+  function({ variant: a, size: o, count: r, max: s = 99, children: n, className: e, ...t }, d) {
+    const c = r != null ? r > s ? `${s}+` : String(r) : n;
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        ref: d,
+        "data-component": "counter",
+        className: u({ variant: a, size: o, className: e }),
+        ...t,
+        children: c
+      }
+    );
+  }
+);
+export {
+  x as C
+};
+//# sourceMappingURL=counter-dRlTNC_y.js.map

package/dist/_chunks/counter-dRlTNC_y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-dRlTNC_y.js","sources":["../../src/components/counter/counter.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Counter — a compact numeric count indicator.                        */\n/*                                                                      */\n/* The single primitive behind every \"small number in a circle\" in the */\n/* kit: the red unread overlay on a notification bell, a plain tally,   */\n/* and the quiet roll-up count that sits in a data-grid tree row. It    */\n/* replaces the per-surface hand-rolled spans (the appointments grid    */\n/* ball, the NotificationTray badge) so they can never drift in size,   */\n/* figure style, or alignment again.                                    */\n/*                                                                      */\n/* The digit is flex-centred with `leading-none` + `tabular-nums` so a  */\n/* single figure sits dead-centre of the circle — fixing the           */\n/* baseline-low \"old style\" look of a bare text node in a rounded box.  */\n/* A 1-digit count renders a circle (`min-w` == `h`); 2+ digits widen   */\n/* it into a short pill. Counts above `max` collapse to `\"{max}+\"`.     */\n/*                                                                      */\n/* The component carries no visible label of its own — the number is    */\n/* all it renders. When the digit alone doesn't convey meaning, the     */\n/* consumer supplies an accessible name (`role=\"img\"` + `aria-label`,   */\n/* a pluralised \"N treatments\" / \"N unread\"), exactly as Badge's        */\n/* count usage does.                                                    */\n/* ------------------------------------------------------------------ */\n\nconst counterVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:rounded-[var(--radius-full)] ds:box-border',\n    'ds:tabular-nums ds:font-semibold ds:leading-none ds:select-none',\n    // Forced-colors (Windows High Contrast): bg + border are stripped, so\n    // repaint a hairline outline to keep the shape identifiable.\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        /* Solid red — the unread / notification overlay count. */\n        notification:\n          'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n        /* Solid accent fill — a prominent count on a light surface. */\n        solid:\n          'ds:bg-[color:var(--accent)] ds:text-[color:var(--accent-foreground)]',\n        /* Inverted / outlined — accent number on a bordered ring, no fill.\n           The quiet in-table roll-up: reads softly, keeps the grid row\n           light. `--accent` resolves to magenta-700 in light (AA-safe as\n           text/border on white) and magenta-500 in dark. */\n        outline:\n          'ds:bg-transparent ds:text-[color:var(--accent)] ds:border ds:border-[color:var(--accent)]',\n        /* Neutral plain tally — muted surface, no semantic intent. */\n        neutral:\n          'ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)]',\n      },\n      size: {\n        /* 16px circle, 10px figure — dense, for in-table counts. */\n        sm: 'ds:h-[var(--spacing-md)] ds:min-w-[var(--spacing-md)] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-2xs)]',\n        /* 20px circle, 12px figure — for overlays / standalone counts. */\n        md: 'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:px-[calc(var(--spacing-xs)/1.5)] ds:text-[length:var(--font-size-xs)]',\n      },\n    },\n    defaultVariants: { variant: 'neutral', size: 'md' },\n  },\n);\n\nexport interface CounterProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n    VariantProps<typeof counterVariants> {\n  /** Numeric count. Rendered with thousands left as-is; capped by `max`. */\n  count?: number;\n  /** Above this, the count collapses to `\"{max}+\"`. Default `99`. */\n  max?: number;\n  /** Pre-formatted content when `count` isn't a plain number. */\n  children?: ReactNode;\n}\n\n/**\n * Compact numeric count indicator. Pass either a `count` (formatted +\n * overflow-capped) or `children` (verbatim). Supply an accessible name on\n * the element when the bare digit doesn't carry its own meaning.\n */\nexport const Counter = forwardRef<HTMLSpanElement, CounterProps>(\n  function Counter(\n    { variant, size, count, max = 99, children, className, ...rest },\n    ref,\n  ) {\n    const display =\n      count != null ? (count > max ? `${max}+` : String(count)) : children;\n    return (\n      <span\n        ref={ref}\n        data-component=\"counter\"\n        className={counterVariants({ variant, size, className })}\n        {...rest}\n      >\n        {display}\n      </span>\n    );\n  },\n);\n"],"names":["counterVariants","cva","Counter","forwardRef","variant","size","count","max","children","className","rest","ref","display","jsx"],"mappings":";;;AA0BA,MAAMA,IAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA,QAEP,cACE;AAAA;AAAA,QAEF,OACE;AAAA;AAAA;AAAA;AAAA;AAAA,QAKF,SACE;AAAA;AAAA,QAEF,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA;AAAA,QAEJ,IAAI;AAAA;AAAA,QAEJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,SAAS,WAAW,MAAM,KAAA;AAAA,EAAK;AAEtD,GAmBaC,IAAUC;AAAA,EACrB,SACE,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,KAAAC,IAAM,IAAI,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1DC,GACA;AACA,UAAMC,IACJN,KAAS,OAAQA,IAAQC,IAAM,GAAGA,CAAG,MAAM,OAAOD,CAAK,IAAKE;AAC9D,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,kBAAe;AAAA,QACf,WAAWX,EAAgB,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAI,GAAW;AAAA,QACtD,GAAGC;AAAA,QAEH,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/_chunks/{cycle-calculator-BF0ointe.js → cycle-calculator-CCmPwcBl.js}

@@ -3,10 +3,10 @@ import { forwardRef as A, useState as C, useMemo as N, useEffect as I } from "re
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as k } from "react-i18next";
 import { F as L } from "./form-field-BOm9hK35.js";
-import { D as z } from "./date-picker-oGg5BnXL.js";
-import { N as D } from "./number-input-Dj5L3pXK.js";
+import { D as z } from "./date-picker-Dl9RKxaV.js";
+import { N as D } from "./number-input-DxphVG_A.js";
 import { C as E } from "./card-DPmk26CL.js";
-import { B as P } from "./badge-CqGsX32l.js";
+import { B as P } from "./badge-DCOqV9mI.js";
 import { I as B } from "./insert-result-njqBthzT.js";
 import { a as i } from "./date-picker-variants-DAcSLTua.js";
 import { C as G } from "./check-DPdL_Sm7.js";
@@ -249,4 +249,4 @@ export {
   U as L,
   O as p
 };
-//# sourceMappingURL=cycle-calculator-BF0ointe.js.map
+//# sourceMappingURL=cycle-calculator-CCmPwcBl.js.map