@theokit/ui 0.13.0

package/dist/chunk-AHTVYOPQ.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-AHTVYOPQ.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-AJTJNHKK.js

@@ -0,0 +1,85 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Users, User, BookOpen, Sparkles } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SOURCE_CONFIG = {
+  builtin: { label: "Built-in", icon: Sparkles, tone: "text-primary" },
+  project: { label: "Project", icon: BookOpen, tone: "text-accent" },
+  user: { label: "User", icon: User, tone: "text-info" },
+  plugin: { label: "Plugin", icon: Users, tone: "text-muted-foreground" }
+};
+var SkillCard = forwardRef(
+  ({ className, skill, onToggle, ...props }, ref) => {
+    const config = SOURCE_CONFIG[skill.source];
+    const Icon = config.icon;
+    const state = skill.state ?? "enabled";
+    const enabled = state === "enabled";
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        className: cn(
+          "grid gap-3 rounded-xl border bg-card p-4",
+          !enabled && "opacity-60",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: cn("grid size-8 place-items-center rounded-md bg-muted", config.tone), children: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "grid", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium font-mono text-body-sm text-foreground", children: skill.name }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: config.label })
+              ] })
+            ] }),
+            onToggle ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onToggle(skill.id, enabled ? "disabled" : "enabled"),
+                "aria-pressed": enabled,
+                className: cn(
+                  "inline-flex items-center rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  enabled ? "border-success/40 bg-success/15 text-success" : "border-border/40 bg-muted text-muted-foreground"
+                ),
+                children: enabled ? "Enabled" : "Disabled"
+              }
+            ) : null
+          ] }),
+          skill.description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: skill.description }) : null,
+          skill.allowedTools && skill.allowedTools.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: "tools:" }),
+            skill.allowedTools.map((tool) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label",
+                children: tool
+              },
+              tool
+            ))
+          ] }) : null,
+          skill.triggers && skill.triggers.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: "triggers:" }),
+            skill.triggers.map((trigger) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 font-mono text-label text-primary",
+                children: trigger
+              },
+              trigger
+            ))
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+SkillCard.displayName = "SkillCard";
+
+export { SkillCard };
+//# sourceMappingURL=chunk-AJTJNHKK.js.map
+//# sourceMappingURL=chunk-AJTJNHKK.js.map

package/dist/chunk-AJTJNHKK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/skill-card/skill-card.tsx"],"names":[],"mappings":"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","file":"chunk-AJTJNHKK.js","sourcesContent":["import { BookOpen, Sparkles, User, Users } 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\";\nimport type { Mode } from \"../../../types/mode.js\";\n\nexport type SkillSource = \"builtin\" | \"project\" | \"user\" | \"plugin\";\nexport type SkillState = \"enabled\" | \"disabled\";\n\nconst SOURCE_CONFIG: Record<SkillSource, { label: string; icon: IconComponent; tone: string }> = {\n  builtin: { label: \"Built-in\", icon: Sparkles, tone: \"text-primary\" },\n  project: { label: \"Project\", icon: BookOpen, tone: \"text-accent\" },\n  user: { label: \"User\", icon: User, tone: \"text-info\" },\n  plugin: { label: \"Plugin\", icon: Users, tone: \"text-muted-foreground\" },\n};\n\nexport interface Skill {\n  id: string;\n  name: string;\n  description?: ReactNode;\n  /** Where the skill comes from. */\n  source: SkillSource;\n  /** Optional tools the skill is allowed to use (informational). */\n  allowedTools?: string[];\n  /** Optional trigger keywords / patterns for discovery. */\n  triggers?: string[];\n  state?: SkillState;\n  /** Modes this skill is visible in. Omit / empty = global (all modes). */\n  modes?: Mode[];\n}\n\ninterface SkillCardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onToggle\"> {\n  skill: Skill;\n  onToggle?: (id: string, next: SkillState) => void;\n}\n\n/**\n * SkillCard — single skill entry showing what it does, where it came from,\n * and which tools it needs. Toggle to enable/disable for the current session.\n */\nconst SkillCard = forwardRef<HTMLDivElement, SkillCardProps>(\n  ({ className, skill, onToggle, ...props }, ref) => {\n    const config = SOURCE_CONFIG[skill.source];\n    const Icon = config.icon;\n    const state = skill.state ?? \"enabled\";\n    const enabled = state === \"enabled\";\n    return (\n      <article\n        ref={ref}\n        className={cn(\n          \"grid gap-3 rounded-xl border bg-card p-4\",\n          !enabled && \"opacity-60\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex items-center gap-2\">\n            <span className={cn(\"grid size-8 place-items-center rounded-md bg-muted\", config.tone)}>\n              <Icon className=\"size-4\" aria-hidden=\"true\" />\n            </span>\n            <div className=\"grid\">\n              <h4 className=\"font-medium font-mono text-body-sm text-foreground\">{skill.name}</h4>\n              <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n                {config.label}\n              </span>\n            </div>\n          </div>\n          {onToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => onToggle(skill.id, enabled ? \"disabled\" : \"enabled\")}\n              aria-pressed={enabled}\n              className={cn(\n                \"inline-flex items-center rounded-full border px-2.5 py-0.5\",\n                \"font-mono text-label uppercase tracking-wider transition-colors\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                enabled\n                  ? \"border-success/40 bg-success/15 text-success\"\n                  : \"border-border/40 bg-muted text-muted-foreground\",\n              )}\n            >\n              {enabled ? \"Enabled\" : \"Disabled\"}\n            </button>\n          ) : null}\n        </header>\n        {skill.description ? (\n          <p className=\"text-body-sm text-muted-foreground\">{skill.description}</p>\n        ) : null}\n        {skill.allowedTools && skill.allowedTools.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n              tools:\n            </span>\n            {skill.allowedTools.map((tool) => (\n              <span\n                key={tool}\n                className=\"inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label\"\n              >\n                {tool}\n              </span>\n            ))}\n          </div>\n        ) : null}\n        {skill.triggers && skill.triggers.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n              triggers:\n            </span>\n            {skill.triggers.map((trigger) => (\n              <span\n                key={trigger}\n                className=\"inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 font-mono text-label text-primary\"\n              >\n                {trigger}\n              </span>\n            ))}\n          </div>\n        ) : null}\n      </article>\n    );\n  },\n);\nSkillCard.displayName = \"SkillCard\";\n\nexport { SkillCard };\n"]}

