@usetheo/ui 0.9.0-next.0 → 0.11.0-next.0

package/dist/chunk-UGKI466V.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+
+// src/lib/live-region-context.tsx
+var LiveRegionContext = createContext(false);
+var LiveRegionProvider = LiveRegionContext.Provider;
+function useInLiveRegion() {
+  return useContext(LiveRegionContext);
+}
+
+export { LiveRegionProvider, useInLiveRegion };
+//# sourceMappingURL=chunk-UGKI466V.js.map
+//# sourceMappingURL=chunk-UGKI466V.js.map

package/dist/chunk-UGKI466V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/live-region-context.tsx"],"names":[],"mappings":";;;AA8CA,IAAM,iBAAA,GAAoB,cAAuB,KAAK,CAAA;AAE/C,IAAM,qBAAqB,iBAAA,CAAkB;AAE7C,SAAS,eAAA,GAA2B;AACzC,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-UGKI466V.js","sourcesContent":["import { createContext, useContext } from \"react\";\n\n/**\n * LiveRegionContext — coordinates `aria-live` declarations across nested\n * components so screen readers don't announce content twice.\n *\n * T4.1 (MF-4, edge-case review). Problem: a container component that\n * declares `role=\"log\" aria-live=\"polite\"` (e.g. `ChatThread`,\n * `AgentStream`) may render a child component that ALSO declares its own\n * `role=\"status\" aria-live=\"polite\"` (e.g. `AgentStreaming`,\n * `AgentErrorCard`). NVDA/JAWS/VoiceOver treat each live region as an\n * independent announcement source, so updates to the child trigger TWO\n * announcements — once from the inner status, once because the outer\n * log observes the DOM mutation. Result: stutter on every streaming\n * token, every new toast, every skeleton mount inside a log.\n *\n * Solution: container components wrap their content with\n * `<LiveRegionProvider value={true}>`. Child components call\n * `useInLiveRegion()` and omit their own `aria-live` / `role` when the\n * context is true. The outer region remains the single announcement\n * source.\n *\n * Default is `false` so standalone components (e.g., a single\n * `AgentStreaming` placed directly in a page) keep their original\n * announcement semantics with zero migration cost.\n *\n * @example\n *   // Container declares the live region\n *   <LiveRegionProvider value={true}>\n *     <div role=\"log\" aria-live=\"polite\">\n *       {children}\n *     </div>\n *   </LiveRegionProvider>\n *\n *   // Child reads context to decide its own ARIA attrs\n *   const inLiveRegion = useInLiveRegion();\n *   return (\n *     <div\n *       role={inLiveRegion ? undefined : \"status\"}\n *       aria-live={inLiveRegion ? undefined : \"polite\"}\n *     >\n *       ...\n *     </div>\n *   );\n */\n\nconst LiveRegionContext = createContext<boolean>(false);\n\nexport const LiveRegionProvider = LiveRegionContext.Provider;\n\nexport function useInLiveRegion(): boolean {\n  return useContext(LiveRegionContext);\n}\n"]}

package/dist/chunk-UOXU7NDY.js

@@ -0,0 +1,120 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Globe, Pencil, Trash2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SCOPE_LABEL = {
+  global: "Global",
+  project: "Project"
+};
+var SCOPE_CLASS = {
+  global: "bg-primary/15 text-primary",
+  project: "bg-accent/15 text-accent"
+};
+var RuleCard = forwardRef(
+  ({ className, rule, onSelect, onEdit, onDelete, onToggle, ...props }, ref) => {
+    const handleEdit = (e) => {
+      e.stopPropagation();
+      (onEdit ?? onSelect)?.(rule.id);
+    };
+    const handleDelete = (e) => {
+      e.stopPropagation();
+      onDelete?.(rule.id);
+    };
+    const handleToggle = (e) => {
+      e.stopPropagation();
+      onToggle?.(rule.id, rule.state === "enabled" ? "disabled" : "enabled");
+    };
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        className: cn(
+          "grid gap-2 rounded-lg border border-border/40 bg-card/40 p-3",
+          "transition-colors duration-base ease-out-soft",
+          onSelect && "cursor-pointer hover:border-border hover:bg-card/70",
+          rule.state === "disabled" && "opacity-60",
+          className
+        ),
+        onClick: onSelect ? () => onSelect(rule.id) : void 0,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx("h4", { className: "flex-1 truncate font-display text-foreground text-title-md tracking-tight", children: rule.title }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-2 font-medium font-mono text-label tracking-tight",
+                  SCOPE_CLASS[rule.scope]
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Globe, { className: "size-3", "aria-hidden": "true" }),
+                  " ",
+                  SCOPE_LABEL[rule.scope]
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-body-sm text-muted-foreground", children: rule.body }),
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
+              rule.tags?.map((t) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "inline-flex h-4 items-center rounded bg-muted px-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider",
+                  children: t
+                },
+                t
+              )),
+              rule.updatedAt ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: [
+                "\xB7 ",
+                rule.updatedAt
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              onToggle ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleToggle,
+                  "aria-label": rule.state === "enabled" ? "Disable rule" : "Enable rule",
+                  className: cn(
+                    "inline-flex h-6 items-center rounded-full px-2 font-mono text-label",
+                    rule.state === "enabled" ? "bg-success/15 text-success" : "bg-muted text-muted-foreground"
+                  ),
+                  children: rule.state === "enabled" ? "Enabled" : "Disabled"
+                }
+              ) : null,
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleEdit,
+                  "aria-label": "Edit rule",
+                  className: "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground",
+                  children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5" })
+                }
+              ),
+              onDelete ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleDelete,
+                  "aria-label": "Delete rule",
+                  className: "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                }
+              ) : null
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+RuleCard.displayName = "RuleCard";
+
+export { RuleCard };
+//# sourceMappingURL=chunk-UOXU7NDY.js.map
+//# sourceMappingURL=chunk-UOXU7NDY.js.map

