@theokit/ui 0.13.0

package/dist/chunk-XOT5HWSF.js

@@ -0,0 +1,23 @@
+import { LiveRegionProvider } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ChatThread = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(LiveRegionProvider, { value: true, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      className: cn("flex flex-col gap-6", className),
+      ...props
+    }
+  ) })
+);
+ChatThread.displayName = "ChatThread";
+
+export { ChatThread };
+//# sourceMappingURL=chunk-XOT5HWSF.js.map
+//# sourceMappingURL=chunk-XOT5HWSF.js.map

package/dist/chunk-XOT5HWSF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/chat-thread/chat-thread.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,IAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,eAAA,EAAc,WAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN,EACF;AAEJ;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-XOT5HWSF.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { LiveRegionProvider } from \"../../../lib/live-region-context.js\";\n\n/**\n * ChatThread — simple vertical container that applies spacing + scroll.\n *\n * No virtualization or stickiness. Wrap with your own scroller for long threads.\n *\n * T4.1 (MF-4): declares the outer live region and wraps children in\n * LiveRegionProvider so nested AgentStreaming / AgentErrorCard / Skeleton\n * don't add their own aria-live (double-announcement avoided).\n */\nconst ChatThread = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <LiveRegionProvider value={true}>\n      <div\n        ref={ref}\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-relevant=\"additions\"\n        className={cn(\"flex flex-col gap-6\", className)}\n        {...props}\n      />\n    </LiveRegionProvider>\n  ),\n);\nChatThread.displayName = \"ChatThread\";\n\nexport { ChatThread };\n"]}

package/dist/chunk-Y72IP43U.js

@@ -0,0 +1,117 @@
+import { safeHref } from './chunk-GDMCDW66.js';
+import { BadgeWithDot } from './chunk-P57HUMAE.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitPullRequest, Server, ExternalLink } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default"
+};
+var statusToDot = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted"
+};
+var statusLabels = {
+  queued: "Queued",
+  building: "Building",
+  deploying: "Deploying",
+  live: "Live",
+  failed: "Failed",
+  cancelled: "Cancelled"
+};
+var PreviewEnvCard = forwardRef(
+  ({ className, env, actions, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "article",
+    {
+      ref,
+      className: cn(
+        "rounded-xl border bg-card p-5 shadow-sm",
+        "transition-[border-color,box-shadow] duration-base ease-out-soft",
+        "hover:border-primary/40",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 font-mono text-label-caps text-muted-foreground uppercase", children: [
+              /* @__PURE__ */ jsx(GitPullRequest, { className: "size-3" }),
+              " PR #",
+              env.prNumber
+            ] }),
+            /* @__PURE__ */ jsx("h3", { className: "mt-1 truncate font-display text-title-md tracking-tight", children: env.prTitle }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-body-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: env.branch }),
+              env.author ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  env.author.name
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "opened ",
+                env.createdAt
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(BadgeWithDot, { variant: "primary", children: [
+            /* @__PURE__ */ jsx(Server, { className: "size-3" }),
+            " ",
+            env.services.length,
+            " service",
+            env.services.length === 1 ? "" : "s"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-4 divide-y divide-border/30 rounded-lg border border-border/30", children: env.services.map((s) => {
+          const sanitized = safeHref(s.url);
+          return /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-foreground", children: s.name }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              sanitized ? /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: sanitized,
+                  className: "inline-flex items-center gap-1 font-mono text-code-sm text-primary hover:underline",
+                  target: "_blank",
+                  rel: "noreferrer",
+                  children: [
+                    sanitized.replace(/^https?:\/\//, ""),
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: "internal" }),
+              /* @__PURE__ */ jsxs(BadgeWithDot, { variant: statusToVariant[s.status], children: [
+                /* @__PURE__ */ jsx(
+                  BadgeWithDot.Dot,
+                  {
+                    tone: statusToDot[s.status],
+                    pulse: s.status === "building" || s.status === "deploying" || s.status === "queued"
+                  }
+                ),
+                statusLabels[s.status]
+              ] })
+            ] })
+          ] }, s.name);
+        }) }),
+        actions ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center gap-2", children: actions }) : null
+      ]
+    }
+  )
+);
+PreviewEnvCard.displayName = "PreviewEnvCard";
+
+export { PreviewEnvCard };
+//# sourceMappingURL=chunk-Y72IP43U.js.map
+//# sourceMappingURL=chunk-Y72IP43U.js.map

