@lumea-labs/orchestrator 0.1.0

package/dist/swarm-run-row.js

@@ -0,0 +1,125 @@
+"use client";
+import { RotateCcw, Square } from "lucide-react";
+import {
+  defaultSwarmLabels
+} from "./types";
+import { elapsedSeconds } from "./lib/format";
+const DOT = {
+  scheduled: "bg-[#7B3FE4]",
+  pending: "bg-p-ink-3",
+  running: "bg-p-accent",
+  review: "bg-[#2B44FF]",
+  done: "bg-p-green",
+  failed: "bg-[#E63946]",
+  cancelled: "bg-p-ink-3/50"
+};
+function SwarmRunRow({
+  run,
+  now,
+  renderAvatar,
+  onCancel,
+  onRetry,
+  onOpen,
+  active,
+  labels,
+  className
+}) {
+  const L = { ...defaultSwarmLabels, ...labels };
+  const clock = now ?? Date.now();
+  const elapsed = elapsedSeconds(run.startedAt, run.finishedAt, clock);
+  const isLive = run.status === "running" || run.status === "pending";
+  const showCancel = onCancel && isLive;
+  const showRetry = onRetry && (run.status === "failed" || run.status === "cancelled");
+  const glyph = run.agent.glyph || (run.agent.displayName || run.agent.name).charAt(0).toUpperCase();
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: onOpen ? "button" : void 0,
+      tabIndex: onOpen ? 0 : void 0,
+      onClick: onOpen ? () => onOpen(run.id) : void 0,
+      onKeyDown: onOpen ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onOpen(run.id);
+        }
+      } : void 0,
+      className: [
+        "group relative flex items-center gap-3 border-b border-p-line/70 px-3 py-1.5 transition-colors",
+        active ? "bg-p-warm" : onOpen ? "cursor-pointer hover:bg-p-warm/60" : "",
+        className || ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "relative inline-flex size-2 shrink-0" }, /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: [
+          "absolute inset-0 rounded-full",
+          DOT[run.status],
+          run.status === "running" ? "animate-ping opacity-60" : ""
+        ].join(" ")
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: ["relative inline-block size-2 rounded-full", DOT[run.status]].join(" ")
+      }
+    )),
+    renderAvatar ? renderAvatar(run.agent) : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "grid size-[18px] shrink-0 place-items-center rounded font-display text-[10px] font-bold text-white",
+        style: { background: run.agent.color || "#999" }
+      },
+      glyph
+    ),
+    /* @__PURE__ */ React.createElement("span", { className: "w-[68px] shrink-0 truncate font-mono text-[10.5px] font-bold uppercase tracking-[0.14em] text-p-ink" }, run.agent.displayName || run.agent.name),
+    /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate font-body text-[12.5px] leading-tight text-p-ink" }, run.title),
+    run.lastLog ? /* @__PURE__ */ React.createElement("span", { className: "hidden min-w-0 max-w-[28%] truncate font-mono text-[10.5px] text-p-ink-3 md:inline" }, run.lastLog) : null,
+    /* @__PURE__ */ React.createElement("span", { className: "w-12 shrink-0 text-right font-mono text-[10.5px] tabular-nums text-p-ink-3" }, run.startedAt ? isLive ? L.startedAgo(elapsed) : L.duration(elapsed) : "\u2014"),
+    /* @__PURE__ */ React.createElement("span", { className: "w-14 shrink-0 text-right" }, showCancel ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onCancel(run.id);
+        },
+        className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-[0.12em] text-p-ink-3 opacity-0 transition-all cursor-pointer group-hover:opacity-100 hover:bg-p-surface hover:text-[#E63946]"
+      },
+      /* @__PURE__ */ React.createElement(Square, { className: "size-2.5" }),
+      L.cancel
+    ) : showRetry ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRetry(run.id);
+        },
+        className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-[0.12em] text-p-ink-3 opacity-0 transition-all cursor-pointer group-hover:opacity-100 hover:bg-p-surface hover:text-p-ink"
+      },
+      /* @__PURE__ */ React.createElement(RotateCcw, { className: "size-2.5" }),
+      L.retry
+    ) : null),
+    run.progress !== void 0 && isLive ? /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "absolute inset-x-0 bottom-0 h-px bg-p-warm"
+      },
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "block h-full bg-p-accent transition-[width] duration-500",
+          style: { width: `${Math.max(0, Math.min(100, run.progress * 100))}%` }
+        }
+      )
+    ) : null
+  );
+}
+export {
+  SwarmRunRow
+};