package/dist/chunk-AMT3CPMC.js

@@ -0,0 +1,155 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Plus, Trash2, Lock, ShieldQuestion, Check } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DECISION_CLASS = {
+  allow: "bg-success/15 text-success border-success/40",
+  ask: "bg-warning/15 text-warning border-warning/40",
+  deny: "bg-destructive/15 text-destructive border-destructive/40"
+};
+var DECISION_ICON = {
+  allow: /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": "true" }),
+  ask: /* @__PURE__ */ jsx(ShieldQuestion, { className: "size-3", "aria-hidden": "true" }),
+  deny: /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" })
+};
+var cycle = (cur) => cur === "allow" ? "ask" : cur === "ask" ? "deny" : "allow";
+var PermissionMatrix = forwardRef(
+  ({
+    className,
+    rules,
+    title = "Permissions",
+    toolOptions,
+    onAdd,
+    onRemove,
+    onDecisionChange,
+    ...props
+  }, ref) => {
+    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? "*");
+    const [newPath, setNewPath] = useState("");
+    const [newDecision, setNewDecision] = useState("ask");
+    const submit = () => {
+      if (!newPath.trim()) return;
+      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });
+      setNewPath("");
+    };
+    return /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card", className), ...props, children: [
+      title ? /* @__PURE__ */ jsxs("header", { className: "flex items-baseline 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: [
+          rules.length,
+          " ",
+          rules.length === 1 ? "rule" : "rules"
+        ] })
+      ] }) : null,
+      onAdd && toolOptions && toolOptions.length > 0 ? /* @__PURE__ */ jsxs(
+        "form",
+        {
+          className: "grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3",
+          onSubmit: (e) => {
+            e.preventDefault();
+            submit();
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: newTool,
+                onChange: (e) => setNewTool(e.target.value),
+                "aria-label": "Tool",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "*", children: "* (any tool)" }),
+                  toolOptions.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: t }, t))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: newPath,
+                onChange: (e) => setNewPath(e.target.value),
+                placeholder: "path glob (e.g. src/**/*.ts)",
+                "aria-label": "Path",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: newDecision,
+                onChange: (e) => setNewDecision(e.target.value),
+                "aria-label": "Decision",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "allow", children: "allow" }),
+                  /* @__PURE__ */ jsx("option", { value: "ask", children: "ask" }),
+                  /* @__PURE__ */ jsx("option", { value: "deny", children: "deny" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "submit",
+                className: "inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+                  " Add"
+                ]
+              }
+            )
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+        rules.map((rule) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: rule.tool }),
+              /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: rule.path }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onDecisionChange?.(rule.id, cycle(rule.decision)),
+                  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",
+                    DECISION_CLASS[rule.decision],
+                    !onDecisionChange && "pointer-events-none"
+                  ),
+                  children: [
+                    DECISION_ICON[rule.decision],
+                    rule.decision
+                  ]
+                }
+              ),
+              onRemove ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onRemove(rule.id),
+                  "aria-label": `Remove rule ${rule.tool} ${rule.path}`,
+                  className: "rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                }
+              ) : null
+            ]
+          },
+          rule.id
+        )),
+        rules.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No permission rules configured. The agent will fall back to default policy." }) : null
+      ] })
+    ] });
+  }
+);
+PermissionMatrix.displayName = "PermissionMatrix";
+
+export { PermissionMatrix };
+//# sourceMappingURL=chunk-AMT3CPMC.js.map
+//# sourceMappingURL=chunk-AMT3CPMC.js.map

