@theokit/ui 0.13.0

package/dist/chunk-TSZ5DEAT.js

@@ -0,0 +1,106 @@
+import { Button } from './chunk-5VOSCJKQ.js';
+import { BadgeWithDot } from './chunk-P57HUMAE.js';
+import { cn } from './chunk-EWDN56AS.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-TSZ5DEAT.js.map
+//# sourceMappingURL=chunk-TSZ5DEAT.js.map

package/dist/chunk-TSZ5DEAT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/rollback-ui/rollback-ui.tsx"],"names":[],"mappings":"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","file":"chunk-TSZ5DEAT.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"]}

package/dist/chunk-TUNVF45W.js

@@ -0,0 +1,127 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef, useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function toDate(value) {
+  const d = value instanceof Date ? value : new Date(value);
+  return Number.isNaN(d.getTime()) ? null : d;
+}
+var SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1e3;
+var UNITS = [
+  { unit: "year", ms: 365 * 24 * 60 * 60 * 1e3 },
+  { unit: "month", ms: 30 * 24 * 60 * 60 * 1e3 },
+  { unit: "day", ms: 24 * 60 * 60 * 1e3 },
+  { unit: "hour", ms: 60 * 60 * 1e3 },
+  { unit: "minute", ms: 60 * 1e3 }
+];
+function safeRelativeFormatter(locale) {
+  try {
+    return new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  } catch {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(`<Timestamp locale="${locale}">: invalid locale tag, falling back to default.`);
+    }
+    try {
+      return new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+    } catch {
+      return null;
+    }
+  }
+}
+function safeAbsoluteFormat(date, locale, withYear) {
+  try {
+    return date.toLocaleDateString(locale, {
+      month: "short",
+      day: "numeric",
+      ...withYear ? { year: "numeric" } : {}
+    });
+  } catch {
+    return date.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric",
+      ...withYear ? { year: "numeric" } : {}
+    });
+  }
+}
+function formatRelative(date, now, locale) {
+  const diffMs = date.getTime() - now.getTime();
+  const absMs = Math.abs(diffMs);
+  if (absMs < 6e4) return "just now";
+  if (diffMs < 0 && absMs > SEVEN_DAYS_MS) {
+    const sameYear = date.getFullYear() === now.getFullYear();
+    return safeAbsoluteFormat(date, locale, !sameYear);
+  }
+  const rtf = safeRelativeFormatter(locale);
+  if (rtf === null) {
+    return safeAbsoluteFormat(date, locale, date.getFullYear() !== now.getFullYear());
+  }
+  for (const { unit, ms } of UNITS) {
+    if (absMs >= ms) {
+      return rtf.format(Math.round(diffMs / ms), unit);
+    }
+  }
+  return "just now";
+}
+function formatAbsolute(date, locale) {
+  try {
+    return date.toLocaleString(locale, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return date.toLocaleString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
+}
+var Timestamp = forwardRef(
+  ({
+    className,
+    value,
+    format = "relative",
+    refreshInterval = 6e4,
+    locale,
+    noTooltip,
+    ...props
+  }, ref) => {
+    const date = toDate(value);
+    const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
+    useEffect(() => {
+      if (format !== "relative" || refreshInterval === 0 || date === null) return;
+      const id = setInterval(() => setNow(/* @__PURE__ */ new Date()), refreshInterval);
+      return () => clearInterval(id);
+    }, [format, refreshInterval, date]);
+    if (date === null) {
+      return /* @__PURE__ */ jsx("time", { ref, className: cn(className), suppressHydrationWarning: true, ...props });
+    }
+    const iso = date.toISOString();
+    const absolute = formatAbsolute(date, locale);
+    const relative = formatRelative(date, now, locale);
+    const visibleText = format === "absolute" ? absolute : format === "both" ? `${absolute} (${relative})` : relative;
+    return /* @__PURE__ */ jsx(
+      "time",
+      {
+        ref,
+        dateTime: iso,
+        title: noTooltip ? void 0 : absolute,
+        "aria-label": absolute,
+        suppressHydrationWarning: true,
+        className: cn(className),
+        ...props,
+        children: visibleText
+      }
+    );
+  }
+);
+Timestamp.displayName = "Timestamp";
+
+export { Timestamp };
+//# sourceMappingURL=chunk-TUNVF45W.js.map
+//# sourceMappingURL=chunk-TUNVF45W.js.map

package/dist/chunk-TUNVF45W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/timestamp/timestamp.tsx"],"names":[],"mappings":";;;;AAoCA,SAAS,OAAO,KAAA,EAA4C;AAC1D,EAAA,MAAM,IAAI,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AACxD,EAAA,OAAO,OAAO,KAAA,CAAM,CAAA,CAAE,OAAA,EAAS,IAAI,IAAA,GAAO,CAAA;AAC5C;AAEA,IAAM,aAAA,GAAgB,CAAA,GAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AACzC,IAAM,KAAA,GAAkE;AAAA,EACtE,EAAE,MAAM,MAAA,EAAQ,EAAA,EAAI,MAAM,EAAA,GAAK,EAAA,GAAK,KAAK,GAAA,EAAK;AAAA,EAC9C,EAAE,MAAM,OAAA,EAAS,EAAA,EAAI,KAAK,EAAA,GAAK,EAAA,GAAK,KAAK,GAAA,EAAK;AAAA,EAC9C,EAAE,IAAA,EAAM,KAAA,EAAO,IAAI,EAAA,GAAK,EAAA,GAAK,KAAK,GAAA,EAAK;AAAA,EACvC,EAAE,IAAA,EAAM,MAAA,EAAQ,EAAA,EAAI,EAAA,GAAK,KAAK,GAAA,EAAK;AAAA,EACnC,EAAE,IAAA,EAAM,QAAA,EAAU,EAAA,EAAI,KAAK,GAAA;AAC7B,CAAA;AAEA,SAAS,sBAAsB,MAAA,EAA4D;AACzF,EAAA,IAAI;AACF,IAAA,OAAO,IAAI,IAAA,CAAK,kBAAA,CAAmB,QAAQ,EAAE,OAAA,EAAS,QAAQ,CAAA;AAAA,EAChE,CAAA,CAAA,MAAQ;AAEN,IAAA,IAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,KAAa,YAAA,EAAc;AAEzC,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,mBAAA,EAAsB,MAAM,CAAA,gDAAA,CAAkD,CAAA;AAAA,IAC7F;AACA,IAAA,IAAI;AACF,MAAA,OAAO,IAAI,IAAA,CAAK,kBAAA,CAAmB,QAAW,EAAE,OAAA,EAAS,QAAQ,CAAA;AAAA,IACnE,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AACF;AAEA,SAAS,kBAAA,CAAmB,IAAA,EAAY,MAAA,EAA4B,QAAA,EAA2B;AAC7F,EAAA,IAAI;AACF,IAAA,OAAO,IAAA,CAAK,mBAAmB,MAAA,EAAQ;AAAA,MACrC,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,SAAA;AAAA,MACL,GAAI,QAAA,GAAW,EAAE,IAAA,EAAM,SAAA,KAAc;AAAC,KACvC,CAAA;AAAA,EACH,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA,CAAK,mBAAmB,MAAA,EAAW;AAAA,MACxC,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,SAAA;AAAA,MACL,GAAI,QAAA,GAAW,EAAE,IAAA,EAAM,SAAA,KAAc;AAAC,KACvC,CAAA;AAAA,EACH;AACF;AAEA,SAAS,cAAA,CAAe,IAAA,EAAY,GAAA,EAAW,MAAA,EAAoC;AACjF,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,OAAA,EAAQ,GAAI,IAAI,OAAA,EAAQ;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,GAAA,CAAI,MAAM,CAAA;AAE7B,EAAA,IAAI,KAAA,GAAQ,KAAQ,OAAO,UAAA;AAE3B,EAAA,IAAI,MAAA,GAAS,CAAA,IAAK,KAAA,GAAQ,aAAA,EAAe;AACvC,IAAA,MAAM,QAAA,GAAW,IAAA,CAAK,WAAA,EAAY,KAAM,IAAI,WAAA,EAAY;AACxD,IAAA,OAAO,kBAAA,CAAmB,IAAA,EAAM,MAAA,EAAQ,CAAC,QAAQ,CAAA;AAAA,EACnD;AAEA,EAAA,MAAM,GAAA,GAAM,sBAAsB,MAAM,CAAA;AACxC,EAAA,IAAI,QAAQ,IAAA,EAAM;AAChB,IAAA,OAAO,kBAAA,CAAmB,MAAM,MAAA,EAAQ,IAAA,CAAK,aAAY,KAAM,GAAA,CAAI,aAAa,CAAA;AAAA,EAClF;AAEA,EAAA,KAAA,MAAW,EAAE,IAAA,EAAM,EAAA,EAAG,IAAK,KAAA,EAAO;AAChC,IAAA,IAAI,SAAS,EAAA,EAAI;AACf,MAAA,OAAO,IAAI,MAAA,CAAO,IAAA,CAAK,MAAM,MAAA,GAAS,EAAE,GAAG,IAAI,CAAA;AAAA,IACjD;AAAA,EACF;AACA,EAAA,OAAO,UAAA;AACT;AAEA,SAAS,cAAA,CAAe,MAAY,MAAA,EAAoC;AACtE,EAAA,IAAI;AACF,IAAA,OAAO,IAAA,CAAK,eAAe,MAAA,EAAQ;AAAA,MACjC,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,SAAA;AAAA,MACL,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,EACH,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA,CAAK,eAAe,MAAA,EAAW;AAAA,MACpC,IAAA,EAAM,SAAA;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,SAAA;AAAA,MACL,IAAA,EAAM,SAAA;AAAA,MACN,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,EACH;AACF;AAEA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA,GAAS,UAAA;AAAA,IACT,eAAA,GAAkB,GAAA;AAAA,IAClB,MAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAO,OAAO,KAAK,CAAA;AACzB,IAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAe,sBAAM,IAAI,MAAM,CAAA;AAErD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,MAAA,KAAW,UAAA,IAAc,eAAA,KAAoB,CAAA,IAAK,SAAS,IAAA,EAAM;AACrE,MAAA,MAAM,EAAA,GAAK,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,eAAe,CAAA;AAChE,MAAA,OAAO,MAAM,cAAc,EAAE,CAAA;AAAA,IAC/B,CAAA,EAAG,CAAC,MAAA,EAAQ,eAAA,EAAiB,IAAI,CAAC,CAAA;AAElC,IAAA,IAAI,SAAS,IAAA,EAAM;AACjB,MAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAG,wBAAA,EAAwB,IAAA,EAAE,GAAG,KAAA,EAAO,CAAA;AAAA,IACvF;AAEA,IAAA,MAAM,GAAA,GAAM,KAAK,WAAA,EAAY;AAC7B,IAAA,MAAM,QAAA,GAAW,cAAA,CAAe,IAAA,EAAM,MAAM,CAAA;AAC5C,IAAA,MAAM,QAAA,GAAW,cAAA,CAAe,IAAA,EAAM,GAAA,EAAK,MAAM,CAAA;AACjD,IAAA,MAAM,WAAA,GACJ,MAAA,KAAW,UAAA,GAAa,QAAA,GAAW,MAAA,KAAW,SAAS,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,QAAQ,CAAA,CAAA,CAAA,GAAM,QAAA;AAEvF,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,GAAA;AAAA,QACV,KAAA,EAAO,YAAY,MAAA,GAAY,QAAA;AAAA,QAC/B,YAAA,EAAY,QAAA;AAAA,QACZ,wBAAA,EAAwB,IAAA;AAAA,QACxB,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-TUNVF45W.js","sourcesContent":["import { forwardRef, useEffect, useState } from \"react\";\nimport type { TimeHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Timestamp — accessible relative/absolute time primitive.\n *\n * Renders a semantic `<time datetime>` element. Format modes:\n *   - `relative` (default) — \"just now\", \"5 minutes ago\", \"2 hours ago\",\n *     \"Dec 5\" (>7d), \"Dec 5, 2024\" (different year)\n *   - `absolute` — full localized date+time\n *   - `both` — \"Dec 5, 2026 (2 hours ago)\"\n *\n * Uses zero-dep `Intl.RelativeTimeFormat`. The tooltip on hover is the\n * HTML `title` attribute (not the `<Tooltip>` component) — keeps this\n * file a true primitive without sibling-primitive imports.\n *\n * Auto-refreshes via `setInterval` (default 60_000ms); pass\n * `refreshInterval={0}` to disable. `aria-label` always carries the\n * absolute time so screen readers read \"May 23, 2026 14:32 — posted\n * 2 hours ago\".\n *\n * @param value Source date — ISO string, Date object, or **Unix ms**\n *              (NOT seconds). Passing seconds renders ~1970.\n */\nexport interface TimestampProps extends Omit<TimeHTMLAttributes<HTMLTimeElement>, \"children\"> {\n  value: string | Date | number;\n  format?: \"relative\" | \"absolute\" | \"both\";\n  /** Auto-refresh interval when format=relative. Default 60000. 0 disables. */\n  refreshInterval?: number;\n  /** Locale for absolute formatting + Intl.RelativeTimeFormat. Default browser locale. */\n  locale?: string;\n  /** When true, omit the `title` tooltip. */\n  noTooltip?: boolean;\n}\n\nfunction toDate(value: string | Date | number): Date | null {\n  const d = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(d.getTime()) ? null : d;\n}\n\nconst SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;\nconst UNITS: Array<{ unit: Intl.RelativeTimeFormatUnit; ms: number }> = [\n  { unit: \"year\", ms: 365 * 24 * 60 * 60 * 1000 },\n  { unit: \"month\", ms: 30 * 24 * 60 * 60 * 1000 },\n  { unit: \"day\", ms: 24 * 60 * 60 * 1000 },\n  { unit: \"hour\", ms: 60 * 60 * 1000 },\n  { unit: \"minute\", ms: 60 * 1000 },\n];\n\nfunction safeRelativeFormatter(locale: string | undefined): Intl.RelativeTimeFormat | null {\n  try {\n    return new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n  } catch {\n    // EC-8: invalid locale tag — fall back to default locale.\n    if (process.env.NODE_ENV !== \"production\") {\n      // biome-ignore lint/suspicious/noConsole: dev-only diagnostic.\n      console.warn(`<Timestamp locale=\"${locale}\">: invalid locale tag, falling back to default.`);\n    }\n    try {\n      return new Intl.RelativeTimeFormat(undefined, { numeric: \"auto\" });\n    } catch {\n      return null;\n    }\n  }\n}\n\nfunction safeAbsoluteFormat(date: Date, locale: string | undefined, withYear: boolean): string {\n  try {\n    return date.toLocaleDateString(locale, {\n      month: \"short\",\n      day: \"numeric\",\n      ...(withYear ? { year: \"numeric\" } : {}),\n    });\n  } catch {\n    return date.toLocaleDateString(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n      ...(withYear ? { year: \"numeric\" } : {}),\n    });\n  }\n}\n\nfunction formatRelative(date: Date, now: Date, locale: string | undefined): string {\n  const diffMs = date.getTime() - now.getTime();\n  const absMs = Math.abs(diffMs);\n\n  if (absMs < 60_000) return \"just now\";\n\n  if (diffMs < 0 && absMs > SEVEN_DAYS_MS) {\n    const sameYear = date.getFullYear() === now.getFullYear();\n    return safeAbsoluteFormat(date, locale, !sameYear);\n  }\n\n  const rtf = safeRelativeFormatter(locale);\n  if (rtf === null) {\n    return safeAbsoluteFormat(date, locale, date.getFullYear() !== now.getFullYear());\n  }\n\n  for (const { unit, ms } of UNITS) {\n    if (absMs >= ms) {\n      return rtf.format(Math.round(diffMs / ms), unit);\n    }\n  }\n  return \"just now\";\n}\n\nfunction formatAbsolute(date: Date, locale: string | undefined): string {\n  try {\n    return date.toLocaleString(locale, {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  } catch {\n    return date.toLocaleString(undefined, {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  }\n}\n\nconst Timestamp = forwardRef<HTMLTimeElement, TimestampProps>(\n  (\n    {\n      className,\n      value,\n      format = \"relative\",\n      refreshInterval = 60_000,\n      locale,\n      noTooltip,\n      ...props\n    },\n    ref,\n  ) => {\n    const date = toDate(value);\n    const [now, setNow] = useState<Date>(() => new Date());\n\n    useEffect(() => {\n      if (format !== \"relative\" || refreshInterval === 0 || date === null) return;\n      const id = setInterval(() => setNow(new Date()), refreshInterval);\n      return () => clearInterval(id);\n    }, [format, refreshInterval, date]);\n\n    if (date === null) {\n      return <time ref={ref} className={cn(className)} suppressHydrationWarning {...props} />;\n    }\n\n    const iso = date.toISOString();\n    const absolute = formatAbsolute(date, locale);\n    const relative = formatRelative(date, now, locale);\n    const visibleText =\n      format === \"absolute\" ? absolute : format === \"both\" ? `${absolute} (${relative})` : relative;\n\n    return (\n      <time\n        ref={ref}\n        dateTime={iso}\n        title={noTooltip ? undefined : absolute}\n        aria-label={absolute}\n        suppressHydrationWarning\n        className={cn(className)}\n        {...props}\n      >\n        {visibleText}\n      </time>\n    );\n  },\n);\nTimestamp.displayName = \"Timestamp\";\n\nexport { Timestamp };\n"]}

