@usetheo/ui 0.8.0-next.0 → 0.10.0-next.0

package/dist/chunk-HGPBGLNP.js

@@ -0,0 +1,51 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-ZSRJCIWF.js';
+import { AlertOctagon, Network, KeyRound, ShieldOff, Database } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICON_FOR_KIND = {
+  "rate-limit": Database,
+  "context-overflow": ShieldOff,
+  auth: KeyRound,
+  "tool-failure": AlertOctagon,
+  network: Network,
+  generic: AlertOctagon
+};
+var AgentErrorCard = forwardRef(
+  ({ className, kind = "generic", title, detail, actions, timestamp, ...props }, ref) => {
+    const Icon = ICON_FOR_KIND[kind];
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        role: "alert",
+        "aria-live": inLiveRegion ? void 0 : "assertive",
+        className: cn(
+          "grid w-full gap-3 rounded-xl border border-destructive/40 bg-destructive/5 p-4",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex shrink-0 text-destructive", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { className: "size-4" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-display text-foreground text-title-md tracking-tight", children: title }),
+                timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-label text-muted-foreground tabular-nums", children: timestamp }) : null
+              ] }),
+              detail ? /* @__PURE__ */ jsx("p", { className: "break-words font-mono text-code-sm text-muted-foreground", children: detail }) : null
+            ] })
+          ] }),
+          actions ? /* @__PURE__ */ jsx("footer", { className: "flex flex-wrap items-center justify-end gap-2", children: actions }) : null
+        ]
+      }
+    );
+  }
+);
+AgentErrorCard.displayName = "AgentErrorCard";
+
+export { AgentErrorCard };
+//# sourceMappingURL=chunk-HGPBGLNP.js.map
+//# sourceMappingURL=chunk-HGPBGLNP.js.map

package/dist/chunk-HGPBGLNP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-error-card/agent-error-card.tsx"],"names":[],"mappings":";;;;;;AA8BA,IAAM,aAAA,GAAoD;AAAA,EACxD,YAAA,EAAc,QAAA;AAAA,EACd,kBAAA,EAAoB,SAAA;AAAA,EACpB,IAAA,EAAM,QAAA;AAAA,EACN,cAAA,EAAgB,YAAA;AAAA,EAChB,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAWA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,OAAA,EAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrF,IAAA,MAAM,IAAA,GAAO,cAAc,IAAI,CAAA;AAK/B,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAW,eAAe,MAAA,GAAY,WAAA;AAAA,QACtC,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,wBAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EAA+C,aAAA,EAAY,QACzE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,CAAA,EAC3B,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2DAAA,EAA6D,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gBAChF,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kEAAA,EACb,qBACH,CAAA,GACE;AAAA,eAAA,EACN,CAAA;AAAA,cACC,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,0DAAA,EAA4D,kBAAO,CAAA,GAC9E;AAAA,aAAA,EACN;AAAA,WAAA,EACF,CAAA;AAAA,UACC,0BACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,+CAAA,EAAiD,mBAAQ,CAAA,GACzE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-HGPBGLNP.js","sourcesContent":["import {\n  AlertOctagon,\n  Database,\n  KeyRound,\n  type LucideIcon,\n  Network,\n  ShieldOff,\n} from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\n/**\n * AgentErrorCard — inline error / blocked-state card for an agent stream.\n *\n * Renders when the agent run hits a wall it can't recover from on its own:\n * rate limit, context overflow, auth lost, tool failure, network error.\n * Severity is always destructive; the `kind` drives the icon and helps the\n * consumer wire recovery actions in the footer slot.\n */\n\nexport type AgentErrorKind =\n  | \"rate-limit\"\n  | \"context-overflow\"\n  | \"auth\"\n  | \"tool-failure\"\n  | \"network\"\n  | \"generic\";\n\nconst ICON_FOR_KIND: Record<AgentErrorKind, LucideIcon> = {\n  \"rate-limit\": Database,\n  \"context-overflow\": ShieldOff,\n  auth: KeyRound,\n  \"tool-failure\": AlertOctagon,\n  network: Network,\n  generic: AlertOctagon,\n};\n\ninterface AgentErrorCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  kind?: AgentErrorKind;\n  title: ReactNode;\n  detail?: ReactNode;\n  /** Recovery action slot (Retry, Reset, Re-auth, etc.). */\n  actions?: ReactNode;\n  timestamp?: ReactNode;\n}\n\nconst AgentErrorCard = forwardRef<HTMLElement, AgentErrorCardProps>(\n  ({ className, kind = \"generic\", title, detail, actions, timestamp, ...props }, ref) => {\n    const Icon = ICON_FOR_KIND[kind];\n    // T4.1 (MF-4): omit own aria-live when nested in a container live region.\n    // role=\"alert\" stays — alerts should announce even via outer region —\n    // but we drop the explicit aria-live=\"assertive\" attribute so AT doesn't\n    // see two competing live region declarations.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <section\n        ref={ref}\n        role=\"alert\"\n        aria-live={inLiveRegion ? undefined : \"assertive\"}\n        className={cn(\n          \"grid w-full gap-3 rounded-xl border border-destructive/40 bg-destructive/5 p-4\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start gap-3\">\n          <span className=\"mt-0.5 inline-flex shrink-0 text-destructive\" aria-hidden=\"true\">\n            <Icon className=\"size-4\" />\n          </span>\n          <div className=\"grid min-w-0 flex-1 gap-1\">\n            <div className=\"flex items-baseline justify-between gap-2\">\n              <h4 className=\"font-display text-foreground text-title-md tracking-tight\">{title}</h4>\n              {timestamp ? (\n                <span className=\"shrink-0 font-mono text-label text-muted-foreground tabular-nums\">\n                  {timestamp}\n                </span>\n              ) : null}\n            </div>\n            {detail ? (\n              <p className=\"break-words font-mono text-code-sm text-muted-foreground\">{detail}</p>\n            ) : null}\n          </div>\n        </header>\n        {actions ? (\n          <footer className=\"flex flex-wrap items-center justify-end gap-2\">{actions}</footer>\n        ) : null}\n      </section>\n    );\n  },\n);\nAgentErrorCard.displayName = \"AgentErrorCard\";\n\nexport { AgentErrorCard };\n"]}