package/dist/chunk-AMT3CPMC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/permission-matrix/permission-matrix.tsx"],"names":[],"mappings":";;;;;AAgCA,IAAM,cAAA,GAAyD;AAAA,EAC7D,KAAA,EAAO,8CAAA;AAAA,EACP,GAAA,EAAK,8CAAA;AAAA,EACL,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,aAAA,GAA2D;AAAA,EAC/D,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,EACpD,qBAAK,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,EAC3D,sBAAM,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO;AACpD,CAAA;AAEA,IAAM,KAAA,GAAQ,CAAC,GAAA,KACb,GAAA,KAAQ,UAAU,KAAA,GAAQ,GAAA,KAAQ,QAAQ,MAAA,GAAS,OAAA;AAkBrD,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,GAAQ,aAAA;AAAA,IACR,WAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,SAAS,UAAU,CAAA,GAAI,SAAS,WAAA,GAAc,CAAC,KAAK,GAAG,CAAA;AAC9D,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,EAAE,CAAA;AACzC,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAiC,KAAK,CAAA;AAE5E,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,IAAI,CAAC,OAAA,CAAQ,IAAA,EAAK,EAAG;AACrB,MAAA,KAAA,GAAQ,EAAE,MAAM,OAAA,EAAS,IAAA,EAAM,QAAQ,IAAA,EAAK,EAAG,QAAA,EAAU,WAAA,EAAa,CAAA;AACtE,MAAA,UAAA,CAAW,EAAE,CAAA;AAAA,IACf,CAAA;AAEA,IAAA,uBACE,IAAA,CAAC,aAAQ,GAAA,EAAU,SAAA,EAAW,GAAG,2BAAA,EAA6B,SAAS,CAAA,EAAI,GAAG,KAAA,EAC3E,QAAA,EAAA;AAAA,MAAA,KAAA,mBACC,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,yEAAA,EAChB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACjE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,MAAA;AAAA,UAAO,GAAA;AAAA,UAAE,KAAA,CAAM,MAAA,KAAW,CAAA,GAAI,MAAA,GAAS;AAAA,SAAA,EAChD;AAAA,OAAA,EACF,CAAA,GACE,IAAA;AAAA,MAEH,KAAA,IAAS,WAAA,IAAe,WAAA,CAAY,MAAA,GAAS,CAAA,mBAC5C,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,wEAAA;AAAA,UACV,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,YAAA,CAAA,CAAE,cAAA,EAAe;AACjB,YAAA,MAAA,EAAO;AAAA,UACT,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,IAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,OAAA;AAAA,gBACP,UAAU,CAAC,CAAA,KAAM,UAAA,CAAW,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,gBAC1C,YAAA,EAAW,MAAA;AAAA,gBACX,SAAA,EAAU,wEAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,GAAA,EAAI,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,kBAC7B,WAAA,CAAY,GAAA,CAAI,CAAC,CAAA,qBAChB,GAAA,CAAC,YAAe,KAAA,EAAO,CAAA,EACpB,QAAA,EAAA,CAAA,EAAA,EADU,CAEb,CACD;AAAA;AAAA;AAAA,aACH;AAAA,4BACA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,MAAA;AAAA,gBACL,KAAA,EAAO,OAAA;AAAA,gBACP,UAAU,CAAC,CAAA,KAAM,UAAA,CAAW,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,gBAC1C,WAAA,EAAY,8BAAA;AAAA,gBACZ,YAAA,EAAW,MAAA;AAAA,gBACX,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACA,IAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,WAAA;AAAA,gBACP,UAAU,CAAC,CAAA,KAAM,cAAA,CAAe,CAAA,CAAE,OAAO,KAA+B,CAAA;AAAA,gBACxE,YAAA,EAAW,UAAA;AAAA,gBACX,SAAA,EAAU,kFAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,OAAA,EAAQ,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,kCAC3B,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,KAAA,EAAM,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,kCACvB,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,MAAA,EAAO,QAAA,EAAA,MAAA,EAAI;AAAA;AAAA;AAAA,aAC3B;AAAA,4BACA,IAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,sMAAA;AAAA,gBAEV,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,UAAA,EAAW,CAAA;AAAA,kBAAE;AAAA;AAAA;AAAA;AAC/B;AAAA;AAAA,OACF,GACE,IAAA;AAAA,sBAEJ,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2BAAA,EACX,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,mEAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAA,EAAmD,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,8BAC7E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uDAAA,EACb,eAAK,IAAA,EACR,CAAA;AAAA,8BACA,IAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,OAAA,EAAS,MAAM,gBAAA,GAAmB,IAAA,CAAK,IAAI,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAC,CAAA;AAAA,kBAC/D,SAAA,EAAW,EAAA;AAAA,oBACT,kEAAA;AAAA,oBACA,iEAAA;AAAA,oBACA,yEAAA;AAAA,oBACA,cAAA,CAAe,KAAK,QAAQ,CAAA;AAAA,oBAC5B,CAAC,gBAAA,IAAoB;AAAA,mBACvB;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,aAAA,CAAc,KAAK,QAAQ,CAAA;AAAA,oBAC3B,IAAA,CAAK;AAAA;AAAA;AAAA,eACR;AAAA,cACC,QAAA,mBACC,GAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,EAAE,CAAA;AAAA,kBAC/B,cAAY,CAAA,YAAA,EAAe,IAAA,CAAK,IAAI,CAAA,CAAA,EAAI,KAAK,IAAI,CAAA,CAAA;AAAA,kBACjD,SAAA,EAAU,sJAAA;AAAA,kBAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,eAC/B,GACE;AAAA;AAAA,WAAA;AAAA,UA9BC,IAAA,CAAK;AAAA,SAgCb,CAAA;AAAA,QACA,KAAA,CAAM,WAAW,CAAA,mBAChB,GAAA,CAAC,QAAG,SAAA,EAAU,oEAAA,EAAqE,yFAEnF,CAAA,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-AMT3CPMC.js","sourcesContent":["import { Check, Lock, Plus, ShieldQuestion, Trash2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type PermissionDecisionKind = \"allow\" | \"ask\" | \"deny\";\n\nexport interface PermissionRule {\n  id: string;\n  /** Tool the rule applies to. Use \"*\" for any. */\n  tool: string;\n  /** Glob path it applies to. Use \"*\" for any. */\n  path: string;\n  decision: PermissionDecisionKind;\n  /** Optional rationale shown as helper text. */\n  note?: string;\n}\n\ninterface PermissionMatrixProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  rules: PermissionRule[];\n  title?: ReactNode;\n  /**\n   * Available tools shown in the add form. Pass `undefined` (or omit) — or an\n   * empty array — to hide the add form entirely. The form only renders when\n   * `onAdd` is provided AND `toolOptions` has at least one entry.\n   */\n  toolOptions?: string[];\n  onAdd?: (rule: Omit<PermissionRule, \"id\">) => void;\n  onRemove?: (id: string) => void;\n  onDecisionChange?: (id: string, decision: PermissionDecisionKind) => void;\n}\n\nconst DECISION_CLASS: Record<PermissionDecisionKind, string> = {\n  allow: \"bg-success/15 text-success border-success/40\",\n  ask: \"bg-warning/15 text-warning border-warning/40\",\n  deny: \"bg-destructive/15 text-destructive border-destructive/40\",\n};\n\nconst DECISION_ICON: Record<PermissionDecisionKind, ReactNode> = {\n  allow: <Check className=\"size-3\" aria-hidden=\"true\" />,\n  ask: <ShieldQuestion className=\"size-3\" aria-hidden=\"true\" />,\n  deny: <Lock className=\"size-3\" aria-hidden=\"true\" />,\n};\n\nconst cycle = (cur: PermissionDecisionKind): PermissionDecisionKind =>\n  cur === \"allow\" ? \"ask\" : cur === \"ask\" ? \"deny\" : \"allow\";\n\n/**\n * PermissionMatrix — tool × path × decision grid for fine-grained access\n * control. Used as the \"permissions\" tab in the agent settings.\n *\n * One PermissionRule per row. Click the decision pill to cycle Allow → Ask → Deny.\n *\n * Design decision (2026-05-14): PermissionMatrix stays in `primitives/`\n * — not `composites/` — even though it renders inputs and a select. The native\n * `<input>` / `<select>` elements use Theo design tokens directly (border-input,\n * ring, font-mono) so visual parity with `Input` / `Select` primitives is\n * preserved. Reason for keeping it primitive: a consumer installing\n * `permission-matrix` from the registry gets a single self-contained file with\n * no transitive Theo dependencies — opposite trade-off from `EnvVarEditor`\n * which is intentionally a composite. Both shapes are valid; we ship one of\n * each so consumers can pick the dependency profile that fits their app.\n */\nconst PermissionMatrix = forwardRef<HTMLDivElement, PermissionMatrixProps>(\n  (\n    {\n      className,\n      rules,\n      title = \"Permissions\",\n      toolOptions,\n      onAdd,\n      onRemove,\n      onDecisionChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [newTool, setNewTool] = useState(toolOptions?.[0] ?? \"*\");\n    const [newPath, setNewPath] = useState(\"\");\n    const [newDecision, setNewDecision] = useState<PermissionDecisionKind>(\"ask\");\n\n    const submit = () => {\n      if (!newPath.trim()) return;\n      onAdd?.({ tool: newTool, path: newPath.trim(), decision: newDecision });\n      setNewPath(\"\");\n    };\n\n    return (\n      <section ref={ref} className={cn(\"rounded-xl border bg-card\", className)} {...props}>\n        {title ? (\n          <header className=\"flex items-baseline 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              {rules.length} {rules.length === 1 ? \"rule\" : \"rules\"}\n            </span>\n          </header>\n        ) : null}\n\n        {onAdd && toolOptions && toolOptions.length > 0 ? (\n          <form\n            className=\"grid grid-cols-[1fr_2fr_auto_auto] gap-2 border-border/40 border-b p-3\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              submit();\n            }}\n          >\n            <select\n              value={newTool}\n              onChange={(e) => setNewTool(e.target.value)}\n              aria-label=\"Tool\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm\"\n            >\n              <option value=\"*\">* (any tool)</option>\n              {toolOptions.map((t) => (\n                <option key={t} value={t}>\n                  {t}\n                </option>\n              ))}\n            </select>\n            <input\n              type=\"text\"\n              value={newPath}\n              onChange={(e) => setNewPath(e.target.value)}\n              placeholder=\"path glob (e.g. src/**/*.ts)\"\n              aria-label=\"Path\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            />\n            <select\n              value={newDecision}\n              onChange={(e) => setNewDecision(e.target.value as PermissionDecisionKind)}\n              aria-label=\"Decision\"\n              className=\"h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm uppercase\"\n            >\n              <option value=\"allow\">allow</option>\n              <option value=\"ask\">ask</option>\n              <option value=\"deny\">deny</option>\n            </select>\n            <button\n              type=\"submit\"\n              className=\"inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Plus className=\"size-3.5\" /> Add\n            </button>\n          </form>\n        ) : null}\n\n        <ul className=\"divide-y divide-border/30\">\n          {rules.map((rule) => (\n            <li\n              key={rule.id}\n              className=\"grid grid-cols-[1fr_2fr_auto_auto] items-center gap-3 px-4 py-2.5\"\n            >\n              <span className=\"truncate font-mono text-code-sm text-foreground\">{rule.tool}</span>\n              <span className=\"truncate font-mono text-code-sm text-muted-foreground\">\n                {rule.path}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() => onDecisionChange?.(rule.id, cycle(rule.decision))}\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                  DECISION_CLASS[rule.decision],\n                  !onDecisionChange && \"pointer-events-none\",\n                )}\n              >\n                {DECISION_ICON[rule.decision]}\n                {rule.decision}\n              </button>\n              {onRemove ? (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(rule.id)}\n                  aria-label={`Remove rule ${rule.tool} ${rule.path}`}\n                  className=\"rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Trash2 className=\"size-3.5\" />\n                </button>\n              ) : null}\n            </li>\n          ))}\n          {rules.length === 0 ? (\n            <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n              No permission rules configured. The agent will fall back to default policy.\n            </li>\n          ) : null}\n        </ul>\n      </section>\n    );\n  },\n);\nPermissionMatrix.displayName = \"PermissionMatrix\";\n\nexport { PermissionMatrix };\n"]}