package/dist/chunk-TXOBNSQ5.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { AlertCircle, Sparkles, Rocket, Network, Terminal, Trash2, Pencil, Eye } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var stateClasses = {
+  enabled: "border-success/40 bg-success/10 text-success",
+  active: "border-primary/50 bg-primary/15 text-primary",
+  disabled: "border-border/40 bg-muted text-muted-foreground line-through",
+  blocked: "border-destructive/40 bg-destructive/10 text-destructive"
+};
+var CapabilityIndicator = forwardRef(
+  ({ className, capabilities, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      "aria-label": "Agent capabilities",
+      className: cn("flex flex-wrap items-center gap-1.5", className),
+      ...props,
+      children: capabilities.map((c) => {
+        const Icon = c.icon ?? AlertCircle;
+        const state = c.state ?? "enabled";
+        return /* @__PURE__ */ jsxs(
+          "li",
+          {
+            title: typeof c.hint === "string" ? c.hint : void 0,
+            className: cn(
+              "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5",
+              "font-sans text-label",
+              "transition-colors",
+              stateClasses[state]
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  "aria-hidden": "true",
+                  className: cn("size-3 shrink-0", state === "active" && "animate-pulse")
+                }
+              ),
+              c.label
+            ]
+          },
+          c.id
+        );
+      })
+    }
+  )
+);
+CapabilityIndicator.displayName = "CapabilityIndicator";
+var capabilityPresets = {
+  read: { id: "read", label: "Read files", icon: Eye },
+  write: { id: "write", label: "Write files", icon: Pencil },
+  delete: { id: "delete", label: "Delete files", icon: Trash2 },
+  bash: { id: "bash", label: "Run shell", icon: Terminal },
+  network: { id: "network", label: "Network", icon: Network },
+  deploy: { id: "deploy", label: "Deploy", icon: Rocket },
+  llm: { id: "llm", label: "Sub-agents", icon: Sparkles }
+};
+
+export { CapabilityIndicator, capabilityPresets };
+//# sourceMappingURL=chunk-TXOBNSQ5.js.map
+//# sourceMappingURL=chunk-TXOBNSQ5.js.map