package/dist/chunk-HQFTW7SF.js

@@ -0,0 +1,141 @@
+import { Button } from './chunk-57NXT3OX.js';
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Paperclip, Mic, Square, Send } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultPlaceholder = {
+  chat: "How can I help you today?",
+  code: "Type / for commands",
+  infra: "Ask about deploys, metrics, env, or rollback\u2026"
+};
+var defaultTextareaLabel = {
+  chat: "Chat message",
+  code: "Code prompt",
+  infra: "Infra command"
+};
+var ChatComposer = forwardRef(
+  ({
+    className,
+    mode = "chat",
+    value,
+    onValueChange,
+    onSubmit,
+    running = false,
+    onStop,
+    contextSlot,
+    attachmentsSlot,
+    leadingActions,
+    trailingActions,
+    onAttach,
+    onVoiceInput,
+    textareaLabel,
+    placeholder,
+    textareaProps,
+    ...props
+  }, ref) => {
+    const handleSubmit = (e) => {
+      e.preventDefault();
+      if (running) return;
+      if (!value.trim()) return;
+      onSubmit?.(value);
+    };
+    const onKeyDown = (e) => {
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        if (running) return;
+        if (!value.trim()) return;
+        onSubmit?.(value);
+      }
+    };
+    const isCode = mode === "code";
+    return /* @__PURE__ */ jsxs(
+      "form",
+      {
+        ref,
+        onSubmit: handleSubmit,
+        className: cn(
+          "rounded-2xl border bg-card text-card-foreground transition-shadow",
+          "focus-within:border-primary/60 focus-within:shadow-glow",
+          isCode && "rounded-xl shadow-sm",
+          className
+        ),
+        ...props,
+        children: [
+          contextSlot ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-b px-3 pt-3", children: contextSlot }) : null,
+          attachmentsSlot ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 px-4 pt-3", children: attachmentsSlot }) : null,
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              value,
+              onChange: (e) => onValueChange(e.target.value),
+              onKeyDown,
+              placeholder: placeholder ?? defaultPlaceholder[mode],
+              "aria-label": textareaLabel ?? defaultTextareaLabel[mode],
+              rows: isCode ? 1 : 2,
+              ...textareaProps,
+              className: cn(
+                "w-full resize-none bg-transparent px-4 py-3",
+                "placeholder:text-muted-foreground",
+                "focus:outline-none",
+                isCode ? "font-mono text-code-md" : "min-h-[3.5rem] font-sans text-body-md",
+                textareaProps?.className
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between gap-2 border-border/40 border-t px-3 py-2"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: leadingActions !== void 0 ? leadingActions : onAttach ? /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "icon",
+                    variant: "ghost",
+                    type: "button",
+                    onClick: onAttach,
+                    "aria-label": "Attach file",
+                    children: /* @__PURE__ */ jsx(Paperclip, {})
+                  }
+                ) : null }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  trailingActions,
+                  onVoiceInput ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "icon",
+                      variant: "ghost",
+                      type: "button",
+                      onClick: onVoiceInput,
+                      "aria-label": "Voice input",
+                      children: /* @__PURE__ */ jsx(Mic, {})
+                    }
+                  ) : null,
+                  running ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      onClick: onStop,
+                      size: "icon",
+                      variant: "destructive",
+                      "aria-label": "Stop generation",
+                      children: /* @__PURE__ */ jsx(Square, {})
+                    }
+                  ) : /* @__PURE__ */ jsx(Button, { type: "submit", size: "icon", disabled: !value.trim(), "aria-label": "Send message", children: /* @__PURE__ */ jsx(Send, {}) })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ChatComposer.displayName = "ChatComposer";
+
+export { ChatComposer };
+//# sourceMappingURL=chunk-HQFTW7SF.js.map
+//# sourceMappingURL=chunk-HQFTW7SF.js.map

