@usetheo/ui 0.13.0 → 0.13.1

package/dist/chunk-UDTAMHXW.js

@@ -1,55 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { Cloud, FileSpreadsheet, Folder } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var CreatedFilesCard = forwardRef(
-  ({ className, title = "Files created", files, cta, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "section",
-    {
-      ref,
-      className: cn("rounded-xl border border-primary/40 bg-primary/5 p-4", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "mb-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Cloud, { className: "size-4 text-primary", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
-        ] }),
-        /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: files.map((file) => {
-          const Icon = file.icon ?? FileSpreadsheet;
-          const RowTag = file.href ? "a" : "div";
-          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-            RowTag,
-            {
-              href: file.href,
-              target: file.href ? "_blank" : void 0,
-              rel: file.href ? "noreferrer" : void 0,
-              className: cn(
-                "flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2",
-                file.href && "transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(Icon, { className: "size-5 shrink-0 text-primary", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-code-md text-foreground", children: file.name }),
-                  file.destination ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 truncate text-body-sm text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx(Folder, { className: "size-3 shrink-0", "aria-hidden": "true" }),
-                    " ",
-                    file.destination
-                  ] }) : null
-                ] }),
-                file.size ? /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: file.size }) : null
-              ]
-            }
-          ) }, file.id);
-        }) }),
-        cta ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-end", children: cta }) : null
-      ]
-    }
-  )
-);
-CreatedFilesCard.displayName = "CreatedFilesCard";
-
-export { CreatedFilesCard };
-//# sourceMappingURL=chunk-UDTAMHXW.js.map
-//# sourceMappingURL=chunk-UDTAMHXW.js.map

package/dist/chunk-UDTAMHXW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/created-files-card/created-files-card.tsx"],"names":[],"mappings":";;;;;AAkCA,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,eAAA,EAAiB,OAAO,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7D,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,MAC9E,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,8BAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAC1D,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EACnE,CAAA;AAAA,4BACC,IAAA,EAAA,EAAG,SAAA,EAAU,cACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,eAAA;AAC1B,UAAA,MAAM,MAAA,GAAS,IAAA,CAAK,IAAA,GAAO,GAAA,GAAM,KAAA;AACjC,UAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,IAAA,GAAO,QAAA,GAAW,MAAA;AAAA,cAC/B,GAAA,EAAK,IAAA,CAAK,IAAA,GAAO,YAAA,GAAe,MAAA;AAAA,cAChC,SAAA,EAAW,EAAA;AAAA,gBACT,8EAAA;AAAA,gBACA,KAAK,IAAA,IACH;AAAA,eACJ;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAA+B,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,gCAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDAAA,EAAmD,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,kBACzE,IAAA,CAAK,WAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,qEAAA,EACX,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,iBAAA,EAAkB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,oBAAE,GAAA;AAAA,oBAAE,IAAA,CAAK;AAAA,mBAAA,EAClE,CAAA,GACE;AAAA,iBAAA,EACN,CAAA;AAAA,gBACC,IAAA,CAAK,uBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,MAAK,CAAA,GACxE;AAAA;AAAA;AAAA,WACN,EAAA,EAvBO,KAAK,EAwBd,CAAA;AAAA,QAEJ,CAAC,CAAA,EACH,CAAA;AAAA,QACC,sBAAM,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,eAAI,CAAA,GAAS;AAAA;AAAA;AAAA;AAGlE;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-UDTAMHXW.js","sourcesContent":["import { Cloud, FileSpreadsheet, Folder } 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 interface CreatedFile {\n  id: string;\n  name: string;\n  /** Optional size for display, e.g. \"42 KB\". */\n  size?: string;\n  /** Icon override. */\n  icon?: IconComponent;\n  /** Optional destination metadata (e.g. \"Google Drive · /Reports\"). */\n  destination?: ReactNode;\n  /** Optional URL to open the file. */\n  href?: string;\n}\n\ninterface CreatedFilesCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  files: CreatedFile[];\n  /**\n   * Optional CTA shown at the bottom (e.g. \"Move to Google Drive\").\n   */\n  cta?: ReactNode;\n}\n\n/**\n * CreatedFilesCard — surfaces files produced by a completed task.\n *\n * From WIREMOCKS §2: each file is a card-like row with icon + name + destination.\n * Used as social proof of delivery in Task Completed views.\n */\nconst CreatedFilesCard = forwardRef<HTMLElement, CreatedFilesCardProps>(\n  ({ className, title = \"Files created\", files, cta, ...props }, ref) => (\n    <section\n      ref={ref}\n      className={cn(\"rounded-xl border border-primary/40 bg-primary/5 p-4\", className)}\n      {...props}\n    >\n      <header className=\"mb-3 flex items-center gap-2\">\n        <Cloud className=\"size-4 text-primary\" aria-hidden=\"true\" />\n        <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n      </header>\n      <ul className=\"grid gap-2\">\n        {files.map((file) => {\n          const Icon = file.icon ?? FileSpreadsheet;\n          const RowTag = file.href ? \"a\" : \"div\";\n          return (\n            <li key={file.id}>\n              <RowTag\n                href={file.href}\n                target={file.href ? \"_blank\" : undefined}\n                rel={file.href ? \"noreferrer\" : undefined}\n                className={cn(\n                  \"flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2\",\n                  file.href &&\n                    \"transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                )}\n              >\n                <Icon className=\"size-5 shrink-0 text-primary\" aria-hidden=\"true\" />\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate font-mono text-code-md text-foreground\">{file.name}</p>\n                  {file.destination ? (\n                    <p className=\"flex items-center gap-1 truncate text-body-sm text-muted-foreground\">\n                      <Folder className=\"size-3 shrink-0\" aria-hidden=\"true\" /> {file.destination}\n                    </p>\n                  ) : null}\n                </div>\n                {file.size ? (\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">{file.size}</span>\n                ) : null}\n              </RowTag>\n            </li>\n          );\n        })}\n      </ul>\n      {cta ? <div className=\"mt-3 flex justify-end\">{cta}</div> : null}\n    </section>\n  ),\n);\nCreatedFilesCard.displayName = \"CreatedFilesCard\";\n\nexport { CreatedFilesCard };\n"]}