package/dist/chunk-TXOBNSQ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/capability-indicator/capability-indicator.tsx"],"names":[],"mappings":";;;;;AAwCA,IAAM,YAAA,GAAgD;AAAA,EACpD,OAAA,EAAS,8CAAA;AAAA,EACT,MAAA,EAAQ,8CAAA;AAAA,EACR,QAAA,EAAU,8DAAA;AAAA,EACV,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,mBAAA,GAAsB,UAAA;AAAA,EAC1B,CAAC,EAAE,SAAA,EAAW,cAAc,GAAG,KAAA,IAAS,GAAA,qBACtC,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,YAAA,EAAW,oBAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,SAAS,CAAA;AAAA,MAC7D,GAAI,KAAA;AAAA,MAEJ,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM;AACvB,QAAA,MAAM,IAAA,GAAO,EAAE,IAAA,IAAQ,WAAA;AACvB,QAAA,MAAM,KAAA,GAAQ,EAAE,KAAA,IAAS,SAAA;AACzB,QAAA,uBACE,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,OAAO,OAAO,CAAA,CAAE,IAAA,KAAS,QAAA,GAAW,EAAE,IAAA,GAAO,MAAA;AAAA,YAC7C,SAAA,EAAW,EAAA;AAAA,cACT,oEAAA;AAAA,cACA,sBAAA;AAAA,cACA,mBAAA;AAAA,cACA,aAAa,KAAK;AAAA,aACpB;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAY,MAAA;AAAA,kBACZ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAmB,KAAA,KAAU,YAAY,eAAe;AAAA;AAAA,eACxE;AAAA,cACC,CAAA,CAAE;AAAA;AAAA,WAAA;AAAA,UAbE,CAAA,CAAE;AAAA,SAcT;AAAA,MAEJ,CAAC;AAAA;AAAA;AAGP;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAG3B,IAAM,iBAAA,GAAoB;AAAA,EAC/B,MAAM,EAAE,EAAA,EAAI,QAAQ,KAAA,EAAO,YAAA,EAAc,MAAM,GAAA,EAAI;AAAA,EACnD,OAAO,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,aAAA,EAAe,MAAM,MAAA,EAAO;AAAA,EACzD,QAAQ,EAAE,EAAA,EAAI,UAAU,KAAA,EAAO,cAAA,EAAgB,MAAM,MAAA,EAAO;AAAA,EAC5D,MAAM,EAAE,EAAA,EAAI,QAAQ,KAAA,EAAO,WAAA,EAAa,MAAM,QAAA,EAAS;AAAA,EACvD,SAAS,EAAE,EAAA,EAAI,WAAW,KAAA,EAAO,SAAA,EAAW,MAAM,OAAA,EAAQ;AAAA,EAC1D,QAAQ,EAAE,EAAA,EAAI,UAAU,KAAA,EAAO,QAAA,EAAU,MAAM,MAAA,EAAO;AAAA,EACtD,KAAK,EAAE,EAAA,EAAI,OAAO,KAAA,EAAO,YAAA,EAAc,MAAM,QAAA;AAC/C","file":"chunk-TXOBNSQ5.js","sourcesContent":["import {\n  AlertCircle,\n  Eye,\n  Network,\n  Pencil,\n  Rocket,\n  Sparkles,\n  Terminal,\n  Trash2,\n} from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type CapabilityState = \"enabled\" | \"disabled\" | \"blocked\" | \"active\";\n\nexport interface Capability {\n  id: string;\n  /** Visible label. */\n  label: ReactNode;\n  /** Optional icon override. */\n  icon?: IconComponent;\n  /** Default state. */\n  state?: CapabilityState;\n  /** Tooltip / longer description. */\n  hint?: ReactNode;\n}\n\ninterface CapabilityIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n  capabilities: Capability[];\n}\n\n/**\n * CapabilityIndicator — row of chips showing what the agent can currently do.\n *\n * Critical for transparency: the user should always see (e.g. in a top bar)\n * whether the agent has read/write/exec/network access enabled. The \"active\"\n * state pulses when a capability is in use.\n */\nconst stateClasses: Record<CapabilityState, string> = {\n  enabled: \"border-success/40 bg-success/10 text-success\",\n  active: \"border-primary/50 bg-primary/15 text-primary\",\n  disabled: \"border-border/40 bg-muted text-muted-foreground line-through\",\n  blocked: \"border-destructive/40 bg-destructive/10 text-destructive\",\n};\n\nconst CapabilityIndicator = forwardRef<HTMLUListElement, CapabilityIndicatorProps>(\n  ({ className, capabilities, ...props }, ref) => (\n    <ul\n      ref={ref}\n      aria-label=\"Agent capabilities\"\n      className={cn(\"flex flex-wrap items-center gap-1.5\", className)}\n      {...(props as HTMLAttributes<HTMLUListElement>)}\n    >\n      {capabilities.map((c) => {\n        const Icon = c.icon ?? AlertCircle;\n        const state = c.state ?? \"enabled\";\n        return (\n          <li\n            key={c.id}\n            title={typeof c.hint === \"string\" ? c.hint : undefined}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5\",\n              \"font-sans text-label\",\n              \"transition-colors\",\n              stateClasses[state],\n            )}\n          >\n            <Icon\n              aria-hidden=\"true\"\n              className={cn(\"size-3 shrink-0\", state === \"active\" && \"animate-pulse\")}\n            />\n            {c.label}\n          </li>\n        );\n      })}\n    </ul>\n  ),\n);\nCapabilityIndicator.displayName = \"CapabilityIndicator\";\n\n/** Common capability presets — re-use these so apps don't reinvent labels. */\nexport const capabilityPresets = {\n  read: { id: \"read\", label: \"Read files\", icon: Eye } as const,\n  write: { id: \"write\", label: \"Write files\", icon: Pencil } as const,\n  delete: { id: \"delete\", label: \"Delete files\", icon: Trash2 } as const,\n  bash: { id: \"bash\", label: \"Run shell\", icon: Terminal } as const,\n  network: { id: \"network\", label: \"Network\", icon: Network } as const,\n  deploy: { id: \"deploy\", label: \"Deploy\", icon: Rocket } as const,\n  llm: { id: \"llm\", label: \"Sub-agents\", icon: Sparkles } as const,\n};\n\nexport { CapabilityIndicator };\n"]}