package/dist/chunk-HQFTW7SF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/chat-composer/chat-composer.tsx"],"names":[],"mappings":"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","file":"chunk-HQFTW7SF.js","sourcesContent":["import { Mic, Paperclip, Send, Square } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type {\n  FormEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  ReactNode,\n  TextareaHTMLAttributes,\n} from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Button } from \"../../primitives/button/index.js\";\n\nexport type ComposerMode = \"chat\" | \"code\" | \"infra\";\n\ninterface ChatComposerProps extends Omit<HTMLAttributes<HTMLFormElement>, \"onSubmit\"> {\n  mode?: ComposerMode;\n  value: string;\n  onValueChange: (next: string) => void;\n  onSubmit?: (value: string) => void;\n  /**\n   * If true, the composer is in \"agent running\" state — Send becomes a Stop button.\n   */\n  running?: boolean;\n  onStop?: () => void;\n  /**\n   * Slot above the textarea — used for the folder selector in Infra mode.\n   */\n  contextSlot?: ReactNode;\n  /**\n   * Slot above the textarea for attachments / chips.\n   */\n  attachmentsSlot?: ReactNode;\n  /**\n   * Slot on the bottom-left of the action row (e.g. custom toggles).\n   * Overrides the default attach button entirely when provided.\n   */\n  leadingActions?: ReactNode;\n  /**\n   * Slot on the bottom-right (e.g. model selector). Send/stop is appended after this.\n   */\n  trailingActions?: ReactNode;\n  /**\n   * Optional attach-file callback. If omitted (and `leadingActions` is also\n   * omitted), no attach button is rendered. This avoids fake affordances per\n   * Quality Gate §7.\n   */\n  onAttach?: () => void;\n  /**\n   * Optional voice-input callback. If omitted, no mic button is rendered.\n   * Same rationale as `onAttach`.\n   */\n  onVoiceInput?: () => void;\n  /**\n   * Accessible label for the textarea. Falls back to a mode-aware default.\n   */\n  textareaLabel?: string;\n  /**\n   * Textarea placeholder. Defaults change by mode.\n   */\n  placeholder?: string;\n  /**\n   * Extra textarea props (rows, maxLength…).\n   */\n  textareaProps?: Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, \"value\" | \"onChange\">;\n}\n\nconst defaultPlaceholder: Record<ComposerMode, string> = {\n  chat: \"How can I help you today?\",\n  code: \"Type / for commands\",\n  infra: \"Ask about deploys, metrics, env, or rollback…\",\n};\n\nconst defaultTextareaLabel: Record<ComposerMode, string> = {\n  chat: \"Chat message\",\n  code: \"Code prompt\",\n  infra: \"Infra command\",\n};\n\n/**\n * ChatComposer — message input area, shared by Chat / Code / Infra modes.\n *\n * Visual:\n *   - chat / infra → soft card with violet ring on focus, generous padding\n *   - code          → compact dense form with mono font, slash prefix hint\n *\n * Stateless: caller controls `value` + handles `onSubmit`. Submit fires on Enter\n * (without Shift). Shift+Enter inserts a newline.\n *\n * Optional affordances (mic, attach) are opt-in via `onVoiceInput` / `onAttach`\n * — Quality Gate §7 forbids rendering fake controls without behavior.\n */\nconst ChatComposer = forwardRef<HTMLFormElement, ChatComposerProps>(\n  (\n    {\n      className,\n      mode = \"chat\",\n      value,\n      onValueChange,\n      onSubmit,\n      running = false,\n      onStop,\n      contextSlot,\n      attachmentsSlot,\n      leadingActions,\n      trailingActions,\n      onAttach,\n      onVoiceInput,\n      textareaLabel,\n      placeholder,\n      textareaProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleSubmit = (e: FormEvent) => {\n      e.preventDefault();\n      if (running) return;\n      if (!value.trim()) return;\n      onSubmit?.(value);\n    };\n\n    const onKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        if (running) return;\n        if (!value.trim()) return;\n        onSubmit?.(value);\n      }\n    };\n\n    const isCode = mode === \"code\";\n\n    return (\n      <form\n        ref={ref}\n        onSubmit={handleSubmit}\n        className={cn(\n          \"rounded-2xl border bg-card text-card-foreground transition-shadow\",\n          \"focus-within:border-primary/60 focus-within:shadow-glow\",\n          isCode && \"rounded-xl shadow-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {contextSlot ? (\n          <div className=\"border-border/40 border-b px-3 pt-3\">{contextSlot}</div>\n        ) : null}\n\n        {attachmentsSlot ? (\n          <div className=\"flex flex-wrap gap-2 px-4 pt-3\">{attachmentsSlot}</div>\n        ) : null}\n\n        <textarea\n          value={value}\n          onChange={(e) => onValueChange(e.target.value)}\n          onKeyDown={onKeyDown}\n          placeholder={placeholder ?? defaultPlaceholder[mode]}\n          aria-label={textareaLabel ?? defaultTextareaLabel[mode]}\n          rows={isCode ? 1 : 2}\n          {...textareaProps}\n          className={cn(\n            \"w-full resize-none bg-transparent px-4 py-3\",\n            \"placeholder:text-muted-foreground\",\n            \"focus:outline-none\",\n            isCode ? \"font-mono text-code-md\" : \"min-h-[3.5rem] font-sans text-body-md\",\n            textareaProps?.className,\n          )}\n        />\n\n        <div\n          className={cn(\n            \"flex items-center justify-between gap-2 border-border/40 border-t px-3 py-2\",\n          )}\n        >\n          <div className=\"flex items-center gap-1\">\n            {leadingActions !== undefined ? (\n              leadingActions\n            ) : onAttach ? (\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                type=\"button\"\n                onClick={onAttach}\n                aria-label=\"Attach file\"\n              >\n                <Paperclip />\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {trailingActions}\n            {onVoiceInput ? (\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                type=\"button\"\n                onClick={onVoiceInput}\n                aria-label=\"Voice input\"\n              >\n                <Mic />\n              </Button>\n            ) : null}\n            {running ? (\n              <Button\n                type=\"button\"\n                onClick={onStop}\n                size=\"icon\"\n                variant=\"destructive\"\n                aria-label=\"Stop generation\"\n              >\n                <Square />\n              </Button>\n            ) : (\n              <Button type=\"submit\" size=\"icon\" disabled={!value.trim()} aria-label=\"Send message\">\n                <Send />\n              </Button>\n            )}\n          </div>\n        </div>\n      </form>\n    );\n  },\n);\nChatComposer.displayName = \"ChatComposer\";\n\nexport { ChatComposer };\n"]}