package/dist/swarm-skeletons.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+
+/**
+ * Skeleton loaders for orchestrator surfaces — mirror the layout of
+ * `<SwarmRunDetail/>` and `<SwarmRunActivityStream/>` so the loading
+ * state feels native rather than a generic spinner.
+ *
+ * Pattern stolen from `@lumea/chat`'s ChatSkeleton: a `<Bone/>` primitive
+ * + composed silhouettes of the real components. Pure presentation, no
+ * data dependencies — drop in while the SwarmRun is fetching.
+ */
+interface SwarmRunDetailSkeletonProps {
+    /** Mirror the variant prop of `<SwarmRunDetail/>` so the silhouette
+     *  matches the consumer's chosen layout. Default `"tabs"`. */
+    variant?: "tabs" | "flat";
+    /** Hide the tools row so the silhouette matches `hideTools` consumers. */
+    hideTools?: boolean;
+    className?: string;
+}
+declare function SwarmRunDetailSkeleton({ variant, hideTools, className, }: SwarmRunDetailSkeletonProps): react.JSX.Element;
+interface SwarmRunActivityStreamSkeletonProps {
+    /** How many event rows to fake. Default `4`. */
+    count?: number;
+    className?: string;
+}
+declare function SwarmRunActivityStreamSkeleton({ count, className, }: SwarmRunActivityStreamSkeletonProps): react.JSX.Element;
+
+export { SwarmRunActivityStreamSkeleton, type SwarmRunActivityStreamSkeletonProps, SwarmRunDetailSkeleton, type SwarmRunDetailSkeletonProps };

package/dist/swarm-skeletons.js