package/dist/chunk-U44DRLMM.js

@@ -0,0 +1,88 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Sparkles, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var formatTokens = (n) => {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return `${n}`;
+};
+var AutoCompactNotice = forwardRef(
+  ({
+    className,
+    title = "Auto-compaction soon",
+    turnsRemaining,
+    tokensToCompact,
+    onCompactNow,
+    onDismiss,
+    ...props
+  }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref,
+        "aria-live": inLiveRegion ? void 0 : "polite",
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mt-0.5 size-4 shrink-0 text-warning", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-2 font-medium text-body-sm text-foreground", children: [
+              title,
+              turnsRemaining !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums", children: [
+                turnsRemaining,
+                " ",
+                turnsRemaining === 1 ? "turn" : "turns",
+                " left"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-muted-foreground", children: [
+              "Older context will be summarized to make room.",
+              tokensToCompact !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                "About",
+                " ",
+                /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+                  formatTokens(tokensToCompact),
+                  " tokens"
+                ] }),
+                " ",
+                "will be replaced by a recap."
+              ] }) : null
+            ] }),
+            onCompactNow ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCompactNow,
+                className: "mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Compact now"
+              }
+            ) : null
+          ] }),
+          onDismiss ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              "aria-label": "Dismiss",
+              className: "rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+AutoCompactNotice.displayName = "AutoCompactNotice";
+
+export { AutoCompactNotice };
+//# sourceMappingURL=chunk-U44DRLMM.js.map
+//# sourceMappingURL=chunk-U44DRLMM.js.map