package/dist/chunk-I7WYM63C.js

@@ -0,0 +1,170 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cva } from 'class-variance-authority';
+import { X, AlertCircle, TriangleAlert, CheckCircle2, Info } from 'lucide-react';
+import { forwardRef, createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var toastVariants = cva(
+  [
+    "group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-lg border pr-10 shadow-md",
+    "data-[state=open]:slide-in-from-top-full data-[state=open]:fade-in-0 data-[state=open]:animate-in",
+    "data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=closed]:animate-out",
+    "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
+    "data-[swipe=end]:animate-out data-[swipe=cancel]:transition-[transform_var(--duration-base)] data-[swipe=move]:transition-none"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-border/40 bg-popover text-popover-foreground",
+        info: "border-primary/40 bg-popover text-popover-foreground",
+        success: "border-success/40 bg-popover text-popover-foreground",
+        warning: "border-warning/40 bg-popover text-popover-foreground",
+        destructive: "border-destructive/50 bg-popover text-popover-foreground"
+      },
+      size: {
+        sm: "p-3 text-body-sm",
+        md: "p-4 text-body-md",
+        lg: "p-5 text-body-lg"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+var iconForVariant = {
+  default: /* @__PURE__ */ jsx(Info, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+  info: /* @__PURE__ */ jsx(Info, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4 shrink-0 text-success", "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-4 shrink-0 text-warning", "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ jsx(AlertCircle, { className: "size-4 shrink-0 text-destructive", "aria-hidden": "true" })
+};
+var ToastRoot = forwardRef(
+  ({ className, variant = "default", size, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    ToastPrimitive.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant, size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: iconForVariant[variant] }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children })
+      ]
+    }
+  )
+);
+ToastRoot.displayName = "Toast";
+var ToastTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Title,
+  {
+    ref,
+    className: cn("font-medium text-body-sm text-foreground", className),
+    ...props
+  }
+));
+ToastTitle.displayName = "Toast.Title";
+var ToastDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Description,
+  {
+    ref,
+    className: cn("mt-0.5 text-body-sm text-muted-foreground", className),
+    ...props
+  }
+));
+ToastDescription.displayName = "Toast.Description";
+var ToastClose = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ToastPrimitive.Close,
+  {
+    ref,
+    className: cn(
+      "absolute top-2 right-2 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(X, { className: "size-3.5" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+    ]
+  }
+));
+ToastClose.displayName = "Toast.Close";
+var ToastAction = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitive.Action,
+  {
+    ref,
+    className: cn(
+      "mt-2 inline-flex h-7 items-center rounded-md border border-border/60 bg-card px-2 font-sans text-foreground text-label",
+      "transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = "Toast.Action";
+var Toast = /* @__PURE__ */ Object.assign(ToastRoot, {
+  Title: ToastTitle,
+  Description: ToastDescription,
+  Close: ToastClose,
+  Action: ToastAction,
+  Provider: ToastPrimitive.Provider,
+  Viewport: ToastPrimitive.Viewport
+});
+var ToastContext = createContext(void 0);
+var POSITION_CLASS = {
+  "top-right": "top-4 right-4",
+  "top-left": "top-4 left-4",
+  "bottom-right": "bottom-4 right-4",
+  "bottom-left": "bottom-4 left-4"
+};
+function Toaster({ children, position = "bottom-right", className }) {
+  const [toasts, setToasts] = useState([]);
+  const dismiss = useCallback((id) => {
+    setToasts((cur) => cur.filter((t) => t.id !== id));
+  }, []);
+  const toast = useCallback((descriptor) => {
+    const id = `t-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+    setToasts((cur) => [...cur, { id, ...descriptor }]);
+    return id;
+  }, []);
+  const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
+  return /* @__PURE__ */ jsx(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs(Toast.Provider, { swipeDirection: "right", duration: 5e3, children: [
+    children,
+    toasts.map((t) => /* @__PURE__ */ jsxs(
+      Toast,
+      {
+        variant: t.variant ?? "default",
+        duration: t.duration === null ? Number.POSITIVE_INFINITY : t.duration ?? 5e3,
+        onOpenChange: (open) => {
+          if (!open) dismiss(t.id);
+        },
+        children: [
+          t.title ? /* @__PURE__ */ jsx(Toast.Title, { children: t.title }) : null,
+          t.description ? /* @__PURE__ */ jsx(Toast.Description, { children: t.description }) : null,
+          t.action ? /* @__PURE__ */ jsx(Toast.Action, { altText: String(t.action.label), onClick: t.action.onClick, children: t.action.label }) : null,
+          /* @__PURE__ */ jsx(Toast.Close, {})
+        ]
+      },
+      t.id
+    )),
+    /* @__PURE__ */ jsx(
+      Toast.Viewport,
+      {
+        className: cn(
+          "fixed z-50 flex max-h-screen w-full max-w-sm flex-col gap-2 outline-none",
+          POSITION_CLASS[position],
+          className
+        )
+      }
+    )
+  ] }) });
+}
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used inside <Toaster>.");
+  return ctx;
+}
+
+export { Toast, Toaster, useToast };
+//# sourceMappingURL=chunk-I7WYM63C.js.map
+//# sourceMappingURL=chunk-I7WYM63C.js.map

package/dist/chunk-I7WYM63C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/toast/toast.tsx","../src/components/primitives/toast/toaster.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-I7WYM63C.js","sourcesContent":["import * as ToastPrimitive from \"@radix-ui/react-toast\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Toast — transient notification built on Radix Toast.\n *\n * Composition: app mounts <Toaster /> once. Components call `toast(...)` via\n * the `useToast()` hook (see toaster.tsx). The look is theme-aware: status\n * icon coloured by --primary/--success/--warning/--destructive; the body\n * card uses --popover surface.\n *\n * Variants:\n *   - default (neutral)\n *   - info (primary tint)\n *   - success (deploy ok, action completed)\n *   - warning (queued, permission requested)\n *   - destructive (failed, fatal)\n */\n\nconst toastVariants = cva(\n  [\n    \"group pointer-events-auto relative flex w-full items-start gap-3 overflow-hidden rounded-lg border pr-10 shadow-md\",\n    \"data-[state=open]:slide-in-from-top-full data-[state=open]:fade-in-0 data-[state=open]:animate-in\",\n    \"data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=closed]:animate-out\",\n    \"data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]\",\n    \"data-[swipe=end]:animate-out data-[swipe=cancel]:transition-[transform_var(--duration-base)] data-[swipe=move]:transition-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"border-border/40 bg-popover text-popover-foreground\",\n        info: \"border-primary/40 bg-popover text-popover-foreground\",\n        success: \"border-success/40 bg-popover text-popover-foreground\",\n        warning: \"border-warning/40 bg-popover text-popover-foreground\",\n        destructive: \"border-destructive/50 bg-popover text-popover-foreground\",\n      },\n      size: {\n        sm: \"p-3 text-body-sm\",\n        md: \"p-4 text-body-md\",\n        lg: \"p-5 text-body-lg\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n\nconst iconForVariant: Record<NonNullable<ToastVariant>, ReactNode> = {\n  default: <Info className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />,\n  info: <Info className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />,\n  success: <CheckCircle2 className=\"size-4 shrink-0 text-success\" aria-hidden=\"true\" />,\n  warning: <TriangleAlert className=\"size-4 shrink-0 text-warning\" aria-hidden=\"true\" />,\n  destructive: <AlertCircle className=\"size-4 shrink-0 text-destructive\" aria-hidden=\"true\" />,\n};\n\ntype ToastVariant = NonNullable<VariantProps<typeof toastVariants>[\"variant\"]>;\n\ninterface ToastProps\n  extends ComponentPropsWithoutRef<typeof ToastPrimitive.Root>,\n    VariantProps<typeof toastVariants> {}\n\nconst ToastRoot = forwardRef<ElementRef<typeof ToastPrimitive.Root>, ToastProps>(\n  ({ className, variant = \"default\", size, children, ...props }, ref) => (\n    <ToastPrimitive.Root\n      ref={ref}\n      className={cn(toastVariants({ variant, size }), className)}\n      {...props}\n    >\n      <span aria-hidden=\"true\">{iconForVariant[variant as ToastVariant]}</span>\n      <div className=\"min-w-0 flex-1\">{children}</div>\n    </ToastPrimitive.Root>\n  ),\n);\nToastRoot.displayName = \"Toast\";\n\nconst ToastTitle = forwardRef<\n  ElementRef<typeof ToastPrimitive.Title>,\n  ComponentPropsWithoutRef<typeof ToastPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Title\n    ref={ref}\n    className={cn(\"font-medium text-body-sm text-foreground\", className)}\n    {...props}\n  />\n));\nToastTitle.displayName = \"Toast.Title\";\n\nconst ToastDescription = forwardRef<\n  ElementRef<typeof ToastPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof ToastPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Description\n    ref={ref}\n    className={cn(\"mt-0.5 text-body-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nToastDescription.displayName = \"Toast.Description\";\n\nconst ToastClose = forwardRef<\n  ElementRef<typeof ToastPrimitive.Close>,\n  ComponentPropsWithoutRef<typeof ToastPrimitive.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Close\n    ref={ref}\n    className={cn(\n      \"absolute top-2 right-2 rounded-md p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"size-3.5\" />\n    <span className=\"sr-only\">Close</span>\n  </ToastPrimitive.Close>\n));\nToastClose.displayName = \"Toast.Close\";\n\nconst ToastAction = forwardRef<\n  ElementRef<typeof ToastPrimitive.Action>,\n  ComponentPropsWithoutRef<typeof ToastPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitive.Action\n    ref={ref}\n    className={cn(\n      \"mt-2 inline-flex h-7 items-center rounded-md border border-border/60 bg-card px-2 font-sans text-foreground text-label\",\n      \"transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = \"Toast.Action\";\n\nconst Toast = /*#__PURE__*/ Object.assign(ToastRoot, {\n  Title: ToastTitle,\n  Description: ToastDescription,\n  Close: ToastClose,\n  Action: ToastAction,\n  Provider: ToastPrimitive.Provider,\n  Viewport: ToastPrimitive.Viewport,\n});\n\nexport { Toast, toastVariants, type ToastVariant };\n","import { createContext, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { JSX, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Toast, type ToastVariant } from \"./toast.js\";\n\ninterface ToastDescriptor {\n  id: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  variant?: ToastVariant;\n  /** Auto-dismiss in ms. Default 5000. Pass `null` for sticky. */\n  duration?: number | null;\n  action?: { label: ReactNode; onClick: () => void };\n}\n\ninterface ToastContextValue {\n  toast: (descriptor: Omit<ToastDescriptor, \"id\">) => string;\n  dismiss: (id: string) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\ninterface ToasterProps {\n  children: ReactNode;\n  /** Toast viewport position. Default bottom-right. */\n  position?: \"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\";\n  className?: string;\n}\n\nconst POSITION_CLASS: Record<NonNullable<ToasterProps[\"position\"]>, string> = {\n  \"top-right\": \"top-4 right-4\",\n  \"top-left\": \"top-4 left-4\",\n  \"bottom-right\": \"bottom-4 right-4\",\n  \"bottom-left\": \"bottom-4 left-4\",\n};\n\n/**\n * Toaster — mount once at the app root. Wraps children in a Radix Toast\n * Provider + Viewport and exposes the `useToast()` hook for descendants.\n */\nfunction Toaster({ children, position = \"bottom-right\", className }: ToasterProps): JSX.Element {\n  const [toasts, setToasts] = useState<ToastDescriptor[]>([]);\n\n  const dismiss = useCallback((id: string) => {\n    setToasts((cur) => cur.filter((t) => t.id !== id));\n  }, []);\n\n  const toast = useCallback((descriptor: Omit<ToastDescriptor, \"id\">) => {\n    const id = `t-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n    setToasts((cur) => [...cur, { id, ...descriptor }]);\n    return id;\n  }, []);\n\n  const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);\n\n  return (\n    <ToastContext.Provider value={value}>\n      <Toast.Provider swipeDirection=\"right\" duration={5000}>\n        {children}\n        {toasts.map((t) => (\n          <Toast\n            key={t.id}\n            variant={t.variant ?? \"default\"}\n            duration={t.duration === null ? Number.POSITIVE_INFINITY : (t.duration ?? 5000)}\n            onOpenChange={(open) => {\n              if (!open) dismiss(t.id);\n            }}\n          >\n            {t.title ? <Toast.Title>{t.title}</Toast.Title> : null}\n            {t.description ? <Toast.Description>{t.description}</Toast.Description> : null}\n            {t.action ? (\n              <Toast.Action altText={String(t.action.label)} onClick={t.action.onClick}>\n                {t.action.label}\n              </Toast.Action>\n            ) : null}\n            <Toast.Close />\n          </Toast>\n        ))}\n        <Toast.Viewport\n          className={cn(\n            \"fixed z-50 flex max-h-screen w-full max-w-sm flex-col gap-2 outline-none\",\n            POSITION_CLASS[position],\n            className,\n          )}\n        />\n      </Toast.Provider>\n    </ToastContext.Provider>\n  );\n}\n\n/**\n * useToast — fire toasts from anywhere inside <Toaster>.\n *\n * Example:\n *   const { toast } = useToast();\n *   toast({ title: \"Deployed\", variant: \"success\" });\n */\nfunction useToast(): ToastContextValue {\n  const ctx = useContext(ToastContext);\n  if (!ctx) throw new Error(\"useToast must be used inside <Toaster>.\");\n  return ctx;\n}\n\nexport { Toaster, useToast };\n"]}

package/dist/chunk-JQXLPVWP.js

@@ -0,0 +1,74 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Settings2, Eye, Lock } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ENABLEMENT_LABEL = {
+  enabled: "Allowed",
+  ask: "Ask before use",
+  denied: "Denied"
+};
+var ENABLEMENT_CLASS = {
+  enabled: "bg-success/15 text-success border-success/40",
+  ask: "bg-warning/15 text-warning border-warning/40",
+  denied: "bg-destructive/15 text-destructive border-destructive/40"
+};
+var cycle = (cur) => cur === "enabled" ? "ask" : cur === "ask" ? "denied" : "enabled";
+var ToolsList = forwardRef(
+  ({ className, tools, title = "Tools", onEnablementChange, ...props }, ref) => /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card", className), ...props, children: [
+    title ? /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-border/40 border-b px-4 py-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+        tools.length,
+        " ",
+        tools.length === 1 ? "tool" : "tools"
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/30", children: tools.map((tool) => {
+      const Icon = tool.icon ?? Settings2;
+      const state = tool.enablement ?? "enabled";
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-3",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "mt-0.5 grid size-8 place-items-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-body-sm text-foreground", children: tool.name }),
+                tool.source ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: tool.source }) : null,
+                tool.badge ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase", children: tool.badge }) : null
+              ] }),
+              tool.description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-body-sm text-muted-foreground", children: tool.description }) : null
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onEnablementChange?.(tool.id, cycle(state)),
+                className: cn(
+                  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1",
+                  "font-mono text-label uppercase tracking-wider transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  ENABLEMENT_CLASS[state],
+                  !onEnablementChange && "pointer-events-none"
+                ),
+                "aria-label": `Cycle enablement for ${tool.name}`,
+                children: [
+                  state === "enabled" ? /* @__PURE__ */ jsx(Eye, { className: "size-3", "aria-hidden": "true" }) : state === "ask" ? /* @__PURE__ */ jsx(Settings2, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" }),
+                  ENABLEMENT_LABEL[state]
+                ]
+              }
+            )
+          ]
+        },
+        tool.id
+      );
+    }) })
+  ] })
+);
+ToolsList.displayName = "ToolsList";
+
+export { ToolsList };
+//# sourceMappingURL=chunk-JQXLPVWP.js.map
+//# sourceMappingURL=chunk-JQXLPVWP.js.map