package/dist/chunk-Y72IP43U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/preview-env-card/preview-env-card.tsx"],"names":[],"mappings":"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","file":"chunk-Y72IP43U.js","sourcesContent":["import { ExternalLink, GitPullRequest, Server } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { safeHref } from \"../../../lib/safe-href.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport type { DeploymentStatus } from \"../deployment-row/deployment-row.js\";\n\nconst statusToVariant: Record<\n  DeploymentStatus,\n  \"default\" | \"primary\" | \"success\" | \"warning\" | \"destructive\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"default\",\n};\nconst statusToDot: Record<\n  DeploymentStatus,\n  \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"muted\",\n};\nconst statusLabels: Record<DeploymentStatus, string> = {\n  queued: \"Queued\",\n  building: \"Building\",\n  deploying: \"Deploying\",\n  live: \"Live\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n};\n\nexport interface PreviewService {\n  /** Service name e.g. \"api\", \"web\", \"worker\". */\n  name: string;\n  /** Live URL or null if not exposed (worker). */\n  url?: string;\n  status: DeploymentStatus;\n}\n\nexport interface PreviewEnv {\n  id: string;\n  prNumber: number;\n  prTitle: string;\n  branch: string;\n  author?: { name: string; avatarUrl?: string };\n  services: PreviewService[];\n  createdAt: string;\n}\n\ninterface PreviewEnvCardProps extends HTMLAttributes<HTMLDivElement> {\n  env: PreviewEnv;\n  actions?: ReactNode;\n}\n\n/**\n * PreviewEnvCard — preview environment card surfacing all services from one PR.\n *\n * Theo's killer feature: full-stack preview environments. The card shows:\n *   - PR number + title at the top\n *   - branch + author in the metadata row\n *   - one badge per service with its own status + URL\n *   - bottom action row (Open, Promote, Delete)\n */\nconst PreviewEnvCard = forwardRef<HTMLDivElement, PreviewEnvCardProps>(\n  ({ className, env, actions, ...props }, ref) => (\n    <article\n      ref={ref}\n      className={cn(\n        \"rounded-xl border bg-card p-5 shadow-sm\",\n        \"transition-[border-color,box-shadow] duration-base ease-out-soft\",\n        \"hover:border-primary/40\",\n        className,\n      )}\n      {...(props as HTMLAttributes<HTMLDivElement>)}\n    >\n      <header className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"flex items-center gap-2 font-mono text-label-caps text-muted-foreground uppercase\">\n            <GitPullRequest className=\"size-3\" /> PR #{env.prNumber}\n          </p>\n          <h3 className=\"mt-1 truncate font-display text-title-md tracking-tight\">{env.prTitle}</h3>\n          <p className=\"mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-body-sm text-muted-foreground\">\n            <span className=\"font-mono text-code-sm\">{env.branch}</span>\n            {env.author ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span>by {env.author.name}</span>\n              </>\n            ) : null}\n            <span aria-hidden=\"true\">·</span>\n            <span>opened {env.createdAt}</span>\n          </p>\n        </div>\n        <Badge variant=\"primary\">\n          <Server className=\"size-3\" /> {env.services.length} service\n          {env.services.length === 1 ? \"\" : \"s\"}\n        </Badge>\n      </header>\n\n      <ul className=\"mt-4 divide-y divide-border/30 rounded-lg border border-border/30\">\n        {env.services.map((s) => {\n          // T3.3 (SEC-003): defang dangerous URL protocols before rendering\n          // as <a href>. Consumers passing user-controlled URLs from API\n          // responses are protected from javascript:/vbscript:/data:text/html\n          // XSS payloads.\n          const sanitized = safeHref(s.url);\n          return (\n            <li key={s.name} className=\"flex items-center justify-between gap-3 px-3 py-2\">\n              <span className=\"font-mono text-code-sm text-foreground\">{s.name}</span>\n              <div className=\"flex items-center gap-2\">\n                {sanitized ? (\n                  <a\n                    href={sanitized}\n                    className=\"inline-flex items-center gap-1 font-mono text-code-sm text-primary hover:underline\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    {sanitized.replace(/^https?:\\/\\//, \"\")}\n                    <ExternalLink className=\"size-3\" />\n                  </a>\n                ) : (\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">internal</span>\n                )}\n                <Badge variant={statusToVariant[s.status]}>\n                  <Badge.Dot\n                    tone={statusToDot[s.status]}\n                    pulse={\n                      s.status === \"building\" || s.status === \"deploying\" || s.status === \"queued\"\n                    }\n                  />\n                  {statusLabels[s.status]}\n                </Badge>\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n\n      {actions ? <div className=\"mt-4 flex items-center gap-2\">{actions}</div> : null}\n    </article>\n  ),\n);\nPreviewEnvCard.displayName = \"PreviewEnvCard\";\n\nexport { PreviewEnvCard };\n"]}

package/dist/chunk-YD6FLXBV.js