package/dist/chunk-UK27KR35.js

@@ -1,73 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { PauseCircle, XCircle, AlertCircle, CheckCircle2, Loader2, Clock } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_META = {
-  queued: {
-    icon: Clock,
-    label: "Queued",
-    className: "border-border bg-muted text-muted-foreground"
-  },
-  in_progress: {
-    icon: Loader2,
-    label: "In progress",
-    className: "border-primary/40 bg-primary/10 text-primary",
-    spin: true
-  },
-  finished: {
-    icon: CheckCircle2,
-    label: "Done",
-    className: "border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400"
-  },
-  error: {
-    icon: AlertCircle,
-    label: "Error",
-    className: "border-destructive/40 bg-destructive/10 text-destructive"
-  },
-  cancelled: {
-    icon: XCircle,
-    label: "Cancelled",
-    className: "border-border bg-muted text-muted-foreground"
-  },
-  interrupted: {
-    icon: PauseCircle,
-    label: "Interrupted",
-    className: "border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400"
-  }
-};
-var RunStatusPill = forwardRef(
-  ({ status, detail, className, "data-testid": dataTestId, ...rest }, ref) => {
-    const meta = STATUS_META[status];
-    const Icon = meta.icon;
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        role: "status",
-        "aria-live": "polite",
-        className: cn(
-          "inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 font-medium text-xs",
-          meta.className,
-          className
-        ),
-        "data-testid": dataTestId ?? "run-status-pill",
-        "data-status": status,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: cn("size-3", meta.spin && "animate-spin"), "aria-hidden": true }),
-          /* @__PURE__ */ jsx("span", { children: meta.label }),
-          detail !== void 0 && detail.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", "data-testid": "run-status-detail", children: [
-            " \xB7 ",
-            detail
-          ] })
-        ]
-      }
-    );
-  }
-);
-RunStatusPill.displayName = "RunStatusPill";
-
-export { RunStatusPill };
-//# sourceMappingURL=chunk-UK27KR35.js.map
-//# sourceMappingURL=chunk-UK27KR35.js.map