package/dist/chunk-JQXLPVWP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tools-list/tools-list.tsx"],"names":[],"mappings":"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","file":"chunk-JQXLPVWP.js","sourcesContent":["import { Eye, Lock, Settings2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type ToolEnablement = \"enabled\" | \"ask\" | \"denied\";\n\nexport interface ToolEntry {\n  id: string;\n  name: string;\n  description?: ReactNode;\n  icon?: IconComponent;\n  enablement?: ToolEnablement;\n  /**\n   * Source of the tool: built-in, plugin/skill, or MCP server name.\n   */\n  source?: string;\n  /** Optional badge text (e.g. \"destructive\", \"experimental\"). */\n  badge?: ReactNode;\n}\n\ninterface ToolsListProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onChange\"> {\n  tools: ToolEntry[];\n  /** Title above the list. */\n  title?: ReactNode;\n  /**\n   * Fires when the consumer toggles a tool's enablement state.\n   * Cycle: enabled → ask → denied → enabled.\n   */\n  onEnablementChange?: (id: string, next: ToolEnablement) => void;\n}\n\nconst ENABLEMENT_LABEL: Record<ToolEnablement, string> = {\n  enabled: \"Allowed\",\n  ask: \"Ask before use\",\n  denied: \"Denied\",\n};\n\nconst ENABLEMENT_CLASS: Record<ToolEnablement, string> = {\n  enabled: \"bg-success/15 text-success border-success/40\",\n  ask: \"bg-warning/15 text-warning border-warning/40\",\n  denied: \"bg-destructive/15 text-destructive border-destructive/40\",\n};\n\nconst cycle = (cur: ToolEnablement): ToolEnablement =>\n  cur === \"enabled\" ? \"ask\" : cur === \"ask\" ? \"denied\" : \"enabled\";\n\n/**\n * ToolsList — surface every tool the agent could call, with its enablement\n * state. Click the chip to cycle: Allowed → Ask → Denied.\n */\nconst ToolsList = forwardRef<HTMLDivElement, ToolsListProps>(\n  ({ className, tools, title = \"Tools\", onEnablementChange, ...props }, ref) => (\n    <section ref={ref} className={cn(\"rounded-xl border bg-card\", className)} {...props}>\n      {title ? (\n        <header className=\"flex items-center justify-between border-border/40 border-b px-4 py-3\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          <span className=\"font-mono text-label text-muted-foreground\">\n            {tools.length} {tools.length === 1 ? \"tool\" : \"tools\"}\n          </span>\n        </header>\n      ) : null}\n      <ul className=\"divide-y divide-border/30\">\n        {tools.map((tool) => {\n          const Icon = tool.icon ?? Settings2;\n          const state = tool.enablement ?? \"enabled\";\n          return (\n            <li\n              key={tool.id}\n              className=\"grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-3\"\n            >\n              <span className=\"mt-0.5 grid size-8 place-items-center rounded-md bg-muted text-muted-foreground\">\n                <Icon className=\"size-4\" aria-hidden=\"true\" />\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"font-medium font-mono text-body-sm text-foreground\">\n                    {tool.name}\n                  </span>\n                  {tool.source ? (\n                    <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n                      {tool.source}\n                    </span>\n                  ) : null}\n                  {tool.badge ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase\">\n                      {tool.badge}\n                    </span>\n                  ) : null}\n                </div>\n                {tool.description ? (\n                  <p className=\"mt-0.5 text-body-sm text-muted-foreground\">{tool.description}</p>\n                ) : null}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => onEnablementChange?.(tool.id, cycle(state))}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1\",\n                  \"font-mono text-label uppercase tracking-wider transition-colors\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                  ENABLEMENT_CLASS[state],\n                  !onEnablementChange && \"pointer-events-none\",\n                )}\n                aria-label={`Cycle enablement for ${tool.name}`}\n              >\n                {state === \"enabled\" ? (\n                  <Eye className=\"size-3\" aria-hidden=\"true\" />\n                ) : state === \"ask\" ? (\n                  <Settings2 className=\"size-3\" aria-hidden=\"true\" />\n                ) : (\n                  <Lock className=\"size-3\" aria-hidden=\"true\" />\n                )}\n                {ENABLEMENT_LABEL[state]}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  ),\n);\nToolsList.displayName = \"ToolsList\";\n\nexport { ToolsList };\n"]}