package/dist/chunk-AX5EH73R.js

@@ -0,0 +1,59 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { CircleDashed, Check, Loader2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var statusIcon = {
+  pending: CircleDashed,
+  running: Loader2,
+  done: Check,
+  skipped: CircleDashed
+};
+var statusToneText = {
+  pending: "text-muted-foreground",
+  running: "text-primary",
+  done: "text-success line-through",
+  skipped: "text-muted-foreground line-through"
+};
+var statusBg = {
+  pending: "bg-muted text-muted-foreground",
+  running: "bg-primary text-primary-foreground",
+  done: "bg-success text-success-foreground",
+  skipped: "bg-muted text-muted-foreground"
+};
+var ProgressChecklist = forwardRef(
+  ({ className, title, steps, showProgressBars = true, ...props }, ref) => /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card p-4", className), ...props, children: [
+    title ? /* @__PURE__ */ jsx("header", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) }) : null,
+    /* @__PURE__ */ jsx("ol", { className: "grid gap-3", children: steps.map((step) => {
+      const Icon = statusIcon[step.status];
+      return /* @__PURE__ */ jsxs("li", { className: "grid grid-cols-[auto_1fr] items-start gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "mt-0.5 grid size-5 place-items-center rounded-full",
+              statusBg[step.status]
+            ),
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(Icon, { className: cn("size-3", step.status === "running" && "animate-spin") })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: cn("text-body-sm", statusToneText[step.status]), children: step.label }),
+          showProgressBars && step.status === "running" && step.progress !== void 0 ? /* @__PURE__ */ jsx("div", { className: "mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "h-full bg-primary transition-[width] duration-base ease-out-soft",
+              style: { width: `${Math.round(step.progress * 100)}%` }
+            }
+          ) }) : null
+        ] })
+      ] }, step.id);
+    }) })
+  ] })
+);
+ProgressChecklist.displayName = "ProgressChecklist";
+
+export { ProgressChecklist };
+//# sourceMappingURL=chunk-AX5EH73R.js.map
+//# sourceMappingURL=chunk-AX5EH73R.js.map