package/dist/chunk-UK27KR35.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/run-status-pill/run-status-pill.tsx"],"names":[],"mappings":";;;;;AAwCA,IAAM,WAAA,GAA6C;AAAA,EACjD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,KAAA;AAAA,IACN,KAAA,EAAO,QAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,SAAA,EAAW,8CAAA;AAAA,IACX,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,YAAA;AAAA,IACN,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,WAAA;AAAA,IACN,KAAA,EAAO,OAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,KAAA,EAAO,WAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,WAAA;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,SAAA,EAAW;AAAA;AAEf,CAAA;AAEO,IAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,EAAE,MAAA,EAAQ,MAAA,EAAQ,SAAA,EAAW,eAAe,UAAA,EAAY,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AAC1E,IAAA,MAAM,IAAA,GAAO,YAAY,MAAM,CAAA;AAC/B,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QAEA,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,sFAAA;AAAA,UACA,IAAA,CAAK,SAAA;AAAA,UACL;AAAA,SACF;AAAA,QACA,eAAa,UAAA,IAAc,iBAAA;AAAA,QAC3B,aAAA,EAAa,MAAA;AAAA,QACZ,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAW,EAAA,CAAG,QAAA,EAAU,KAAK,IAAA,IAAQ,cAAc,CAAA,EAAG,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,0BACxE,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,UACjB,MAAA,KAAW,MAAA,IAAa,MAAA,CAAO,MAAA,GAAS,CAAA,yBACtC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,aAAA,EAAY,mBAAA,EACjD,QAAA,EAAA;AAAA,YAAA,QAAA;AAAA,YACA;AAAA,WAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-UK27KR35.js","sourcesContent":["import {\n  AlertCircle,\n  CheckCircle2,\n  Clock,\n  Loader2,\n  type LucideIcon,\n  PauseCircle,\n  XCircle,\n} from \"lucide-react\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * RunStatusPill — compact status indicator for Run/Task lifecycle states.\n * Mirrors OpenClaw's `Run status: In progress | Done | Interrupted` pill.\n * Closed enum mirrors SDK `Task` state (D362).\n */\n\nexport type RunStatus =\n  | \"queued\"\n  | \"in_progress\"\n  | \"finished\"\n  | \"error\"\n  | \"cancelled\"\n  | \"interrupted\";\n\nexport interface RunStatusPillProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"title\"> {\n  status: RunStatus;\n  detail?: string;\n  \"data-testid\"?: string;\n}\n\ninterface StatusMeta {\n  icon: LucideIcon;\n  label: string;\n  className: string;\n  spin?: boolean;\n}\n\nconst STATUS_META: Record<RunStatus, StatusMeta> = {\n  queued: {\n    icon: Clock,\n    label: \"Queued\",\n    className: \"border-border bg-muted text-muted-foreground\",\n  },\n  in_progress: {\n    icon: Loader2,\n    label: \"In progress\",\n    className: \"border-primary/40 bg-primary/10 text-primary\",\n    spin: true,\n  },\n  finished: {\n    icon: CheckCircle2,\n    label: \"Done\",\n    className: \"border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  },\n  error: {\n    icon: AlertCircle,\n    label: \"Error\",\n    className: \"border-destructive/40 bg-destructive/10 text-destructive\",\n  },\n  cancelled: {\n    icon: XCircle,\n    label: \"Cancelled\",\n    className: \"border-border bg-muted text-muted-foreground\",\n  },\n  interrupted: {\n    icon: PauseCircle,\n    label: \"Interrupted\",\n    className: \"border-amber-500/40 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  },\n};\n\nexport const RunStatusPill = forwardRef<HTMLSpanElement, RunStatusPillProps>(\n  ({ status, detail, className, \"data-testid\": dataTestId, ...rest }, ref) => {\n    const meta = STATUS_META[status];\n    const Icon = meta.icon;\n    return (\n      <span\n        ref={ref}\n        // biome-ignore lint/a11y/useSemanticElements: inline status badge — <span role=\"status\"> keeps it phrasing-content compatible inside chat headers and table cells, where the implicit <output> placement would break layout\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          \"inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 font-medium text-xs\",\n          meta.className,\n          className,\n        )}\n        data-testid={dataTestId ?? \"run-status-pill\"}\n        data-status={status}\n        {...rest}\n      >\n        <Icon className={cn(\"size-3\", meta.spin && \"animate-spin\")} aria-hidden />\n        <span>{meta.label}</span>\n        {detail !== undefined && detail.length > 0 && (\n          <span className=\"text-muted-foreground\" data-testid=\"run-status-detail\">\n            {\" · \"}\n            {detail}\n          </span>\n        )}\n      </span>\n    );\n  },\n);\nRunStatusPill.displayName = \"RunStatusPill\";\n"]}