package/dist/chunk-U44DRLMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/auto-compact-notice/auto-compact-notice.tsx"],"names":[],"mappings":"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","file":"chunk-U44DRLMM.js","sourcesContent":["import { Sparkles, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\ninterface AutoCompactNoticeProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Optional custom title. */\n  title?: ReactNode;\n  /**\n   * How many turns until the next auto-compaction. Used to render an inline\n   * countdown chip.\n   */\n  turnsRemaining?: number;\n  /** Approx tokens that will be removed/summarized. */\n  tokensToCompact?: number;\n  onCompactNow?: () => void;\n  onDismiss?: () => void;\n}\n\nconst formatTokens = (n: number) => {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;\n  return `${n}`;\n};\n\n/**\n * AutoCompactNotice — inline banner warning the user that the agent is\n * about to summarize / compact older context. Lets them act early (compact\n * now) or dismiss.\n *\n * Critical for transparency: a user must not be surprised by silent context\n * loss. This component announces it before it happens.\n */\nconst AutoCompactNotice = forwardRef<HTMLElement, AutoCompactNoticeProps>(\n  (\n    {\n      className,\n      title = \"Auto-compaction soon\",\n      turnsRemaining,\n      tokensToCompact,\n      onCompactNow,\n      onDismiss,\n      ...props\n    },\n    ref,\n  ) => {\n    // T4.1 (MF-4): omit aria-live when nested inside a container live region.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <aside\n        ref={ref}\n        aria-live={inLiveRegion ? undefined : \"polite\"}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <Sparkles className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden=\"true\" />\n        <div className=\"grid gap-1\">\n          <p className=\"flex items-baseline gap-2 font-medium text-body-sm text-foreground\">\n            {title}\n            {turnsRemaining !== undefined ? (\n              <span className=\"inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums\">\n                {turnsRemaining} {turnsRemaining === 1 ? \"turn\" : \"turns\"} left\n              </span>\n            ) : null}\n          </p>\n          <p className=\"text-body-sm text-muted-foreground\">\n            Older context will be summarized to make room.\n            {tokensToCompact !== undefined ? (\n              <>\n                {\" \"}\n                About{\" \"}\n                <span className=\"font-mono tabular-nums\">\n                  {formatTokens(tokensToCompact)} tokens\n                </span>{\" \"}\n                will be replaced by a recap.\n              </>\n            ) : null}\n          </p>\n          {onCompactNow ? (\n            <button\n              type=\"button\"\n              onClick={onCompactNow}\n              className=\"mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              Compact now\n            </button>\n          ) : null}\n        </div>\n        {onDismiss ? (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            aria-label=\"Dismiss\"\n            className=\"rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X className=\"size-3.5\" />\n          </button>\n        ) : null}\n      </aside>\n    );\n  },\n);\nAutoCompactNotice.displayName = \"AutoCompactNotice\";\n\nexport { AutoCompactNotice };\n"]}

package/dist/chunk-U4THNRV5.js

@@ -0,0 +1,114 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Clock, Play, Square, Trash2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_CONFIG = {
+  idle: { label: "Scheduled", class: "border-success/40 bg-success/10 text-success" },
+  running: {
+    label: "Running",
+    class: "border-primary/40 bg-primary/10 text-primary animate-pulse"
+  },
+  failed: {
+    label: "Last run failed",
+    class: "border-destructive/40 bg-destructive/10 text-destructive"
+  },
+  disabled: { label: "Disabled", class: "border-border/40 bg-muted text-muted-foreground" }
+};
+var CronJobCard = forwardRef(
+  ({ className, job, onRunNow, onToggle, onRemove, ...props }, ref) => {
+    const cfg = STATUS_CONFIG[job.status];
+    const enabled = job.status !== "disabled";
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        className: cn(
+          "grid gap-3 rounded-xl border bg-card p-4",
+          job.status === "disabled" && "opacity-70",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h4", { className: "font-display text-title-md tracking-tight", children: job.name }),
+              /* @__PURE__ */ jsxs("p", { className: "mt-0.5 inline-flex items-center gap-2 font-mono text-code-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+                " ",
+                job.schedule
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex items-center rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider",
+                  cfg.class
+                ),
+                children: cfg.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "line-clamp-2 rounded-md bg-muted/60 px-3 py-2 font-mono text-code-sm text-foreground", children: job.prompt }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 font-mono text-label text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: "last:" }),
+              " ",
+              job.lastRun ?? "never"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: "next:" }),
+              " ",
+              job.nextRun ?? "\u2014"
+            ] })
+          ] }),
+          job.lastResult ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: job.lastResult }) : null,
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-1.5", children: [
+            onRunNow ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRunNow(job.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Play, { className: "size-3" }),
+                  " Run now"
+                ]
+              }
+            ) : null,
+            onToggle ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onToggle(job.id, !enabled),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Square, { className: "size-3" }),
+                  " ",
+                  enabled ? "Pause" : "Enable"
+                ]
+              }
+            ) : null,
+            onRemove ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRemove(job.id),
+                "aria-label": `Remove ${job.name}`,
+                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
+          ] })
+        ]
+      }
+    );
+  }
+);
+CronJobCard.displayName = "CronJobCard";
+
+export { CronJobCard };
+//# sourceMappingURL=chunk-U4THNRV5.js.map
+//# sourceMappingURL=chunk-U4THNRV5.js.map