package/dist/chunk-UOXU7NDY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/rule-card/rule-card.tsx"],"names":[],"mappings":"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","file":"chunk-UOXU7NDY.js","sourcesContent":["import { Globe, Pencil, Trash2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, MouseEvent } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { Rule, RuleScope, RuleState } from \"../../../types/rule.js\";\n\n/**\n * RuleCard — single Rule row in the Rules list. Renders title, scope/state\n * badges, optional tag chips, a truncated body preview, and edit/toggle/delete\n * actions in the corner.\n */\n\nconst SCOPE_LABEL: Record<RuleScope, string> = {\n  global: \"Global\",\n  project: \"Project\",\n};\n\nconst SCOPE_CLASS: Record<RuleScope, string> = {\n  global: \"bg-primary/15 text-primary\",\n  project: \"bg-accent/15 text-accent\",\n};\n\ninterface RuleCardProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"title\" | \"onSelect\" | \"onToggle\"> {\n  rule: Rule;\n  /** Click on the card body — typically opens detail/edit view. */\n  onSelect?: (id: string) => void;\n  /** Click on the edit pencil. Defaults to onSelect if omitted. */\n  onEdit?: (id: string) => void;\n  /** Click on the trash icon. Renders the icon only when provided. */\n  onDelete?: (id: string) => void;\n  /** Toggle enabled/disabled. Renders the switch-like dot only when provided. */\n  onToggle?: (id: string, next: RuleState) => void;\n}\n\nconst RuleCard = forwardRef<HTMLElement, RuleCardProps>(\n  ({ className, rule, onSelect, onEdit, onDelete, onToggle, ...props }, ref) => {\n    const handleEdit = (e: MouseEvent) => {\n      e.stopPropagation();\n      (onEdit ?? onSelect)?.(rule.id);\n    };\n    const handleDelete = (e: MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(rule.id);\n    };\n    const handleToggle = (e: MouseEvent) => {\n      e.stopPropagation();\n      onToggle?.(rule.id, rule.state === \"enabled\" ? \"disabled\" : \"enabled\");\n    };\n    return (\n      <article\n        ref={ref}\n        className={cn(\n          \"grid gap-2 rounded-lg border border-border/40 bg-card/40 p-3\",\n          \"transition-colors duration-base ease-out-soft\",\n          onSelect && \"cursor-pointer hover:border-border hover:bg-card/70\",\n          rule.state === \"disabled\" && \"opacity-60\",\n          className,\n        )}\n        onClick={onSelect ? () => onSelect(rule.id) : undefined}\n        {...props}\n      >\n        <header className=\"flex items-start gap-2\">\n          <h4 className=\"flex-1 truncate font-display text-foreground text-title-md tracking-tight\">\n            {rule.title}\n          </h4>\n          <span\n            className={cn(\n              \"inline-flex h-5 shrink-0 items-center gap-1 rounded-md px-2 font-medium font-mono text-label tracking-tight\",\n              SCOPE_CLASS[rule.scope],\n            )}\n          >\n            <Globe className=\"size-3\" aria-hidden=\"true\" /> {SCOPE_LABEL[rule.scope]}\n          </span>\n        </header>\n        <p className=\"line-clamp-2 text-body-sm text-muted-foreground\">{rule.body}</p>\n        <footer className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex flex-wrap items-center gap-1\">\n            {rule.tags?.map((t) => (\n              <span\n                key={t}\n                className=\"inline-flex h-4 items-center rounded bg-muted px-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\"\n              >\n                {t}\n              </span>\n            ))}\n            {rule.updatedAt ? (\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                · {rule.updatedAt}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"flex items-center gap-1\">\n            {onToggle ? (\n              <button\n                type=\"button\"\n                onClick={handleToggle}\n                aria-label={rule.state === \"enabled\" ? \"Disable rule\" : \"Enable rule\"}\n                className={cn(\n                  \"inline-flex h-6 items-center rounded-full px-2 font-mono text-label\",\n                  rule.state === \"enabled\"\n                    ? \"bg-success/15 text-success\"\n                    : \"bg-muted text-muted-foreground\",\n                )}\n              >\n                {rule.state === \"enabled\" ? \"Enabled\" : \"Disabled\"}\n              </button>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={handleEdit}\n              aria-label=\"Edit rule\"\n              className=\"grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground\"\n            >\n              <Pencil className=\"size-3.5\" />\n            </button>\n            {onDelete ? (\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                aria-label=\"Delete rule\"\n                className=\"grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-destructive/10 hover:text-destructive\"\n              >\n                <Trash2 className=\"size-3.5\" />\n              </button>\n            ) : null}\n          </div>\n        </footer>\n      </article>\n    );\n  },\n);\nRuleCard.displayName = \"RuleCard\";\n\nexport { RuleCard };\n"]}