package/dist/chunk-UOMQPIB4.js

@@ -1,48 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var OVERRIDE_OPTIONS = ["off", "minimal", "low", "medium", "high", "xhigh"];
-function inheritedLabel(inheritedValue) {
-  if (inheritedValue === void 0) return "Inherited";
-  return `Inherited: ${inheritedValue}`;
-}
-function overrideLabel(level) {
-  if (level === "off") return "Off";
-  return `Override: ${level}`;
-}
-var ThinkingLevelSelector = forwardRef(
-  ({ value, inheritedValue, onChange, disabled = false, className, "data-testid": dataTestId }, ref) => {
-    if (process.env.NODE_ENV !== "production" && value === "inherited" && inheritedValue === void 0) {
-      console.warn(
-        '[ThinkingLevelSelector] value="inherited" but no inheritedValue prop \u2014 rendering as "Inherited: ?".'
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      "select",
-      {
-        ref,
-        "aria-label": "Thinking level",
-        className: cn(
-          "rounded-md border border-border bg-background px-2 py-1 text-sm",
-          "focus:outline-none focus:ring-2 focus:ring-primary",
-          disabled && "cursor-not-allowed opacity-50",
-          className
-        ),
-        disabled,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        "data-testid": dataTestId ?? "thinking-level-selector",
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "inherited", children: inheritedLabel(inheritedValue) }),
-          OVERRIDE_OPTIONS.map((level) => /* @__PURE__ */ jsx("option", { value: level, children: overrideLabel(level) }, level))
-        ]
-      }
-    );
-  }
-);
-ThinkingLevelSelector.displayName = "ThinkingLevelSelector";
-
-export { ThinkingLevelSelector };
-//# sourceMappingURL=chunk-UOMQPIB4.js.map
-//# sourceMappingURL=chunk-UOMQPIB4.js.map