package/dist/chunk-U4THNRV5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/cron-job-card/cron-job-card.tsx"],"names":[],"mappings":"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","file":"chunk-U4THNRV5.js","sourcesContent":["import { Clock, Play, Square, Trash2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type CronJobStatus = \"idle\" | \"running\" | \"failed\" | \"disabled\";\n\nexport interface CronJob {\n  id: string;\n  /** Human-readable job name. */\n  name: string;\n  /** Cron expression — e.g. every 4 hours. */\n  schedule: string;\n  /** What gets run (prompt or command). */\n  prompt: string;\n  status: CronJobStatus;\n  /** ISO/string timestamp of last run. */\n  lastRun?: string;\n  /** ISO/string timestamp of next run. */\n  nextRun?: string;\n  /** Optional last-run result line. */\n  lastResult?: ReactNode;\n}\n\ninterface CronJobCardProps extends Omit<HTMLAttributes<HTMLElement>, \"onToggle\"> {\n  job: CronJob;\n  onRunNow?: (id: string) => void;\n  onToggle?: (id: string, enabled: boolean) => void;\n  onRemove?: (id: string) => void;\n}\n\nconst STATUS_CONFIG: Record<CronJobStatus, { label: string; class: string }> = {\n  idle: { label: \"Scheduled\", class: \"border-success/40 bg-success/10 text-success\" },\n  running: {\n    label: \"Running\",\n    class: \"border-primary/40 bg-primary/10 text-primary animate-pulse\",\n  },\n  failed: {\n    label: \"Last run failed\",\n    class: \"border-destructive/40 bg-destructive/10 text-destructive\",\n  },\n  disabled: { label: \"Disabled\", class: \"border-border/40 bg-muted text-muted-foreground\" },\n};\n\n/**\n * CronJobCard — one scheduled agent job. Shows cron expression, prompt,\n * status, last/next run. Inline actions: run now, pause, delete.\n */\nconst CronJobCard = forwardRef<HTMLElement, CronJobCardProps>(\n  ({ className, job, onRunNow, onToggle, onRemove, ...props }, ref) => {\n    const cfg = STATUS_CONFIG[job.status];\n    const enabled = job.status !== \"disabled\";\n    return (\n      <article\n        ref={ref}\n        className={cn(\n          \"grid gap-3 rounded-xl border bg-card p-4\",\n          job.status === \"disabled\" && \"opacity-70\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <h4 className=\"font-display text-title-md tracking-tight\">{job.name}</h4>\n            <p className=\"mt-0.5 inline-flex items-center gap-2 font-mono text-code-sm text-muted-foreground\">\n              <Clock className=\"size-3\" aria-hidden=\"true\" /> {job.schedule}\n            </p>\n          </div>\n          <span\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\",\n              cfg.class,\n            )}\n          >\n            {cfg.label}\n          </span>\n        </header>\n\n        <p className=\"line-clamp-2 rounded-md bg-muted/60 px-3 py-2 font-mono text-code-sm text-foreground\">\n          {job.prompt}\n        </p>\n\n        <div className=\"grid grid-cols-2 gap-3 font-mono text-label text-muted-foreground\">\n          <span>\n            <span className=\"text-muted-foreground/60\">last:</span> {job.lastRun ?? \"never\"}\n          </span>\n          <span>\n            <span className=\"text-muted-foreground/60\">next:</span> {job.nextRun ?? \"—\"}\n          </span>\n        </div>\n\n        {job.lastResult ? (\n          <p className=\"text-body-sm text-muted-foreground\">{job.lastResult}</p>\n        ) : null}\n\n        <footer className=\"flex items-center justify-end gap-1.5\">\n          {onRunNow ? (\n            <button\n              type=\"button\"\n              onClick={() => onRunNow(job.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Play className=\"size-3\" /> Run now\n            </button>\n          ) : null}\n          {onToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => onToggle(job.id, !enabled)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Square className=\"size-3\" /> {enabled ? \"Pause\" : \"Enable\"}\n            </button>\n          ) : null}\n          {onRemove ? (\n            <button\n              type=\"button\"\n              onClick={() => onRemove(job.id)}\n              aria-label={`Remove ${job.name}`}\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        </footer>\n      </article>\n    );\n  },\n);\nCronJobCard.displayName = \"CronJobCard\";\n\nexport { CronJobCard };\n"]}