package/dist/chunk-AX5EH73R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/progress-checklist/progress-checklist.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,UAAA,GAAa;AAAA,EACjB,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,IAAA,EAAM,KAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,cAAA,GAAiD;AAAA,EACrD,OAAA,EAAS,uBAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM,2BAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,QAAA,GAA2C;AAAA,EAC/C,OAAA,EAAS,gCAAA;AAAA,EACT,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,oCAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAiBA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAO,gBAAA,GAAmB,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,wBAC/D,IAAA,CAAC,SAAA,EAAA,EAAQ,KAAU,SAAA,EAAW,EAAA,CAAG,iCAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAC/E,QAAA,EAAA;AAAA,IAAA,KAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,wCAAA,EAChB,QAAA,kBAAA,GAAA,CAAC,QAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM,CAAA,EACnE,CAAA,GACE,IAAA;AAAA,wBACH,IAAA,EAAA,EAAG,SAAA,EAAU,cACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,MAAA,MAAM,IAAA,GAAO,UAAA,CAAW,IAAA,CAAK,MAAM,CAAA;AACnC,MAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAiB,SAAA,EAAU,6CAAA,EAC1B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,oDAAA;AAAA,cACA,QAAA,CAAS,KAAK,MAAM;AAAA,aACtB;AAAA,YACA,aAAA,EAAY,MAAA;AAAA,YAEZ,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAW,EAAA,CAAG,UAAU,IAAA,CAAK,MAAA,KAAW,SAAA,IAAa,cAAc,CAAA,EAAG;AAAA;AAAA,SAC9E;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,cAAA,CAAe,KAAK,MAAM,CAAC,CAAA,EAAI,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UAC1E,gBAAA,IAAoB,IAAA,CAAK,MAAA,KAAW,SAAA,IAAa,IAAA,CAAK,aAAa,MAAA,mBAClE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yDAAA,EACb,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,kEAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,MAAM,IAAA,CAAK,QAAA,GAAW,GAAG,CAAC,CAAA,CAAA,CAAA;AAAI;AAAA,aAE1D,CAAA,GACE;AAAA,SAAA,EACN;AAAA,OAAA,EAAA,EApBO,KAAK,EAqBd,CAAA;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF;AAEJ;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-AX5EH73R.js","sourcesContent":["import { Check, CircleDashed, Loader2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { TaskStep, TaskStepStatus } from \"../../../types/task.js\";\n\nconst statusIcon = {\n  pending: CircleDashed,\n  running: Loader2,\n  done: Check,\n  skipped: CircleDashed,\n} as const;\n\nconst statusToneText: Record<TaskStepStatus, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-primary\",\n  done: \"text-success line-through\",\n  skipped: \"text-muted-foreground line-through\",\n};\n\nconst statusBg: Record<TaskStepStatus, string> = {\n  pending: \"bg-muted text-muted-foreground\",\n  running: \"bg-primary text-primary-foreground\",\n  done: \"bg-success text-success-foreground\",\n  skipped: \"bg-muted text-muted-foreground\",\n};\n\ninterface ProgressChecklistProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n  steps: TaskStep[];\n  /**\n   * If true, shows percentage bar for running steps with `progress`.\n   */\n  showProgressBars?: boolean;\n}\n\n/**\n * ProgressChecklist — right-inspector checklist.\n *\n * Visual: vertical list of steps with status dot, label, optional progress bar.\n * Matches WIREMOCKS §3 / §4 (\"Progresso\") with checkmarks and pulse on running.\n */\nconst ProgressChecklist = forwardRef<HTMLDivElement, ProgressChecklistProps>(\n  ({ className, title, steps, showProgressBars = true, ...props }, ref) => (\n    <section ref={ref} className={cn(\"rounded-xl border bg-card p-4\", className)} {...props}>\n      {title ? (\n        <header className=\"mb-3 flex items-center justify-between\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n        </header>\n      ) : null}\n      <ol className=\"grid gap-3\">\n        {steps.map((step) => {\n          const Icon = statusIcon[step.status];\n          return (\n            <li key={step.id} className=\"grid grid-cols-[auto_1fr] items-start gap-3\">\n              <span\n                className={cn(\n                  \"mt-0.5 grid size-5 place-items-center rounded-full\",\n                  statusBg[step.status],\n                )}\n                aria-hidden=\"true\"\n              >\n                <Icon className={cn(\"size-3\", step.status === \"running\" && \"animate-spin\")} />\n              </span>\n              <div className=\"min-w-0\">\n                <p className={cn(\"text-body-sm\", statusToneText[step.status])}>{step.label}</p>\n                {showProgressBars && step.status === \"running\" && step.progress !== undefined ? (\n                  <div className=\"mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-full bg-primary transition-[width] duration-base ease-out-soft\"\n                      style={{ width: `${Math.round(step.progress * 100)}%` }}\n                    />\n                  </div>\n                ) : null}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n    </section>\n  ),\n);\nProgressChecklist.displayName = \"ProgressChecklist\";\n\nexport { ProgressChecklist };\n"]}