package/dist/chunk-K5ARID4S.js

@@ -0,0 +1,26 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Skeleton = forwardRef(
+  ({ className, ...props }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: inLiveRegion ? void 0 : "status",
+        "aria-live": inLiveRegion ? void 0 : "polite",
+        "aria-label": inLiveRegion ? void 0 : "Loading",
+        className: cn("animate-pulse rounded-md bg-muted", className),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+export { Skeleton };
+//# sourceMappingURL=chunk-K5ARID4S.js.map
+//# sourceMappingURL=chunk-K5ARID4S.js.map

package/dist/chunk-K5ARID4S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;AAuBA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAIhC,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,eAAe,MAAA,GAAY,QAAA;AAAA,QACjC,WAAA,EAAW,eAAe,MAAA,GAAY,QAAA;AAAA,QACtC,YAAA,EAAY,eAAe,MAAA,GAAY,SAAA;AAAA,QACvC,SAAA,EAAW,EAAA,CAAG,mCAAA,EAAqC,SAAS,CAAA;AAAA,QAC3D,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-K5ARID4S.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\n/**\n * Skeleton — placeholder block shown while content is loading.\n *\n * Uses --muted as base + a subtle shimmer that respects the violet theme.\n * Compose multiple Skeletons to mirror your component layout while loading.\n *\n * Accessibility (LOW-004): the default `role=\"status\"` + `aria-live=\"polite\"`\n * announces \"Loading\" to screen readers. In loops or grids where many\n * Skeletons mount simultaneously, this can be noisy. Override per-instance\n * with `aria-live=\"off\"` and/or `aria-hidden` when only one container-level\n * loading announcement is desired:\n *\n *   <div role=\"status\" aria-live=\"polite\" aria-label=\"Loading deployments\">\n *     {placeholders.map(id => (\n *       <Skeleton key={id} aria-live=\"off\" aria-hidden=\"true\" className=\"h-8\" />\n *     ))}\n *   </div>\n */\nconst Skeleton = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    // T4.1 (MF-4): when nested inside a container live region (BuildLogStream,\n    // ChatThread, etc.), omit role/aria-live so AT doesn't announce every\n    // placeholder mount as a separate \"loading\" event.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <div\n        ref={ref}\n        role={inLiveRegion ? undefined : \"status\"}\n        aria-live={inLiveRegion ? undefined : \"polite\"}\n        aria-label={inLiveRegion ? undefined : \"Loading\"}\n        className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n        {...props}\n      />\n    );\n  },\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton };\n"]}

package/dist/chunk-K6RTLPIJ.js

@@ -0,0 +1,41 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var QuickActionChips = forwardRef(
+  ({ className, actions, onSelect, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-wrap items-center justify-center gap-2", className),
+      ...props,
+      children: actions.map((a) => {
+        const Icon = a.icon;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect?.(a.id),
+            className: cn(
+              "inline-flex h-9 items-center gap-2 rounded-full border px-4",
+              "font-medium font-sans text-body-sm",
+              "transition-[box-shadow,background-color,border-color,color] duration-base ease-out-soft",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              a.primary ? "border-transparent bg-primary text-primary-foreground hover:shadow-glow" : "border-border/60 bg-card text-foreground hover:border-primary/40 hover:bg-muted"
+            ),
+            children: [
+              Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4" }) : null,
+              a.label
+            ]
+          },
+          a.id
+        );
+      })
+    }
+  )
+);
+QuickActionChips.displayName = "QuickActionChips";
+
+export { QuickActionChips };
+//# sourceMappingURL=chunk-K6RTLPIJ.js.map
+//# sourceMappingURL=chunk-K6RTLPIJ.js.map