package/dist/chunk-V7OOTVK3.js

@@ -0,0 +1,106 @@
+import { Button } from './chunk-57NXT3OX.js';
+import { BadgeWithDot } from './chunk-O23LKHUR.js';
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Clock, GitCommit, RotateCcw, ArrowDownLeft } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RollbackUI = forwardRef(
+  ({ className, history, onRollback, ...props }, ref) => {
+    const [confirmId, setConfirmId] = useState(null);
+    const [pendingId, setPendingId] = useState(null);
+    const trigger = async (id) => {
+      setPendingId(id);
+      try {
+        await onRollback?.(id);
+      } finally {
+        setPendingId(null);
+        setConfirmId(null);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("rounded-xl border bg-card p-5 shadow-sm", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("header", { className: "mb-4 flex items-baseline justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: "Rollback" }),
+            /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: "Instant rollback to a previous version. Verified in under 5 seconds." })
+          ] }) }),
+          /* @__PURE__ */ jsx("ol", { className: "grid gap-2", children: history.map((target, idx) => {
+            const isCurrent = target.isCurrent ?? idx === 0;
+            const isConfirming = confirmId === target.id;
+            const isPending = pendingId === target.id;
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: cn(
+                  "grid grid-cols-[auto_1fr_auto] items-center gap-3 rounded-lg border p-3",
+                  isCurrent ? "border-primary/40 bg-primary/5" : "border-border/40 bg-card"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "grid size-8 place-items-center rounded-md",
+                        isCurrent ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+                      ),
+                      "aria-hidden": "true",
+                      children: isCurrent ? /* @__PURE__ */ jsx(Clock, { className: "size-4" }) : /* @__PURE__ */ jsx(GitCommit, { className: "size-4" })
+                    }
+                  ),
+                  /* @__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-mono text-code-sm text-foreground", children: target.version }),
+                      isCurrent ? /* @__PURE__ */ jsx(BadgeWithDot, { variant: "success", children: "Current" }) : null,
+                      target.duration ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm text-muted-foreground", children: [
+                        "\xB7 ",
+                        target.duration
+                      ] }) : null
+                    ] }),
+                    /* @__PURE__ */ jsxs("p", { className: "mt-0.5 truncate text-body-sm text-muted-foreground", children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-mono", children: target.commitSha.slice(0, 7) }),
+                      " \xB7",
+                      " ",
+                      target.commitMessage,
+                      " \xB7 ",
+                      target.deployedAt
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { children: isCurrent ? null : isConfirming ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "sm",
+                        variant: "ghost",
+                        onClick: () => setConfirmId(null),
+                        disabled: isPending,
+                        children: "Cancel"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => trigger(target.id), disabled: isPending, children: [
+                      /* @__PURE__ */ jsx(RotateCcw, {}),
+                      " Confirm rollback"
+                    ] })
+                  ] }) : /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "secondary", onClick: () => setConfirmId(target.id), children: [
+                    /* @__PURE__ */ jsx(ArrowDownLeft, {}),
+                    " Roll back"
+                  ] }) })
+                ]
+              },
+              target.id
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+RollbackUI.displayName = "RollbackUI";
+
+export { RollbackUI };
+//# sourceMappingURL=chunk-V7OOTVK3.js.map
+//# sourceMappingURL=chunk-V7OOTVK3.js.map