package/dist/chunk-UOMQPIB4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/thinking-level-selector/thinking-level-selector.tsx"],"names":[],"mappings":";;;;AA+BA,IAAM,mBAAoC,CAAC,KAAA,EAAO,WAAW,KAAA,EAAO,QAAA,EAAU,QAAQ,OAAO,CAAA;AAE7F,SAAS,eAAe,cAAA,EAAmD;AACzE,EAAA,IAAI,cAAA,KAAmB,QAAW,OAAO,WAAA;AACzC,EAAA,OAAO,cAAc,cAAc,CAAA,CAAA;AACrC;AAEA,SAAS,cAAc,KAAA,EAA8B;AACnD,EAAA,IAAI,KAAA,KAAU,OAAO,OAAO,KAAA;AAC5B,EAAA,OAAO,aAAa,KAAK,CAAA,CAAA;AAC3B;AAEO,IAAM,qBAAA,GAAwB,UAAA;AAAA,EACnC,CACE,EAAE,KAAA,EAAO,cAAA,EAAgB,QAAA,EAAU,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,aAAA,EAAe,UAAA,EAAW,EAC1F,GAAA,KACG;AACH,IAAA,IACE,QAAQ,GAAA,CAAI,QAAA,KAAa,gBACzB,KAAA,KAAU,WAAA,IACV,mBAAmB,MAAA,EACnB;AAEA,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN;AAAA,OACF;AAAA,IACF;AACA,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAA,EAAW,gBAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACT,iEAAA;AAAA,UACA,oDAAA;AAAA,UACA,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAiC,CAAA;AAAA,QACpE,eAAa,UAAA,IAAc,yBAAA;AAAA,QAE3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,WAAA,EAAa,QAAA,EAAA,cAAA,CAAe,cAAc,CAAA,EAAE,CAAA;AAAA,UACzD,gBAAA,CAAiB,GAAA,CAAI,CAAC,KAAA,qBACrB,GAAA,CAAC,QAAA,EAAA,EAAmB,KAAA,EAAO,KAAA,EACxB,QAAA,EAAA,aAAA,CAAc,KAAK,CAAA,EAAA,EADT,KAEb,CACD;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA","file":"chunk-UOMQPIB4.js","sourcesContent":["import { forwardRef } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ThinkingLevelSelector — multi-state combobox for LLM reasoning budget.\n *\n * Mirrors the OpenClaw Control UI thinking selector. Values follow the SDK's\n * `Agent.thinking` parameter (\"minimal\" | \"low\" | \"medium\" | \"high\" | \"xhigh\")\n * plus a sentinel \"off\" and the special \"inherited\" mode that means \"use the\n * value resolved by the parent agent/session\".\n *\n * Pure UI primitive. No backend dependency. Consumer wires `value` from agent\n * state and persists `onChange` selections wherever it pleases.\n *\n * Phase 1 of `theokit-ui-parity-plan.md` (T1.1).\n */\n\nexport type ThinkingLevel = \"off\" | \"minimal\" | \"low\" | \"medium\" | \"high\" | \"xhigh\";\n\nexport type ThinkingLevelOrInherited = ThinkingLevel | \"inherited\";\n\nexport interface ThinkingLevelSelectorProps {\n  value: ThinkingLevelOrInherited;\n  inheritedValue?: ThinkingLevel;\n  onChange: (value: ThinkingLevelOrInherited) => void;\n  disabled?: boolean;\n  className?: string;\n  \"data-testid\"?: string;\n}\n\nconst OVERRIDE_OPTIONS: ThinkingLevel[] = [\"off\", \"minimal\", \"low\", \"medium\", \"high\", \"xhigh\"];\n\nfunction inheritedLabel(inheritedValue: ThinkingLevel | undefined): string {\n  if (inheritedValue === undefined) return \"Inherited\";\n  return `Inherited: ${inheritedValue}`;\n}\n\nfunction overrideLabel(level: ThinkingLevel): string {\n  if (level === \"off\") return \"Off\";\n  return `Override: ${level}`;\n}\n\nexport const ThinkingLevelSelector = forwardRef<HTMLSelectElement, ThinkingLevelSelectorProps>(\n  (\n    { value, inheritedValue, onChange, disabled = false, className, \"data-testid\": dataTestId },\n    ref,\n  ) => {\n    if (\n      process.env.NODE_ENV !== \"production\" &&\n      value === \"inherited\" &&\n      inheritedValue === undefined\n    ) {\n      // biome-ignore lint/suspicious/noConsole: dev-only warning when caller passes value=\"inherited\" without inheritedValue\n      console.warn(\n        '[ThinkingLevelSelector] value=\"inherited\" but no inheritedValue prop — rendering as \"Inherited: ?\".',\n      );\n    }\n    return (\n      <select\n        ref={ref}\n        aria-label=\"Thinking level\"\n        className={cn(\n          \"rounded-md border border-border bg-background px-2 py-1 text-sm\",\n          \"focus:outline-none focus:ring-2 focus:ring-primary\",\n          disabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n        disabled={disabled}\n        value={value}\n        onChange={(e) => onChange(e.target.value as ThinkingLevelOrInherited)}\n        data-testid={dataTestId ?? \"thinking-level-selector\"}\n      >\n        <option value=\"inherited\">{inheritedLabel(inheritedValue)}</option>\n        {OVERRIDE_OPTIONS.map((level) => (\n          <option key={level} value={level}>\n            {overrideLabel(level)}\n          </option>\n        ))}\n      </select>\n    );\n  },\n);\nThinkingLevelSelector.displayName = \"ThinkingLevelSelector\";\n"]}

package/dist/chunk-UOXU7NDY.js

@@ -1,120 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,106 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}