package/dist/chunk-K6RTLPIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/quick-action-chips/quick-action-chips.tsx"],"names":[],"mappings":";;;;AAyBA,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,qBAC3C,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA;AAAA,MAC1E,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,QAAA,MAAM,OAAO,CAAA,CAAE,IAAA;AACf,QAAA,uBACE,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,MAAM,QAAA,GAAW,CAAA,CAAE,EAAE,CAAA;AAAA,YAC9B,SAAA,EAAW,EAAA;AAAA,cACT,6DAAA;AAAA,cACA,oCAAA;AAAA,cACA,yFAAA;AAAA,cACA,0IAAA;AAAA,cACA,CAAA,CAAE,UACE,yEAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,CAAA,GAAK,IAAA;AAAA,cACrC,CAAA,CAAE;AAAA;AAAA,WAAA;AAAA,UAdE,CAAA,CAAE;AAAA,SAeT;AAAA,MAEJ,CAAC;AAAA;AAAA;AAGP;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-K6RTLPIJ.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport interface QuickAction {\n  id: string;\n  label: ReactNode;\n  /** Icon component (e.g. from lucide-react). */\n  icon?: IconComponent;\n  /** When true, the chip is highlighted as the suggested next action. */\n  primary?: boolean;\n}\n\ninterface QuickActionChipsProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  actions: QuickAction[];\n  onSelect?: (id: string) => void;\n}\n\n/**\n * QuickActionChips — row of intent chips below a hero composer.\n *\n * Used in Chat Home (\"Escrever / Aprender / Código / Assuntos pessoais\")\n * and the Files panel.\n */\nconst QuickActionChips = forwardRef<HTMLDivElement, QuickActionChipsProps>(\n  ({ className, actions, onSelect, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-wrap items-center justify-center gap-2\", className)}\n      {...props}\n    >\n      {actions.map((a) => {\n        const Icon = a.icon;\n        return (\n          <button\n            key={a.id}\n            type=\"button\"\n            onClick={() => onSelect?.(a.id)}\n            className={cn(\n              \"inline-flex h-9 items-center gap-2 rounded-full border px-4\",\n              \"font-medium font-sans text-body-sm\",\n              \"transition-[box-shadow,background-color,border-color,color] duration-base ease-out-soft\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              a.primary\n                ? \"border-transparent bg-primary text-primary-foreground hover:shadow-glow\"\n                : \"border-border/60 bg-card text-foreground hover:border-primary/40 hover:bg-muted\",\n            )}\n          >\n            {Icon ? <Icon className=\"size-4\" /> : null}\n            {a.label}\n          </button>\n        );\n      })}\n    </div>\n  ),\n);\nQuickActionChips.displayName = \"QuickActionChips\";\n\nexport { QuickActionChips };\n"]}