package/dist/chunk-B3VAJSZ2.js

@@ -0,0 +1,35 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var inputVariants = cva(
+  [
+    "flex w-full rounded-md border border-input bg-card",
+    "text-foreground placeholder:text-muted-foreground",
+    "transition-[box-shadow,border-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",
+    "focus-visible:border-primary",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "file:border-0 file:bg-transparent file:font-medium file:text-body-sm"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-2.5 py-1 text-body-sm",
+        // md: density-tunable via CSS var. Comfortable (default) = 36px.
+        md: "h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        lg: "h-11 px-4 py-2.5 text-body-md"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Input = forwardRef(
+  ({ className, type = "text", size, ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: cn(inputVariants({ size }), className), ...props })
+);
+Input.displayName = "Input";
+
+export { Input };
+//# sourceMappingURL=chunk-B3VAJSZ2.js.map
+//# sourceMappingURL=chunk-B3VAJSZ2.js.map

package/dist/chunk-B3VAJSZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/input/input.tsx"],"names":[],"mappings":";;;;;AAKA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,oDAAA;AAAA,IACA,mDAAA;AAAA,IACA,kEAAA;AAAA,IACA,0IAAA;AAAA,IACA,8BAAA;AAAA,IACA,iDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,8BAAA;AAAA;AAAA,QAEJ,EAAA,EAAI,4FAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC,CAAA;AAqBA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,MAAA,EAAQ,MAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7C,GAAA,CAAC,OAAA,EAAA,EAAM,KAAU,IAAA,EAAY,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE/F;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-B3VAJSZ2.js","sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nconst inputVariants = cva(\n  [\n    \"flex w-full rounded-md border border-input bg-card\",\n    \"text-foreground placeholder:text-muted-foreground\",\n    \"transition-[box-shadow,border-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    \"focus-visible:border-primary\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"file:border-0 file:bg-transparent file:font-medium file:text-body-sm\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8 px-2.5 py-1 text-body-sm\",\n        // md: density-tunable via CSS var. Comfortable (default) = 36px.\n        md: \"h-[var(--theo-control-h,2.25rem)] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm\",\n        lg: \"h-11 px-4 py-2.5 text-body-md\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\n/**\n * Input — text input primitive.\n *\n * Violet Forge specifics:\n *   - height 40px (h-10) matching default Button md.\n *   - rounded-md (6px) — slightly less than buttons to differentiate.\n *   - focus uses violet ring (--ring).\n *   - placeholder uses --muted-foreground.\n *\n * The `size` prop accepts `\"sm\" | \"md\" | \"lg\"`. Default `md` preserves the\n * 40px tall input from before this prop existed. EC-1 (edge-case review):\n * this overrides the native HTML `size` attribute (text-input columns) —\n * use `{...{ size: 20 } as any}` if you genuinely need the HTML attribute,\n * which is exceedingly rare.\n */\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    VariantProps<typeof inputVariants> {}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type = \"text\", size, ...props }, ref) => (\n    <input ref={ref} type={type} className={cn(inputVariants({ size }), className)} {...props} />\n  ),\n);\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"]}

package/dist/chunk-B4CQMQ64.js

@@ -0,0 +1,25 @@
+import { AgentEvent } from './chunk-E4IRSSHO.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var AgentTimeline = forwardRef(
+  ({ className, events, collapsible = true, showLine = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "grid gap-1",
+        showLine && "relative pl-4 before:absolute before:top-1 before:bottom-1 before:left-[11px] before:w-px before:bg-border/60",
+        className
+      ),
+      ...props,
+      children: events.map((event) => /* @__PURE__ */ jsx("li", { className: "animate-fade-in-up", children: /* @__PURE__ */ jsx(AgentEvent, { event, collapsible }) }, event.id))
+    }
+  )
+);
+AgentTimeline.displayName = "AgentTimeline";
+
+export { AgentTimeline };
+//# sourceMappingURL=chunk-B4CQMQ64.js.map
+//# sourceMappingURL=chunk-B4CQMQ64.js.map

package/dist/chunk-B4CQMQ64.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-timeline/agent-timeline.tsx"],"names":[],"mappings":";;;;;AAyBA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,WAAA,GAAc,IAAA,EAAM,QAAA,GAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACrE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,YAAA;AAAA,QACA,QAAA,IACE,+GAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,yBACV,IAAA,EAAA,EAAkB,SAAA,EAAU,oBAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,cAAW,KAAA,EAAc,WAAA,EAA0B,CAAA,EAAA,EAD7C,KAAA,CAAM,EAEf,CACD;AAAA;AAAA;AAGP;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-B4CQMQ64.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { AgentEvent as AgentEventModel } from \"../../../types/agent.js\";\nimport { AgentEvent } from \"../../primitives/agent-event/index.js\";\n\ninterface AgentTimelineProps extends HTMLAttributes<HTMLOListElement> {\n  events: AgentEventModel[];\n  /**\n   * If true, events with `detail` are collapsible.\n   */\n  collapsible?: boolean;\n  /**\n   * Renders a vertical line connecting events. Default true.\n   */\n  showLine?: boolean;\n}\n\n/**\n * AgentTimeline — vertical list of agent events.\n *\n * Visual: optional thin border-left running through the column, with each\n * AgentEvent slightly indented from the line. Events animate in via fade-in-up\n * when first mounted.\n */\nconst AgentTimeline = forwardRef<HTMLOListElement, AgentTimelineProps>(\n  ({ className, events, collapsible = true, showLine = true, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        \"grid gap-1\",\n        showLine &&\n          \"relative pl-4 before:absolute before:top-1 before:bottom-1 before:left-[11px] before:w-px before:bg-border/60\",\n        className,\n      )}\n      {...props}\n    >\n      {events.map((event) => (\n        <li key={event.id} className=\"animate-fade-in-up\">\n          <AgentEvent event={event} collapsible={collapsible} />\n        </li>\n      ))}\n    </ol>\n  ),\n);\nAgentTimeline.displayName = \"AgentTimeline\";\n\nexport { AgentTimeline };\n"]}

