@alfadocs/ui-kit-debug 0.50.0 → 0.51.0

package/dist/_chunks/ai-tools-rail-7tC3GT4h.js

@@ -0,0 +1,340 @@
+import { jsxs as z, jsx as p } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as v, useState as ee, useMemo as A, useCallback as B, useEffect as se, useImperativeHandle as ae } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { useTranslation as ie } from "react-i18next";
+import { I as ne } from "./icon-button-CKEOrN37.js";
+import { S as te } from "./scroll-area-BWqCkEGz.js";
+import { a as oe } from "./tooltip-DvmfrNvB.js";
+import { u as re } from "./use-controllable-state-BiY4xTzM.js";
+import { u as le } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as H } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as de } from "./registry-nPAVE19X.js";
+const ce = {
+  id: "ai-tools-rail",
+  capabilities: ["open", "close", "select_single"],
+  state: {
+    activeToolId: {
+      type: "string | null",
+      descriptionKey: "ui.aiToolsRail.agent.state.activeToolId",
+      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
+      read: (n) => n.getActiveToolId()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.open",
+      description: "Open the given tool's panel.",
+      invoke: (n, s) => {
+        n.open(s.id);
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.aiToolsRail.agent.actions.close",
+      description: "Collapse the rail to its strip (no active tool).",
+      invoke: (n) => {
+        n.close();
+      }
+    },
+    select_tool: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.selectTool",
+      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
+      invoke: (n, s) => {
+        n.setActiveTool(s.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-tools-rail",
+      description: "Marks the AiToolsRail wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific rail from the agent."
+    },
+    item: {
+      attr: "data-tool-id",
+      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
+    }
+  }
+}, ue = "ds:[inline-size:3rem]", fe = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", F = "--ai-tools-rail-panel-inline-size", pe = 288, ve = 640, ge = 352, me = m(
+  ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
+  {
+    variants: {
+      side: {
+        // Strip docks inline-end; the panel mounts inline-start of it
+        // (flex-row, panel rendered first). Shadow faces the main area.
+        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)]",
+        // Strip docks inline-start; the panel mounts inline-end of it.
+        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]"
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+), be = m(
+  [
+    "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+    "ds:gap-[var(--spacing-xs)]",
+    ue
+  ].join(" ")
+), he = m(
+  [
+    "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
+    "ds:bg-[var(--background)]",
+    fe,
+    // Defensive: the panel doesn't animate its width today, but if a
+    // consumer adds a transition on the var, suppress it mid-drag.
+    "ds:data-[resizing]:transition-none"
+  ].join(" ")
+), ye = m(
+  [
+    "ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none",
+    "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize",
+    "ds:bg-[var(--border)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:before:absolute ds:before:content-['']",
+    "ds:before:[block-size:100%]",
+    "ds:before:[inline-size:var(--min-target-size)]",
+    "ds:before:[inset-block:0]",
+    "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
+  ],
+  {
+    variants: {
+      edge: {
+        "inline-start": "ds:start-0",
+        "inline-end": "ds:end-0"
+      }
+    },
+    defaultVariants: { edge: "inline-start" }
+  }
+), xe = m(
+  [
+    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+    "ds:pointer-events-none ds:select-none",
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" ")
+);
+function Re(n, s) {
+  return n > 99 ? s : String(n);
+}
+const Te = Q(
+  ({
+    id: n,
+    tools: s,
+    activeToolId: M,
+    defaultActiveToolId: U = null,
+    onActiveToolChange: W,
+    side: x = "end",
+    railLabel: Z,
+    resizablePanel: b = !1,
+    className: O
+  }, q) => {
+    var P;
+    const { t: g } = ie(), [X, l] = re({
+      value: M,
+      defaultValue: U,
+      onChange: W
+    }), c = X ?? null, R = v([]), h = v(null), [T, k] = ee(0), f = v(!1), w = v(!1), u = A(
+      () => s.findIndex((e) => e.id === c),
+      [s, c]
+    ), d = u >= 0 ? s[u] : null, Y = A(
+      () => s.findIndex((e) => !e.disabled),
+      [s]
+    ), y = u >= 0 ? u : T >= 0 && !((P = s[T]) != null && P.disabled) ? T : Y, $ = B(
+      (e, a) => {
+        const i = s.find((r) => r.id === e);
+        !i || i.disabled || (f.current = a, l(c === e ? null : e));
+      },
+      [s, c, l]
+    ), G = B(
+      (e) => {
+        var D, K, j;
+        const a = s.length;
+        if (a === 0) return;
+        let i = null;
+        if (e.key === "ArrowDown" ? i = (y + 1) % a : e.key === "ArrowUp" ? i = (y - 1 + a) % a : e.key === "Home" ? i = 0 : e.key === "End" && (i = a - 1), i === null) return;
+        const r = e.key === "ArrowUp" || e.key === "End";
+        let t = i, o = 0;
+        for (; o < a && ((D = s[t]) != null && D.disabled); )
+          t = r ? (t - 1 + a) % a : (t + 1) % a, o += 1;
+        (K = s[t]) != null && K.disabled || (e.preventDefault(), k(t), (j = R.current[t]) == null || j.focus());
+      },
+      [s, y]
+    ), E = v(null);
+    se(() => {
+      const e = E.current;
+      if (!e) return;
+      const a = (i) => {
+        if (i.key !== "Escape" || u < 0) return;
+        i.preventDefault();
+        const r = u;
+        l(null), k(r), requestAnimationFrame(() => {
+          var t;
+          (t = R.current[r]) == null || t.focus();
+        });
+      };
+      return e.addEventListener("keydown", a), () => e.removeEventListener("keydown", a);
+    }, [u, l]), H(() => {
+      var e;
+      d && f.current && ((e = h.current) == null || e.focus()), f.current = !1;
+    }, [d]);
+    const _ = x === "end" ? "inline-start" : "inline-end", { separatorProps: N, isResizing: S, isResized: C } = le({
+      edge: _,
+      targetRef: h,
+      cssProperty: F,
+      minSize: pe,
+      maxSize: ve,
+      defaultSize: ge,
+      disabled: !b
+    }), L = N["aria-valuenow"];
+    H(() => {
+      var e;
+      !b || !C || !d || (e = h.current) == null || e.style.setProperty(
+        F,
+        `${L}px`
+      );
+    }, [d, b, C, L]);
+    const V = v(c);
+    V.current = c;
+    const I = A(
+      () => ({
+        getActiveToolId: () => V.current,
+        setActiveTool: (e) => {
+          f.current = !1, l(e);
+        },
+        open: (e) => {
+          const a = s.find((i) => i.id === e);
+          !a || a.disabled || (f.current = !1, l(e));
+        },
+        close: () => {
+          f.current = !1, l(null);
+        }
+      }),
+      [s, l]
+    );
+    ae(q, () => I, [I]), de(ce, I, n);
+    const J = g("aiToolsRail.badgeCountOverflow", {
+      defaultValue: "99+"
+    });
+    return /* @__PURE__ */ z(
+      "div",
+      {
+        ref: E,
+        "data-component": "ai-tools-rail",
+        "data-component-id": n,
+        "data-side": x,
+        className: [me({ side: x }), O].filter(Boolean).join(" "),
+        children: [
+          d ? /* @__PURE__ */ z(
+            "aside",
+            {
+              ref: h,
+              tabIndex: -1,
+              "aria-label": g("aiToolsRail.panelLabel", {
+                tool: d.label,
+                defaultValue: "{{tool}} panel"
+              }),
+              "data-ai-tools-rail-state": "expanded",
+              "data-active-tool": d.id,
+              "data-resizing": S ? "" : void 0,
+              className: [he(), "ds:focus-visible:outline-none"].join(
+                " "
+              ),
+              children: [
+                /* @__PURE__ */ p(te, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: d.panel }),
+                b ? /* @__PURE__ */ p(
+                  "div",
+                  {
+                    ...N,
+                    "aria-label": g("aiToolsRail.resizePanel", {
+                      defaultValue: "Resize tool panel"
+                    }),
+                    "data-resizing": S ? "" : void 0,
+                    className: ye({ edge: _ })
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p(
+            "div",
+            {
+              role: "toolbar",
+              "aria-orientation": "vertical",
+              "aria-label": Z ?? g("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
+              className: be(),
+              onKeyDown: G,
+              children: s.map((e, a) => {
+                const i = e.id === c, r = typeof e.badgeCount == "number" && e.badgeCount > 0, t = r ? g("aiToolsRail.toolWithCount", {
+                  tool: e.label,
+                  count: e.badgeCount,
+                  defaultValue: "{{tool}}, {{count}} updates"
+                }) : e.label;
+                return /* @__PURE__ */ z("div", { className: "ds:relative", children: [
+                  /* @__PURE__ */ p(
+                    ne,
+                    {
+                      ref: (o) => {
+                        R.current[a] = o;
+                      },
+                      icon: e.icon,
+                      tooltip: e.label,
+                      "aria-label": t,
+                      intent: "ghost",
+                      size: "sm",
+                      disabled: e.disabled,
+                      "aria-pressed": i,
+                      "aria-expanded": i,
+                      "data-active": i ? e.id : void 0,
+                      "data-tool-id": e.id,
+                      tabIndex: a === y ? 0 : -1,
+                      onFocus: () => {
+                        e.disabled || k(a);
+                      },
+                      onClick: () => $(e.id, w.current),
+                      onKeyDown: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (w.current = !0);
+                      },
+                      onKeyUp: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (w.current = !1);
+                      }
+                    }
+                  ),
+                  r ? /* @__PURE__ */ p("span", { "aria-hidden": "true", className: xe(), children: Re(
+                    e.badgeCount,
+                    J
+                  ) }) : null
+                ] }, e.id);
+              })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+Te.displayName = "AiToolsRail";
+export {
+  Te as A,
+  ce as a
+};
+//# sourceMappingURL=ai-tools-rail-7tC3GT4h.js.map

package/dist/_chunks/ai-tools-rail-7tC3GT4h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-tools-rail-7tC3GT4h.js","sources":["../../src/components/ai-tools-rail/ai-tools-rail.agent.ts","../../src/components/ai-tools-rail/ai-tools-rail.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiToolsRail.                                           */\n/*                                                                        */\n/* Rail-level surface: open / close a tool's panel and read which tool    */\n/* is active. State is strictly the active tool id — never any tool's     */\n/* panel CONTENT (which may carry PHI). Tool ids + badge counts are       */\n/* supplied by the host via props, not derived from panel bodies.        */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiToolsRailHandle } from './ai-tools-rail';\n\nexport const aiToolsRailAgent: AgentAdapter<AiToolsRailHandle> = {\n  id: 'ai-tools-rail',\n  capabilities: ['open', 'close', 'select_single'],\n  state: {\n    activeToolId: {\n      type: 'string | null',\n      descriptionKey: 'ui.aiToolsRail.agent.state.activeToolId',\n      description:\n        'Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.',\n      read: (handle) => handle.getActiveToolId(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      argsType: '{ id: string }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.open',\n      description: \"Open the given tool's panel.\",\n      invoke: (handle, args: { id: string }) => {\n        handle.open(args.id);\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.close',\n      description: 'Collapse the rail to its strip (no active tool).',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    select_tool: {\n      safety: 'read',\n      argsType: '{ id: string | null }',\n      descriptionKey: 'ui.aiToolsRail.agent.actions.selectTool',\n      description:\n        'Set the active tool by id (opens its panel), or pass null to collapse.',\n      invoke: (handle, args: { id: string | null }) => {\n        handle.setActiveTool(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-tools-rail',\n      description: 'Marks the AiToolsRail wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific rail from the agent.',\n    },\n    item: {\n      attr: 'data-tool-id',\n      description:\n        'Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { TooltipProvider } from '../tooltip/tooltip';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useEdgeResize } from '../../hooks/use-edge-resize';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiToolsRailAgent } from './ai-tools-rail.agent';\n\n/* ------------------------------------------------------------------ */\n/* Tokenised widths                                                    */\n/*                                                                    */\n/* Fixed + tokenised so the rail stays constraint-compliant — no       */\n/* prop-driven inline styles. Bare `[inline-size:…]` is NOT a          */\n/* recognised utility under the `ds:` prefix; it must carry the        */\n/* prefix or Tailwind emits no rule. Consumers needing a different     */\n/* size wrap the rail and override via CSS.                            */\n/* ------------------------------------------------------------------ */\nconst RAIL_WIDTH = 'ds:[inline-size:3rem]';\n// Panel width rides a consumer-overridable custom property (set\n// `--ai-tools-rail-panel-inline-size` on the rail or a wrapper) so\n// content-heavy tools (e.g. an inbox feed) can widen their panel\n// without inline styles. Defaults to the 22rem tray-family width.\nconst PANEL_WIDTH =\n  'ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]';\n// The custom property PANEL_WIDTH reads. The resize hook writes the\n// committed px width here (on the panel element, so it beats consumer\n// class overrides on the root) and removes it on reset.\nconst PANEL_SIZE_PROPERTY = '--ai-tools-rail-panel-inline-size';\n// Resize clamp + nominal default, px (352px = the 22rem token default).\nconst PANEL_MIN_SIZE = 288;\nconst PANEL_MAX_SIZE = 640;\nconst PANEL_DEFAULT_SIZE = 352;\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailTool {\n  /** Stable tool id — used in `data-active`, the imperative handle, and\n   *  to label the open panel region. */\n  id: string;\n  /** Accessible name for the strip icon + tooltip, and the open panel's\n   *  region label. Never rendered as visible body text. */\n  label: string;\n  /** lucide-react glyph (rendered `aria-hidden` inside the IconButton). */\n  icon: ReactNode;\n  /** Panel body for this tool. Rendered inline-start of the strip when\n   *  `side='end'` (mirrored for `'start'`). The consumer composes it. */\n  panel: ReactNode;\n  /** Optional unseen / notification count shown on the strip icon. */\n  badgeCount?: number;\n  /** When true the icon is non-interactive and skipped by roving focus. */\n  disabled?: boolean;\n}\n\n/**\n * Curated imperative handle for AiToolsRail. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the rail without\n * touching the DOM. See `ai-tools-rail.agent.ts`.\n *\n * State surfaced here is strictly identifiers + counts — never any\n * tool's panel content (which may carry PHI).\n */\nexport interface AiToolsRailHandle {\n  /** Currently-active tool id, or null when collapsed to strip-only. */\n  getActiveToolId: () => string | null;\n  /** Activate a tool by id (opens its panel), or null to collapse. */\n  setActiveTool: (id: string | null) => void;\n  /** Activate a tool by id (opens its panel). */\n  open: (id: string) => void;\n  /** Collapse to strip-only (no active tool). */\n  close: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA — `side` drives the dock edge + which shadow faces main content */\n/* ------------------------------------------------------------------ */\n\nconst railVariants = cva(\n  ['ds:flex ds:shrink-0 ds:h-full', 'ds:bg-[var(--background)]'].join(' '),\n  {\n    variants: {\n      side: {\n        // Strip docks inline-end; the panel mounts inline-start of it\n        // (flex-row, panel rendered first). Shadow faces the main area.\n        end: 'ds:flex-row ds:shadow-[var(--shadow-chrome-start)]',\n        // Strip docks inline-start; the panel mounts inline-end of it.\n        start: 'ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]',\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nconst stripVariants = cva(\n  [\n    'ds:flex ds:shrink-0 ds:flex-col ds:items-center',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:gap-[var(--spacing-xs)]',\n    RAIL_WIDTH,\n  ].join(' '),\n);\n\nconst panelVariants = cva(\n  [\n    'ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full',\n    'ds:bg-[var(--background)]',\n    PANEL_WIDTH,\n    // Defensive: the panel doesn't animate its width today, but if a\n    // consumer adds a transition on the var, suppress it mid-drag.\n    'ds:data-[resizing]:transition-none',\n  ].join(' '),\n);\n\n// Resize handle on the panel's inner edge — mirrors Resizable's Handle\n// (hairline, ::before hit area to --min-target-size, hover/drag accent,\n// token focus ring) but absolutely positioned over the panel edge.\nconst panelResizeHandleVariants = cva(\n  [\n    'ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none',\n    'ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize',\n    'ds:bg-[var(--border)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    \"ds:before:absolute ds:before:content-['']\",\n    'ds:before:[block-size:100%]',\n    'ds:before:[inline-size:var(--min-target-size)]',\n    'ds:before:[inset-block:0]',\n    'ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]',\n  ],\n  {\n    variants: {\n      edge: {\n        'inline-start': 'ds:start-0',\n        'inline-end': 'ds:end-0',\n      },\n    },\n    defaultVariants: { edge: 'inline-start' },\n  },\n);\n\n// Hand-rolled overlay count chip — mirrors the AliaSidebar / MessageTray\n// badge markup. A <Badge> would re-introduce its own landmark/role; the\n// strip icon already carries the count in its accessible name, so this\n// span is purely decorative (`aria-hidden`).\nconst badgeVariants = cva(\n  [\n    'ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]',\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]',\n    'ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]',\n    'ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n    'ds:pointer-events-none ds:select-none',\n    'ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Props                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface AiToolsRailProps extends VariantProps<typeof railVariants> {\n  /** Stable instance id, surfaced on the root as `data-component-id`. */\n  id?: string;\n  /** The tools shown as icons on the strip. */\n  tools: AiToolsRailTool[];\n  /** Controlled active tool id (null = collapsed / strip-only). */\n  activeToolId?: string | null;\n  /** Uncontrolled initial active tool id (default null). */\n  defaultActiveToolId?: string | null;\n  /** Fires whenever the active tool changes (incl. → null on collapse). */\n  onActiveToolChange?: (id: string | null) => void;\n  /** Which edge the rail docks to. Default `'end'` (inline-end). */\n  side?: 'start' | 'end';\n  /** Accessible label for the toolbar strip. */\n  railLabel?: string;\n  /**\n   * Opt-in resize affordance for the open tool panel. Renders a\n   * `role=\"separator\"` drag handle on the panel's inner edge (the edge\n   * facing the main content). The committed width is written to\n   * `--ai-tools-rail-panel-inline-size` on the panel element (288–640px);\n   * Enter / double-click resets to the token-driven default. Default `false`.\n   */\n  resizablePanel?: boolean;\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number, overflowLabel: string): string {\n  return count > 99 ? overflowLabel : String(count);\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const AiToolsRail = forwardRef<AiToolsRailHandle, AiToolsRailProps>(\n  (\n    {\n      id,\n      tools,\n      activeToolId,\n      defaultActiveToolId = null,\n      onActiveToolChange,\n      side = 'end',\n      railLabel,\n      resizablePanel = false,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Controlled / uncontrolled bridge — the same hook MessageTray uses.\n    const [activeRaw, setActiveRaw] = useControllableState<string | null>({\n      value: activeToolId,\n      defaultValue: defaultActiveToolId,\n      onChange: onActiveToolChange,\n    });\n    const activeId = activeRaw ?? null;\n\n    // Roving-tabindex bookkeeping for the vertical toolbar strip.\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const panelRef = useRef<HTMLElement | null>(null);\n    const [focusIndex, setFocusIndex] = useState(0);\n    // Distinguishes keyboard activation (auto-focus into the panel) from\n    // pointer activation (focus stays on the icon — less jarring).\n    const activatedByKeyboardRef = useRef(false);\n    // Set on Enter/Space keydown, read by the click handler that follows,\n    // cleared on keyup — so a subsequent mouse click never inherits it.\n    const keyboardActivateRef = useRef(false);\n\n    const activeIndex = useMemo(\n      () => tools.findIndex((tl) => tl.id === activeId),\n      [tools, activeId],\n    );\n    const activeTool = activeIndex >= 0 ? tools[activeIndex] : null;\n\n    // First non-disabled index — the resting roving stop when none active.\n    const firstEnabledIndex = useMemo(\n      () => tools.findIndex((tl) => !tl.disabled),\n      [tools],\n    );\n\n    // The roving tab stop: the active icon when a tool is open, else the\n    // index the user last focused, else the first enabled icon.\n    const rovingIndex =\n      activeIndex >= 0\n        ? activeIndex\n        : focusIndex >= 0 && !tools[focusIndex]?.disabled\n          ? focusIndex\n          : firstEnabledIndex;\n\n    const selectTool = useCallback(\n      (toolId: string, fromKeyboard: boolean) => {\n        const tool = tools.find((tl) => tl.id === toolId);\n        if (!tool || tool.disabled) return;\n        activatedByKeyboardRef.current = fromKeyboard;\n        // Clicking / activating the active tool collapses to strip-only.\n        setActiveRaw(activeId === toolId ? null : toolId);\n      },\n      [tools, activeId, setActiveRaw],\n    );\n\n    /* ---- Roving arrow-key navigation (vertical toolbar) ----------- */\n    const handleStripKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        const count = tools.length;\n        if (count === 0) return;\n\n        let next: number | null = null;\n        if (event.key === 'ArrowDown') next = (rovingIndex + 1) % count;\n        else if (event.key === 'ArrowUp')\n          next = (rovingIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip disabled icons in the travel direction.\n        const goingBack = event.key === 'ArrowUp' || event.key === 'End';\n        let candidate = next;\n        let attempts = 0;\n        while (attempts < count && tools[candidate]?.disabled) {\n          candidate = goingBack\n            ? (candidate - 1 + count) % count\n            : (candidate + 1) % count;\n          attempts += 1;\n        }\n        if (tools[candidate]?.disabled) return;\n\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [tools, rovingIndex],\n    );\n\n    /* ---- Esc collapses + returns focus to the active tool's icon -- */\n    // Attached imperatively via the root ref (not a JSX onKeyDown on the\n    // static container) so the Escape shortcut works from anywhere inside the\n    // open panel without an interaction handler on a non-interactive element.\n    const rootRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      const node = rootRef.current;\n      if (!node) return undefined;\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== 'Escape') return;\n        if (activeIndex < 0) return;\n        event.preventDefault();\n        const returnIndex = activeIndex;\n        setActiveRaw(null);\n        setFocusIndex(returnIndex);\n        // Defer until after the panel unmounts so focus lands cleanly.\n        requestAnimationFrame(() => {\n          buttonsRef.current[returnIndex]?.focus();\n        });\n      };\n      node.addEventListener('keydown', onKeyDown);\n      return () => node.removeEventListener('keydown', onKeyDown);\n    }, [activeIndex, setActiveRaw]);\n\n    /* ---- Move focus into the panel when opened by keyboard -------- */\n    useIsomorphicLayoutEffect(() => {\n      if (activeTool && activatedByKeyboardRef.current) {\n        panelRef.current?.focus();\n      }\n      activatedByKeyboardRef.current = false;\n    }, [activeTool]);\n\n    /* ---- Opt-in panel resize (inner edge) -------------------------- */\n    // The handle sits on the edge facing the main content: the panel's\n    // inline-start edge for an end-docked rail, inline-end for start.\n    const panelEdge = side === 'end' ? 'inline-start' : 'inline-end';\n    const { separatorProps, isResizing, isResized } = useEdgeResize({\n      edge: panelEdge,\n      targetRef: panelRef,\n      cssProperty: PANEL_SIZE_PROPERTY,\n      minSize: PANEL_MIN_SIZE,\n      maxSize: PANEL_MAX_SIZE,\n      defaultSize: PANEL_DEFAULT_SIZE,\n      disabled: !resizablePanel,\n    });\n\n    // The aside unmounts on collapse, dropping the hook's inline override.\n    // Re-assert the committed width when a panel (re)mounts so a reopened\n    // panel keeps the user's chosen size.\n    const committedPanelWidth = separatorProps['aria-valuenow'];\n    useIsomorphicLayoutEffect(() => {\n      if (!resizablePanel || !isResized || !activeTool) return;\n      panelRef.current?.style.setProperty(\n        PANEL_SIZE_PROPERTY,\n        `${committedPanelWidth}px`,\n      );\n    }, [activeTool, resizablePanel, isResized, committedPanelWidth]);\n\n    /* ---- Curated imperative handle for agent integration ---------- */\n    const activeIdRef = useRef<string | null>(activeId);\n    activeIdRef.current = activeId;\n\n    const handle = useMemo<AiToolsRailHandle>(\n      () => ({\n        getActiveToolId: () => activeIdRef.current,\n        setActiveTool: (toolId) => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        open: (toolId) => {\n          const tool = tools.find((tl) => tl.id === toolId);\n          if (!tool || tool.disabled) return;\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(toolId);\n        },\n        close: () => {\n          activatedByKeyboardRef.current = false;\n          setActiveRaw(null);\n        },\n      }),\n      [tools, setActiveRaw],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(aiToolsRailAgent, handle, id);\n\n    const overflowLabel = t('aiToolsRail.badgeCountOverflow', {\n      defaultValue: '99+',\n    });\n\n    return (\n      <div\n        ref={rootRef}\n        data-component=\"ai-tools-rail\"\n        data-component-id={id}\n        data-side={side}\n        className={[railVariants({ side }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {/* The OPEN panel is the single complementary landmark, named by\n            the active tool. Rendered only while a tool is active so two\n            unnamed regions never coexist. */}\n        {activeTool ? (\n          <aside\n            ref={panelRef}\n            tabIndex={-1}\n            aria-label={t('aiToolsRail.panelLabel', {\n              tool: activeTool.label,\n              defaultValue: '{{tool}} panel',\n            })}\n            data-ai-tools-rail-state=\"expanded\"\n            data-active-tool={activeTool.id}\n            data-resizing={isResizing ? '' : undefined}\n            className={[panelVariants(), 'ds:focus-visible:outline-none'].join(\n              ' ',\n            )}\n          >\n            <ScrollArea orientation=\"vertical\" className=\"ds:flex-1 ds:min-h-0\">\n              {activeTool.panel}\n            </ScrollArea>\n            {/* Inside the aside (so it belongs to the complementary\n                landmark) and outside the toolbar strip — the strip's\n                roving handlers never see its key events, and Escape\n                still bubbles to the root to collapse, as everywhere\n                else in the panel. No stopPropagation needed. */}\n            {resizablePanel ? (\n              <div\n                {...separatorProps}\n                aria-label={t('aiToolsRail.resizePanel', {\n                  defaultValue: 'Resize tool panel',\n                })}\n                data-resizing={isResizing ? '' : undefined}\n                className={panelResizeHandleVariants({ edge: panelEdge })}\n              />\n            ) : null}\n          </aside>\n        ) : null}\n\n        {/* The 3rem icon strip — a vertical toolbar with roving tabindex.\n            Self-contained TooltipProvider so consumers needn't mount one;\n            Radix providers compose, so a host-level provider still works. */}\n        <TooltipProvider>\n          <div\n            role=\"toolbar\"\n            aria-orientation=\"vertical\"\n            aria-label={\n              railLabel ??\n              t('aiToolsRail.railLabel', { defaultValue: 'AI tools' })\n            }\n            className={stripVariants()}\n            onKeyDown={handleStripKeyDown}\n          >\n            {tools.map((tool, index) => {\n              const isActive = tool.id === activeId;\n              const showBadge =\n                typeof tool.badgeCount === 'number' && tool.badgeCount > 0;\n              // Fold the count into the accessible name so SR users hear it\n              // without relying on the decorative chip.\n              const accessibleName = showBadge\n                ? t('aiToolsRail.toolWithCount', {\n                    tool: tool.label,\n                    count: tool.badgeCount,\n                    defaultValue: '{{tool}}, {{count}} updates',\n                  })\n                : tool.label;\n              return (\n                <div key={tool.id} className=\"ds:relative\">\n                  <IconButton\n                    ref={(el) => {\n                      buttonsRef.current[index] = el;\n                    }}\n                    icon={tool.icon}\n                    tooltip={tool.label}\n                    aria-label={accessibleName}\n                    intent=\"ghost\"\n                    size=\"sm\"\n                    disabled={tool.disabled}\n                    aria-pressed={isActive}\n                    aria-expanded={isActive}\n                    data-active={isActive ? tool.id : undefined}\n                    data-tool-id={tool.id}\n                    tabIndex={index === rovingIndex ? 0 : -1}\n                    onFocus={() => {\n                      if (!tool.disabled) setFocusIndex(index);\n                    }}\n                    onClick={() =>\n                      selectTool(tool.id, keyboardActivateRef.current)\n                    }\n                    onKeyDown={(event) => {\n                      // Enter/Space activate via the native button's click,\n                      // which fires AFTER this keydown. Flag the upcoming\n                      // click as keyboard-driven so focus moves into the\n                      // panel; reset on keyup so a later mouse click doesn't\n                      // inherit the flag.\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = true;\n                      }\n                    }}\n                    onKeyUp={(event) => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        keyboardActivateRef.current = false;\n                      }\n                    }}\n                  />\n                  {showBadge ? (\n                    <span aria-hidden=\"true\" className={badgeVariants()}>\n                      {formatBadgeCount(\n                        tool.badgeCount as number,\n                        overflowLabel,\n                      )}\n                    </span>\n                  ) : null}\n                </div>\n              );\n            })}\n          </div>\n        </TooltipProvider>\n      </div>\n    );\n  },\n);\n\nAiToolsRail.displayName = 'AiToolsRail';\n"],"names":["aiToolsRailAgent","handle","args","RAIL_WIDTH","PANEL_WIDTH","PANEL_SIZE_PROPERTY","PANEL_MIN_SIZE","PANEL_MAX_SIZE","PANEL_DEFAULT_SIZE","railVariants","cva","stripVariants","panelVariants","panelResizeHandleVariants","badgeVariants","formatBadgeCount","count","overflowLabel","AiToolsRail","forwardRef","id","tools","activeToolId","defaultActiveToolId","onActiveToolChange","side","railLabel","resizablePanel","className","ref","t","useTranslation","activeRaw","setActiveRaw","useControllableState","activeId","buttonsRef","useRef","panelRef","focusIndex","setFocusIndex","useState","activatedByKeyboardRef","keyboardActivateRef","activeIndex","useMemo","tl","activeTool","firstEnabledIndex","rovingIndex","_a","selectTool","useCallback","toolId","fromKeyboard","tool","handleStripKeyDown","event","next","goingBack","candidate","attempts","_b","_c","rootRef","useEffect","node","onKeyDown","returnIndex","useIsomorphicLayoutEffect","panelEdge","separatorProps","isResizing","isResized","useEdgeResize","committedPanelWidth","activeIdRef","useImperativeHandle","useAgentRegistration","jsxs","jsx","ScrollArea","TooltipProvider","index","isActive","showBadge","accessibleName","IconButton","el"],"mappings":"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"}

package/dist/_chunks/{alert-CUTxnym2.js → alert-_mUKLmwA.js}

@@ -1,15 +1,25 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import { forwardRef as a, useState as R, useRef as V, useCallback as z, Children as B, isValidElement as D } from "react";
-import { c as F } from "./index-D2ZczOXr.js";
-import { useTranslation as L } from "react-i18next";
-import { u as U } from "./use-controllable-state-BiY4xTzM.js";
-import { X as W } from "./x-CCcI3eJp.js";
-import { C as X } from "./circle-arrow-up-CC_85SuH.js";
-import { C as G } from "./circle-x-Du2CmjaU.js";
-import { T as H } from "./triangle-alert-CBPUIzQo.js";
-import { C as M } from "./circle-check-9AeSgJD_.js";
+import { jsxs as V, jsx as t } from "react/jsx-runtime";
+import { forwardRef as a, useState as E, useRef as R, useCallback as z, Children as B, isValidElement as D } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { u as M } from "./use-controllable-state-BiY4xTzM.js";
+import { X as U } from "./x-CCcI3eJp.js";
+import { c as W } from "./createLucideIcon-CrFbzy84.js";
+import { C as X } from "./circle-x-Du2CmjaU.js";
+import { T as G } from "./triangle-alert-CBPUIzQo.js";
+import { C as H } from "./circle-check-9AeSgJD_.js";
 import { I as P } from "./info-B9XNKn05.js";
-const $ = F(
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m16 12-4-4-4 4", key: "177agl" }],
+  ["path", { d: "M12 16V8", key: "1sbj14" }]
+], q = W("circle-arrow-up", $), J = L(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -79,7 +89,7 @@ const $ = F(
       variant: "info"
     }
   }
-), h = "ds:shrink-0 ds:size-5", q = `${h} ds:mt-0.5`, J = [
+), h = "ds:shrink-0 ds:size-5", K = `${h} ds:mt-0.5`, Q = [
   // Default (no title): the alert root uses `items-center` and the
   // button centres in the cross-axis. A centred 16×16 glyph inside a
   // 44×44 button aligns optically with a single-line description.
@@ -103,26 +113,26 @@ const $ = F(
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), K = {
+].join(" "), Y = {
   info: { icon: /* @__PURE__ */ t(P, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
-    icon: /* @__PURE__ */ t(M, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ t(H, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   },
   warning: {
-    icon: /* @__PURE__ */ t(H, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   error: {
-    icon: /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ t(X, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
   },
   // Promotions never interrupt — same polite semantics as info.
   promo: {
-    icon: /* @__PURE__ */ t(X, { "aria-hidden": "true" }),
+    icon: /* @__PURE__ */ t(q, { "aria-hidden": "true" }),
     role: "status",
     live: "polite"
   }
@@ -137,7 +147,7 @@ const $ = F(
   )
 );
 c.displayName = "Alert.Title";
-const x = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
+const _ = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
   "p",
   {
     ref: r,
@@ -148,8 +158,8 @@ const x = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
     ...o
   }
 ));
-x.displayName = "Alert.Description";
-const _ = a(
+_.displayName = "Alert.Description";
+const x = a(
   ({ className: e, ...o }, r) => /* @__PURE__ */ t(
     "div",
     {
@@ -162,24 +172,24 @@ const _ = a(
     }
   )
 );
-_.displayName = "Alert.Action";
-const C = a(
+x.displayName = "Alert.Action";
+const w = a(
   ({
     variant: e = "info",
     dismissible: o = !1,
     open: r,
     onOpenChange: n,
     icon: m,
-    live: w,
-    className: A,
+    live: y,
+    className: C,
     children: u,
-    ...N
-  }, y) => {
-    const { t: T } = L(), [j, k] = U({
+    ...A
+  }, N) => {
+    const { t: T } = F(), [j, k] = M({
       value: r,
       defaultValue: !0,
       onChange: n
-    }), I = j ?? !0, [f, g] = R(!1), i = V(null), O = z(() => {
+    }), I = j ?? !0, [f, g] = E(!1), i = R(null), O = z(() => {
       if (typeof window > "u") return 200;
       const s = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
       if (!s) return 200;
@@ -187,24 +197,24 @@ const C = a(
       return Number.isFinite(l) ? b.endsWith("ms") ? l : l * 1e3 : 200;
     }, []);
     if (!I) return null;
-    const d = K[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
+    const d = Y[e], p = m !== void 0 ? m : d.icon, v = B.toArray(u).some(
       (s) => D(s) && s.type === c
     ), S = () => {
       f || (g(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
         g(!1), k(!1);
       }, O()));
     };
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ V(
       "div",
       {
-        ref: y,
+        ref: N,
         role: d.role,
-        "aria-live": w ?? d.live,
+        "aria-live": y ?? d.live,
         "data-component": "alert",
-        "data-has-title": p ? "true" : "false",
+        "data-has-title": v ? "true" : "false",
         "data-state": f ? "closing" : "open",
         className: [
-          $({ variant: e, className: A }),
+          J({ variant: e, className: C }),
           // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
           // scale when dismissed. Driven by `tw-animate-css`. Respects
           // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
@@ -218,9 +228,9 @@ const C = a(
           "ds:motion-safe:data-[state=closing]:fill-mode-forwards",
           "ds:motion-safe:duration-[var(--animation-duration)]"
         ].join(" "),
-        ...N,
+        ...A,
         children: [
-          v ? /* @__PURE__ */ t("span", { className: p ? q : h, children: v }) : null,
+          p ? /* @__PURE__ */ t("span", { className: v ? K : h, children: p }) : null,
           /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
           o ? /* @__PURE__ */ t(
             "button",
@@ -229,8 +239,8 @@ const C = a(
               "aria-label": T("common.close", "Close"),
               onClick: S,
               "data-alert-dismiss": "",
-              className: J,
-              children: /* @__PURE__ */ t(W, { "aria-hidden": "true", className: "ds:size-4" })
+              className: Q,
+              children: /* @__PURE__ */ t(U, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -238,13 +248,13 @@ const C = a(
     );
   }
 );
-C.displayName = "Alert";
-const dt = Object.assign(C, {
+w.displayName = "Alert";
+const ct = Object.assign(w, {
   Title: c,
-  Description: x,
-  Action: _
+  Description: _,
+  Action: x
 });
 export {
-  dt as A
+  ct as A
 };
-//# sourceMappingURL=alert-CUTxnym2.js.map
+//# sourceMappingURL=alert-_mUKLmwA.js.map