package/dist/chunk-V7OOTVK3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/rollback-ui/rollback-ui.tsx"],"names":[],"mappings":"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","file":"chunk-V7OOTVK3.js","sourcesContent":["import { ArrowDownLeft, Clock, GitCommit, RotateCcw } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\n\nexport interface RollbackTarget {\n  id: string;\n  version: string;\n  commitSha: string;\n  commitMessage: string;\n  deployedAt: string;\n  isCurrent?: boolean;\n  /**\n   * Optional duration of the deploy (e.g. \"24s\") for context.\n   */\n  duration?: string;\n}\n\ninterface RollbackUIProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Deployment history, newest first. The current deploy should have `isCurrent: true`.\n   */\n  history: RollbackTarget[];\n  /**\n   * Fires when user confirms rollback to a specific target.\n   */\n  onRollback?: (targetId: string) => void | Promise<void>;\n}\n\n/**\n * RollbackUI — instant rollback selector showing recent versions.\n *\n * The current deploy is marked, every other version offers a \"Roll back\" button.\n * On select, the row enters confirm state (Confirm / Cancel buttons inline) before\n * firing onRollback. This protects against accidental rollbacks while still being one click.\n */\nconst RollbackUI = forwardRef<HTMLDivElement, RollbackUIProps>(\n  ({ className, history, onRollback, ...props }, ref) => {\n    const [confirmId, setConfirmId] = useState<string | null>(null);\n    const [pendingId, setPendingId] = useState<string | null>(null);\n\n    const trigger = async (id: string) => {\n      setPendingId(id);\n      try {\n        await onRollback?.(id);\n      } finally {\n        setPendingId(null);\n        setConfirmId(null);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card p-5 shadow-sm\", className)}\n        {...props}\n      >\n        <header className=\"mb-4 flex items-baseline justify-between gap-3\">\n          <div>\n            <h3 className=\"font-display text-title-md tracking-tight\">Rollback</h3>\n            <p className=\"text-body-sm text-muted-foreground\">\n              Instant rollback to a previous version. Verified in under 5 seconds.\n            </p>\n          </div>\n        </header>\n\n        <ol className=\"grid gap-2\">\n          {history.map((target, idx) => {\n            const isCurrent = target.isCurrent ?? idx === 0;\n            const isConfirming = confirmId === target.id;\n            const isPending = pendingId === target.id;\n            return (\n              <li\n                key={target.id}\n                className={cn(\n                  \"grid grid-cols-[auto_1fr_auto] items-center gap-3 rounded-lg border p-3\",\n                  isCurrent ? \"border-primary/40 bg-primary/5\" : \"border-border/40 bg-card\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"grid size-8 place-items-center rounded-md\",\n                    isCurrent\n                      ? \"bg-primary text-primary-foreground\"\n                      : \"bg-muted text-muted-foreground\",\n                  )}\n                  aria-hidden=\"true\"\n                >\n                  {isCurrent ? <Clock className=\"size-4\" /> : <GitCommit className=\"size-4\" />}\n                </span>\n                <div className=\"min-w-0\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <span className=\"font-mono text-code-sm text-foreground\">{target.version}</span>\n                    {isCurrent ? <Badge variant=\"success\">Current</Badge> : null}\n                    {target.duration ? (\n                      <span className=\"font-mono text-code-sm text-muted-foreground\">\n                        · {target.duration}\n                      </span>\n                    ) : null}\n                  </div>\n                  <p className=\"mt-0.5 truncate text-body-sm text-muted-foreground\">\n                    <span className=\"font-mono\">{target.commitSha.slice(0, 7)}</span> ·{\" \"}\n                    {target.commitMessage} · {target.deployedAt}\n                  </p>\n                </div>\n                <div>\n                  {isCurrent ? null : isConfirming ? (\n                    <div className=\"flex items-center gap-1\">\n                      <Button\n                        size=\"sm\"\n                        variant=\"ghost\"\n                        onClick={() => setConfirmId(null)}\n                        disabled={isPending}\n                      >\n                        Cancel\n                      </Button>\n                      <Button size=\"sm\" onClick={() => trigger(target.id)} disabled={isPending}>\n                        <RotateCcw /> Confirm rollback\n                      </Button>\n                    </div>\n                  ) : (\n                    <Button size=\"sm\" variant=\"secondary\" onClick={() => setConfirmId(target.id)}>\n                      <ArrowDownLeft /> Roll back\n                    </Button>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n    );\n  },\n);\nRollbackUI.displayName = \"RollbackUI\";\n\nexport { RollbackUI };\n"]}