package/dist/chunk-BMRZXT5T.js

@@ -0,0 +1,115 @@
+import { ChatComposer } from './chunk-F5P5P2SC.js';
+import { MentionMenu } from './chunk-REILH4XF.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { useState, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TRIGGER_CHARS = ["/", "@", "#"];
+var TRIGGER_RE = /(^|\s)([/@#])([^\s]*)$/;
+function detectTrigger(value) {
+  const match = value.match(TRIGGER_RE);
+  if (!match) return null;
+  const leading = match[1] ?? "";
+  const triggerChar = match[2];
+  const query = match[3] ?? "";
+  if (!TRIGGER_CHARS.includes(triggerChar)) return null;
+  const start = (match.index ?? 0) + leading.length;
+  return { trigger: triggerChar, query, start };
+}
+function resolveItems(source, query) {
+  if (!source) return [];
+  if (typeof source === "function") return source(query);
+  if (!query) return source;
+  const q = query.toLowerCase();
+  return source.filter((item) => {
+    const haystack = `${typeof item.label === "string" ? item.label : ""} ${typeof item.description === "string" ? item.description : ""}`.toLowerCase();
+    return haystack.includes(q);
+  });
+}
+function defaultInsertText(item, trigger) {
+  const label = typeof item.label === "string" ? item.label : "";
+  if (label.startsWith(trigger)) return label;
+  return `${trigger}${label}`;
+}
+function AgentComposer({
+  value,
+  onValueChange,
+  commands,
+  files,
+  memories,
+  resolveInsertText = defaultInsertText,
+  emptyLabels,
+  containerClassName,
+  className,
+  textareaProps,
+  ...chatComposerProps
+}) {
+  const [dismissedAt, setDismissedAt] = useState(null);
+  const detected = useMemo(() => detectTrigger(value), [value]);
+  const isDismissed = detected !== null && dismissedAt === detected.start;
+  const activeTrigger = isDismissed ? null : detected?.trigger ?? null;
+  const query = isDismissed ? "" : detected?.query ?? "";
+  const items = useMemo(() => {
+    if (!activeTrigger || !detected) return [];
+    if (activeTrigger === "/") return resolveItems(commands, query);
+    if (activeTrigger === "@") return resolveItems(files, query);
+    if (activeTrigger === "#") return resolveItems(memories, query);
+    return [];
+  }, [activeTrigger, detected, commands, files, memories, query]);
+  const handleSelect = (item) => {
+    if (!detected) return;
+    const before = value.slice(0, detected.start);
+    const insert = resolveInsertText(item, detected.trigger);
+    onValueChange(`${before}${insert} `);
+    setDismissedAt(null);
+  };
+  const handleClose = () => {
+    if (detected) setDismissedAt(detected.start);
+  };
+  const interceptKeyDown = (e) => {
+    if (activeTrigger) {
+      if (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(e.key)) {
+        if (e.key === "Enter") e.preventDefault();
+        return;
+      }
+    }
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      e.currentTarget.form?.requestSubmit();
+    }
+    textareaProps?.onKeyDown?.(e);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", containerClassName), children: [
+    /* @__PURE__ */ jsx(
+      MentionMenu,
+      {
+        open: !!activeTrigger && items !== null,
+        trigger: activeTrigger ?? "/",
+        items,
+        onSelect: handleSelect,
+        onClose: handleClose,
+        emptyLabel: activeTrigger ? emptyLabels?.[activeTrigger] : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChatComposer,
+      {
+        value,
+        onValueChange: (next) => {
+          if (!detectTrigger(next)) setDismissedAt(null);
+          onValueChange(next);
+        },
+        className,
+        textareaProps: {
+          ...textareaProps,
+          onKeyDown: interceptKeyDown
+        },
+        ...chatComposerProps
+      }
+    )
+  ] });
+}
+
+export { AgentComposer };
+//# sourceMappingURL=chunk-BMRZXT5T.js.map
+//# sourceMappingURL=chunk-BMRZXT5T.js.map