@@ -0,0 +1,78 @@
+function Bone({
+  width,
+  height = 14,
+  rounded
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "bg-p-warm animate-pulse",
+      style: {
+        width,
+        height,
+        borderRadius: rounded === "full" ? 9999 : rounded ?? (height > 20 ? 8 : 4)
+      }
+    }
+  );
+}
+function SwarmRunDetailSkeleton({
+  variant = "tabs",
+  hideTools = false,
+  className
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "section",
+    {
+      "aria-busy": true,
+      "aria-label": "Loading run",
+      className: [
+        "flex h-full min-h-0 flex-col overflow-hidden rounded-2xl border border-p-line bg-p-surface",
+        className || ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement("header", { className: "flex shrink-0 items-center gap-2 border-b border-p-line px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "size-6 shrink-0 rounded-md bg-p-warm animate-pulse" }), /* @__PURE__ */ React.createElement(Bone, { width: "9rem", height: 13 }), /* @__PURE__ */ React.createElement("span", { className: "ml-auto inline-flex items-center gap-1" }, /* @__PURE__ */ React.createElement(Bone, { width: 56, height: 20, rounded: 6 }), /* @__PURE__ */ React.createElement("div", { className: "size-7 rounded-md bg-p-warm animate-pulse" }))),
+    /* @__PURE__ */ React.createElement("div", { className: "grid shrink-0 grid-cols-4 gap-3 border-b border-p-line px-4 py-3" }, Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement(Bone, { width: "3.5rem", height: 9 }), /* @__PURE__ */ React.createElement(Bone, { width: "4.5rem", height: 16 })))),
+    /* @__PURE__ */ React.createElement("div", { className: "shrink-0 border-b border-p-line px-4 py-3" }, /* @__PURE__ */ React.createElement(Bone, { width: "2.5rem", height: 9 }), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement(Bone, { width: "92%", height: 14 }), /* @__PURE__ */ React.createElement(Bone, { width: "74%", height: 14 }))),
+    variant === "tabs" ? /* @__PURE__ */ React.createElement(TabsBodySkeleton, { hideTools }) : /* @__PURE__ */ React.createElement(FlatBodySkeleton, { hideTools })
+  );
+}
+function TabsBodySkeleton({ hideTools }) {
+  const tabCount = hideTools ? 2 : 3;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex shrink-0 items-center gap-1 border-b border-p-line px-3 py-2" }, Array.from({ length: tabCount }, (_, i) => /* @__PURE__ */ React.createElement(Bone, { key: i, width: "5rem", height: 20, rounded: 6 }))), /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-hidden px-4 py-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React.createElement(Bone, { width: "88%" }), /* @__PURE__ */ React.createElement(Bone, { width: "76%" }), /* @__PURE__ */ React.createElement(Bone, { width: "92%" }), /* @__PURE__ */ React.createElement(Bone, { width: "60%" }), /* @__PURE__ */ React.createElement(Bone, { width: "80%" }))));
+}
+function FlatBodySkeleton({ hideTools }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto px-4 py-4" }, /* @__PURE__ */ React.createElement(FlatSectionSkeleton, { lines: 3 }), !hideTools ? /* @__PURE__ */ React.createElement(FlatSectionSkeleton, { lines: 2, chips: true }) : null, /* @__PURE__ */ React.createElement(FlatSectionSkeleton, { lines: 4 }));
+}
+function FlatSectionSkeleton({
+  lines,
+  chips
+}) {
+  const widths = ["88%", "76%", "92%", "60%", "82%"];
+  return /* @__PURE__ */ React.createElement("div", { className: "border-b border-p-line/60 py-3 last:border-0" }, /* @__PURE__ */ React.createElement(Bone, { width: "3.5rem", height: 9 }), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex flex-col gap-1.5" }, chips ? /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-1.5" }, Array.from({ length: lines * 2 }, (_, i) => /* @__PURE__ */ React.createElement(Bone, { key: i, width: "6rem", height: 22, rounded: 8 }))) : Array.from({ length: lines }, (_, i) => /* @__PURE__ */ React.createElement(Bone, { key: i, width: widths[i % widths.length] }))));
+}
+function SwarmRunActivityStreamSkeleton({
+  count = 4,
+  className
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "ol",
+    {
+      "aria-busy": true,
+      "aria-label": "Loading activity",
+      className: [
+        "flex flex-col divide-y divide-p-line/60",
+        className || ""
+      ].join(" ")
+    },
+    Array.from({ length: count }, (_, i) => /* @__PURE__ */ React.createElement(ActivityRowSkeleton, { key: i, index: i }))
+  );
+}
+function ActivityRowSkeleton({ index }) {
+  const bodyWidths = ["88%", "62%", "94%", "70%", "78%"];
+  const showAgent = index % 2 === 0;
+  return /* @__PURE__ */ React.createElement("li", { className: "grid grid-cols-[80px_24px_minmax(0,1fr)] items-start gap-3 py-3" }, /* @__PURE__ */ React.createElement(Bone, { width: "3.25rem", height: 9 }), /* @__PURE__ */ React.createElement("div", { className: "mt-1 size-5 rounded-full bg-p-warm animate-pulse" }), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex flex-col gap-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline gap-2" }, /* @__PURE__ */ React.createElement(Bone, { width: "4.5rem", height: 9 }), showAgent ? /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1" }, /* @__PURE__ */ React.createElement("div", { className: "size-3.5 rounded-[3px] bg-p-warm animate-pulse" }), /* @__PURE__ */ React.createElement(Bone, { width: "4rem", height: 9 })) : null), /* @__PURE__ */ React.createElement(Bone, { width: bodyWidths[index % bodyWidths.length], height: 13 }), index % 3 === 0 ? /* @__PURE__ */ React.createElement(Bone, { width: "55%", height: 13 }) : null));
+}
+export {
+  SwarmRunActivityStreamSkeleton,
+  SwarmRunDetailSkeleton
+};