@@ -0,0 +1,61 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Bot, Terminal, Loader2, CheckCircle2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sourceIcon = {
+  agent: Bot,
+  bash: Terminal,
+  tool: Bot
+};
+var sourceLabel = {
+  agent: "Agent",
+  bash: "Bash",
+  tool: "Tool"
+};
+var RunningTasksPanel = forwardRef(
+  ({ className, tasks, ...props }, ref) => {
+    const running = tasks.filter((t) => t.status === "running");
+    const completed = tasks.filter((t) => t.status !== "running");
+    return /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card p-4", className), ...props, children: [
+      /* @__PURE__ */ jsx(Group, { title: "Running", empty: "Nothing running", items: running }),
+      completed.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Group, { title: "Completed", empty: "\u2014", items: completed }) }) : null
+    ] });
+  }
+);
+RunningTasksPanel.displayName = "RunningTasksPanel";
+function Group({
+  title,
+  empty,
+  items
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h4", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title }),
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: empty }) : /* @__PURE__ */ jsx("ul", { className: "grid gap-1", children: items.map((task) => {
+      const SourceIcon = sourceIcon[task.source];
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm",
+          children: [
+            task.status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-primary", "aria-label": "running" }) : task.status === "completed" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5 text-success", "aria-label": "completed" }) : /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-destructive", "aria-label": "failed" }),
+            /* @__PURE__ */ jsx(
+              SourceIcon,
+              {
+                className: "size-3.5 shrink-0 text-muted-foreground",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: task.label }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase", children: sourceLabel[task.source] })
+          ]
+        },
+        task.id
+      );
+    }) })
+  ] });
+}
+
+export { RunningTasksPanel };
+//# sourceMappingURL=chunk-YD6FLXBV.js.map
+//# sourceMappingURL=chunk-YD6FLXBV.js.map

package/dist/chunk-YD6FLXBV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/running-tasks-panel/running-tasks-panel.tsx"],"names":[],"mappings":"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","file":"chunk-YD6FLXBV.js","sourcesContent":["import { Bot, CheckCircle2, Loader2, Terminal } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type TaskSource = \"agent\" | \"bash\" | \"tool\";\nexport type RunningTaskStatus = \"running\" | \"completed\" | \"failed\";\n\nexport interface RunningTaskItem {\n  id: string;\n  label: ReactNode;\n  source: TaskSource;\n  status: RunningTaskStatus;\n}\n\ninterface RunningTasksPanelProps extends HTMLAttributes<HTMLElement> {\n  tasks: RunningTaskItem[];\n}\n\nconst sourceIcon = {\n  agent: Bot,\n  bash: Terminal,\n  tool: Bot,\n} as const;\nconst sourceLabel: Record<TaskSource, string> = {\n  agent: \"Agent\",\n  bash: \"Bash\",\n  tool: \"Tool\",\n};\n\n/**\n * RunningTasksPanel — split list of Running vs Completed tasks.\n *\n * Used in the Code workspace right rail to give operational visibility into\n * what the agent is executing (foreground/background) vs what already finished.\n */\nconst RunningTasksPanel = forwardRef<HTMLElement, RunningTasksPanelProps>(\n  ({ className, tasks, ...props }, ref) => {\n    const running = tasks.filter((t) => t.status === \"running\");\n    const completed = tasks.filter((t) => t.status !== \"running\");\n    return (\n      <section ref={ref} className={cn(\"rounded-xl border bg-card p-4\", className)} {...props}>\n        <Group title=\"Running\" empty=\"Nothing running\" items={running} />\n        {completed.length > 0 ? (\n          <div className=\"mt-4\">\n            <Group title=\"Completed\" empty=\"—\" items={completed} />\n          </div>\n        ) : null}\n      </section>\n    );\n  },\n);\nRunningTasksPanel.displayName = \"RunningTasksPanel\";\n\nfunction Group({\n  title,\n  empty,\n  items,\n}: {\n  title: string;\n  empty: ReactNode;\n  items: RunningTaskItem[];\n}) {\n  return (\n    <div>\n      <h4 className=\"mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n        {title}\n      </h4>\n      {items.length === 0 ? (\n        <p className=\"text-body-sm text-muted-foreground\">{empty}</p>\n      ) : (\n        <ul className=\"grid gap-1\">\n          {items.map((task) => {\n            const SourceIcon = sourceIcon[task.source];\n            return (\n              <li\n                key={task.id}\n                className=\"flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm\"\n              >\n                {task.status === \"running\" ? (\n                  <Loader2 className=\"size-3.5 animate-spin text-primary\" aria-label=\"running\" />\n                ) : task.status === \"completed\" ? (\n                  <CheckCircle2 className=\"size-3.5 text-success\" aria-label=\"completed\" />\n                ) : (\n                  <span className=\"size-2 rounded-full bg-destructive\" aria-label=\"failed\" />\n                )}\n                <SourceIcon\n                  className=\"size-3.5 shrink-0 text-muted-foreground\"\n                  aria-hidden=\"true\"\n                />\n                <span className=\"flex-1 truncate\">{task.label}</span>\n                <span className=\"font-mono text-label text-muted-foreground uppercase\">\n                  {sourceLabel[task.source]}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport { RunningTasksPanel };\n"]}