package/dist/chunk-BMRZXT5T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-composer/agent-composer.tsx"],"names":[],"mappings":"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","file":"chunk-BMRZXT5T.js","sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ComponentProps, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport {\n  type MentionItem,\n  MentionMenu,\n  type MentionTrigger,\n} from \"../../primitives/mention-menu/index.js\";\nimport { ChatComposer } from \"../chat-composer/chat-composer.js\";\n\n/**\n * AgentComposer — ChatComposer + slash-command / @file / #memory triggers.\n *\n * Wraps ChatComposer and watches the value for three trigger characters:\n *   `/` → slash commands (`/clear`, `/help`, …)\n *   `@` → file references (`@src/components/Foo.tsx`)\n *   `#` → memory entries (`#alignment-grid`)\n *\n * Detection is string-based — no textarea ref required. A trigger is active\n * iff the value ends with a token of the form `[\\s|^]([/@#])[^\\s]*` (i.e. a\n * trigger char preceded by start-of-string or whitespace, with no space\n * after).\n *\n * The consumer provides the candidate items per trigger. On selection the\n * trailing token is replaced with the chosen value plus a trailing space.\n */\n\ntype ItemsProvider = (query: string) => MentionItem[];\n\ninterface AgentComposerProps extends ComponentProps<typeof ChatComposer> {\n  /** Items shown when `/` is the active trigger. */\n  commands?: MentionItem[] | ItemsProvider;\n  /** Items shown when `@` is the active trigger. */\n  files?: MentionItem[] | ItemsProvider;\n  /** Items shown when `#` is the active trigger. */\n  memories?: MentionItem[] | ItemsProvider;\n  /**\n   * What text gets inserted when an item is picked. Defaults to\n   * `${trigger}${item.label}` (assumes `label` is a string). Override to\n   * insert a token different from the visible label (e.g. include path,\n   * id, …).\n   */\n  resolveInsertText?: (item: MentionItem, trigger: MentionTrigger) => string;\n  /** Optional slot for the empty-state copy per trigger. */\n  emptyLabels?: Partial<Record<MentionTrigger, ReactNode>>;\n  /** Outer wrapper className (the relative positioning anchor for the menu). */\n  containerClassName?: string;\n}\n\nconst TRIGGER_CHARS: ReadonlyArray<MentionTrigger> = [\"/\", \"@\", \"#\"];\n\nconst TRIGGER_RE = /(^|\\s)([/@#])([^\\s]*)$/;\n\ninterface DetectedTrigger {\n  trigger: MentionTrigger;\n  query: string;\n  /** Index in the value where the trigger char starts. */\n  start: number;\n}\n\nfunction detectTrigger(value: string): DetectedTrigger | null {\n  const match = value.match(TRIGGER_RE);\n  if (!match) return null;\n  const leading = match[1] ?? \"\";\n  const triggerChar = match[2] as MentionTrigger;\n  const query = match[3] ?? \"\";\n  if (!TRIGGER_CHARS.includes(triggerChar)) return null;\n  // start = position of the trigger char itself\n  const start = (match.index ?? 0) + leading.length;\n  return { trigger: triggerChar, query, start };\n}\n\nfunction resolveItems(\n  source: MentionItem[] | ItemsProvider | undefined,\n  query: string,\n): MentionItem[] {\n  if (!source) return [];\n  if (typeof source === \"function\") return source(query);\n  if (!query) return source;\n  const q = query.toLowerCase();\n  return source.filter((item) => {\n    const haystack = `${typeof item.label === \"string\" ? item.label : \"\"} ${\n      typeof item.description === \"string\" ? item.description : \"\"\n    }`.toLowerCase();\n    return haystack.includes(q);\n  });\n}\n\nfunction defaultInsertText(item: MentionItem, trigger: MentionTrigger): string {\n  const label = typeof item.label === \"string\" ? item.label : \"\";\n  // If the visible label already starts with the trigger char (e.g. \"/clear\"),\n  // use it as-is so we don't end up with \"//clear\".\n  if (label.startsWith(trigger)) return label;\n  return `${trigger}${label}`;\n}\n\nexport function AgentComposer({\n  value,\n  onValueChange,\n  commands,\n  files,\n  memories,\n  resolveInsertText = defaultInsertText,\n  emptyLabels,\n  containerClassName,\n  className,\n  textareaProps,\n  ...chatComposerProps\n}: AgentComposerProps) {\n  // Trigger detection + manual dismiss state.\n  // We honour `dismissed` so the user can Esc the menu and keep typing after\n  // a trigger char without the menu re-appearing.\n  const [dismissedAt, setDismissedAt] = useState<number | null>(null);\n\n  const detected = useMemo(() => detectTrigger(value), [value]);\n  const isDismissed = detected !== null && dismissedAt === detected.start;\n  const activeTrigger = isDismissed ? null : (detected?.trigger ?? null);\n  const query = isDismissed ? \"\" : (detected?.query ?? \"\");\n\n  const items = useMemo(() => {\n    if (!activeTrigger || !detected) return [];\n    if (activeTrigger === \"/\") return resolveItems(commands, query);\n    if (activeTrigger === \"@\") return resolveItems(files, query);\n    if (activeTrigger === \"#\") return resolveItems(memories, query);\n    return [];\n  }, [activeTrigger, detected, commands, files, memories, query]);\n\n  const handleSelect = (item: MentionItem) => {\n    if (!detected) return;\n    const before = value.slice(0, detected.start);\n    const insert = resolveInsertText(item, detected.trigger);\n    onValueChange(`${before}${insert} `);\n    setDismissedAt(null);\n  };\n\n  const handleClose = () => {\n    if (detected) setDismissedAt(detected.start);\n  };\n\n  const interceptKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (activeTrigger) {\n      // Let MentionMenu's global key handler take Arrow/Enter/Esc.\n      if ([\"ArrowDown\", \"ArrowUp\", \"Enter\", \"Escape\"].includes(e.key)) {\n        if (e.key === \"Enter\") e.preventDefault(); // also prevent form submit\n        return;\n      }\n    }\n    // Mirror ChatComposer's default Enter-to-submit when menu is closed.\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      (e.currentTarget.form as HTMLFormElement | null)?.requestSubmit();\n    }\n    textareaProps?.onKeyDown?.(e);\n  };\n\n  return (\n    <div className={cn(\"relative\", containerClassName)}>\n      <MentionMenu\n        open={!!activeTrigger && items !== null}\n        trigger={(activeTrigger ?? \"/\") as MentionTrigger}\n        items={items}\n        onSelect={handleSelect}\n        onClose={handleClose}\n        emptyLabel={activeTrigger ? emptyLabels?.[activeTrigger] : undefined}\n      />\n      <ChatComposer\n        value={value}\n        onValueChange={(next) => {\n          // If user clears the trigger token, drop the dismissed marker too.\n          if (!detectTrigger(next)) setDismissedAt(null);\n          onValueChange(next);\n        }}\n        className={className}\n        textareaProps={{\n          ...textareaProps,\n          onKeyDown: interceptKeyDown,\n        }}\n        {...chatComposerProps}\n      />\n    </div>\n  );\n}\n"]}