package/dist/swarm-status-bar.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SwarmCounts, SwarmLabels } from './types.js';
+
+interface SwarmStatusBarProps {
+    counts: SwarmCounts;
+    onCancelAll?: () => void;
+    onRetryFailed?: () => void;
+    trailing?: ReactNode;
+    labels?: Partial<SwarmLabels>;
+    className?: string;
+}
+declare function SwarmStatusBar({ counts, onCancelAll, onRetryFailed, trailing, labels, className, }: SwarmStatusBarProps): react.JSX.Element;
+
+export { SwarmStatusBar, type SwarmStatusBarProps };

package/dist/swarm-status-bar.js

@@ -0,0 +1,79 @@
+"use client";
+import { RotateCcw, Square } from "lucide-react";
+import {
+  defaultSwarmLabels
+} from "./types";
+function SwarmStatusBar({
+  counts,
+  onCancelAll,
+  onRetryFailed,
+  trailing,
+  labels,
+  className
+}) {
+  const L = { ...defaultSwarmLabels, ...labels };
+  const showCancelAll = onCancelAll && counts.running + counts.pending > 0;
+  const showRetryFailed = onRetryFailed && counts.failed > 0;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: [
+        "flex flex-wrap items-center gap-3 rounded-xl border border-p-line bg-p-surface px-4 py-2.5",
+        className || ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement(Stat, { label: L.running, value: counts.running, tone: "accent", pulse: counts.running > 0 }),
+    /* @__PURE__ */ React.createElement("span", { className: "h-4 w-px bg-p-line" }),
+    /* @__PURE__ */ React.createElement(Stat, { label: L.done, value: counts.done, tone: "green" }),
+    /* @__PURE__ */ React.createElement("span", { className: "h-4 w-px bg-p-line" }),
+    /* @__PURE__ */ React.createElement(Stat, { label: L.failed, value: counts.failed, tone: "red" }),
+    /* @__PURE__ */ React.createElement("span", { className: "ml-auto inline-flex items-center gap-1.5" }, showCancelAll ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onCancelAll,
+        className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-[#E63946]"
+      },
+      /* @__PURE__ */ React.createElement(Square, { className: "size-2.5" }),
+      L.cancelAll
+    ) : null, showRetryFailed ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onRetryFailed,
+        className: "inline-flex items-center gap-1 rounded-md px-2 py-1 font-mono text-[10.5px] font-bold uppercase tracking-[0.16em] text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
+      },
+      /* @__PURE__ */ React.createElement(RotateCcw, { className: "size-2.5" }),
+      L.retryFailed
+    ) : null, trailing)
+  );
+}
+function Stat({
+  label,
+  value,
+  tone,
+  pulse
+}) {
+  const fg = tone === "accent" ? "text-p-accent" : tone === "green" ? "text-p-green" : "text-[#E63946]";
+  const dot = tone === "accent" ? "bg-p-accent" : tone === "green" ? "bg-p-green" : "bg-[#E63946]";
+  return /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement("span", { className: "relative inline-flex size-2 shrink-0" }, pulse ? /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: [
+        "absolute inset-0 rounded-full opacity-60",
+        dot,
+        "animate-ping"
+      ].join(" "),
+      "aria-hidden": true
+    }
+  ) : null, /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: ["relative inline-block size-2 rounded-full", dot].join(" "),
+      "aria-hidden": true
+    }
+  )), /* @__PURE__ */ React.createElement("span", { className: ["font-display text-[14px] font-bold tabular-nums", fg].join(" ") }, value), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-p-ink-3" }, label));
+}
+export {
+  SwarmStatusBar
+};

package/dist/swarm-status-pill.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { SwarmRunStatus } from './types.js';
+
+interface SwarmStatusPillProps {
+    status: SwarmRunStatus;
+    label?: string;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function SwarmStatusPill({ status, label, size, className, }: SwarmStatusPillProps): react.JSX.Element;
+
+export { SwarmStatusPill, type SwarmStatusPillProps };

package/dist/swarm-status-pill.js

@@ -0,0 +1,86 @@
+"use client";
+import {
+  CalendarClock,
+  CheckCircle2,
+  Circle,
+  Loader2,
+  Pause,
+  Scale,
+  XCircle
+} from "lucide-react";
+const TONE = {
+  scheduled: {
+    fg: "text-[#7B3FE4]",
+    bg: "bg-[#F3EEFF]",
+    ring: "ring-[#7B3FE4]/30"
+  },
+  pending: { fg: "text-p-ink-3", bg: "bg-p-warm", ring: "ring-p-line" },
+  running: {
+    fg: "text-p-accent",
+    bg: "bg-p-accent-light",
+    ring: "ring-p-accent/30"
+  },
+  review: {
+    fg: "text-[#2B44FF]",
+    bg: "bg-[#EEF2FF]",
+    ring: "ring-[#2B44FF]/30"
+  },
+  done: {
+    fg: "text-p-green",
+    bg: "bg-p-green-light",
+    ring: "ring-p-green/30"
+  },
+  failed: {
+    fg: "text-[#E63946]",
+    bg: "bg-[#FEF2F2]",
+    ring: "ring-[#E63946]/30"
+  },
+  cancelled: { fg: "text-p-ink-3", bg: "bg-p-warm", ring: "ring-p-line" }
+};
+const ICON = {
+  scheduled: CalendarClock,
+  pending: Pause,
+  running: Loader2,
+  review: Scale,
+  done: CheckCircle2,
+  failed: XCircle,
+  cancelled: Circle
+};
+function SwarmStatusPill({
+  status,
+  label,
+  size = "md",
+  className
+}) {
+  const Icon = ICON[status];
+  const tone = TONE[status];
+  const text = label ?? status;
+  const px = size === "sm" ? "px-1.5 py-[1px]" : "px-2 py-0.5";
+  const txt = size === "sm" ? "text-[9.5px]" : "text-[10px]";
+  const icon = size === "sm" ? "size-2.5" : "size-3";
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: [
+        "inline-flex items-center gap-1 rounded-full ring-1 font-mono font-bold uppercase tracking-[0.16em]",
+        tone.fg,
+        tone.bg,
+        tone.ring,
+        px,
+        txt,
+        className || ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        "aria-hidden": true,
+        className: [icon, status === "running" ? "animate-spin" : ""].join(" ")
+      }
+    ),
+    text
+  );
+}
+export {
+  SwarmStatusPill
+};

package/dist/swarm-timeline.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SwarmRun, SwarmLabels } from './types.js';
+
+interface SwarmTimelineProps {
+    runs: SwarmRun[];
+    /** Live clock — pass `state.now` from `useSwarm()` to make active
+     *  bars extend in real time and the now-cursor advance. */
+    now?: number;
+    renderAvatar?: (agent: SwarmRun["agent"]) => ReactNode;
+    onOpen?: (id: string) => void;
+    /** Pixel height per row. Default 32. */
+    rowHeight?: number;
+    /** Width reserved for the agent + goal label column. Default 264. */
+    labelWidth?: number;
+    labels?: Partial<SwarmLabels>;
+    className?: string;
+}
+declare function SwarmTimeline({ runs, now, renderAvatar, onOpen, rowHeight, labelWidth, labels, className, }: SwarmTimelineProps): react.JSX.Element;
+
+export { SwarmTimeline, type SwarmTimelineProps };