@lumea-labs/orchestrator 0.1.0

package/dist/plan-task-detail.js

@@ -0,0 +1,450 @@
+"use client";
+import { useMemo, useState } from "react";
+import {
+  AlertTriangle,
+  ArrowRight,
+  CheckCircle2,
+  Circle,
+  Clock,
+  Flag,
+  Pause,
+  Play,
+  RotateCcw,
+  Scale,
+  Square,
+  XCircle,
+  Zap
+} from "lucide-react";
+import {
+  defaultPlanGraphLabels
+} from "./plan-types";
+const STATUS_ICON = {
+  draft: Circle,
+  pending: Pause,
+  running: RotateCcw,
+  review: Scale,
+  done: CheckCircle2,
+  failed: XCircle
+};
+const STATUS_TONE = {
+  draft: "text-p-ink-3",
+  pending: "text-p-ink-3",
+  running: "text-p-accent",
+  review: "text-[#2B44FF]",
+  done: "text-p-green",
+  failed: "text-[#E63946]"
+};
+const STATUS_HEX = {
+  draft: "var(--ink-3)",
+  pending: "var(--ink-3)",
+  running: "var(--p-accent)",
+  review: "#2B44FF",
+  done: "var(--green)",
+  failed: "#E63946"
+};
+const STATUS_BG = {
+  draft: "bg-p-warm",
+  pending: "bg-p-warm",
+  running: "bg-p-accent-light",
+  review: "bg-[#EEF2FF]",
+  done: "bg-p-green-light",
+  failed: "bg-[#FEF2F2]"
+};
+function PlanTaskDetail({
+  task,
+  plan,
+  runtimeByTitle,
+  agents,
+  variant = "panel",
+  headerTrailing,
+  actionsSlot,
+  actions,
+  confirm,
+  onOpenRelated,
+  renderMarkdown,
+  labels,
+  className
+}) {
+  const L = useMemo(
+    () => ({ ...defaultPlanGraphLabels, ...labels }),
+    [labels]
+  );
+  const runtime = runtimeByTitle?.get(task.title);
+  const status = runtime?.status ?? "draft";
+  const StatusIcon = STATUS_ICON[status];
+  const tone = STATUS_TONE[status];
+  const agentName = runtime?.agentName ?? task.assignTo;
+  const agent = agentName ? agents?.find((a) => a.name === agentName) : void 0;
+  const dependsOn = task.dependsOn ?? [];
+  const dependents = useMemo(() => {
+    if (!plan) return [];
+    const out = [];
+    for (const tk of plan.tasks) {
+      if ((tk.dependsOn ?? []).includes(task.title)) out.push(tk.title);
+    }
+    return out;
+  }, [plan, task.title]);
+  if (variant === "page") {
+    return /* @__PURE__ */ React.createElement(
+      "article",
+      {
+        className: [
+          "flex h-full min-h-0 flex-col overflow-hidden bg-p-surface",
+          className || ""
+        ].join(" ")
+      },
+      /* @__PURE__ */ React.createElement(
+        PageHeader,
+        {
+          status,
+          phase: runtime?.phase ?? task.phase,
+          priority: runtime?.priority,
+          sideEffects: runtime?.sideEffects,
+          L,
+          headerTrailing
+        }
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col gap-7 overflow-y-auto px-7 py-7" }, /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("h2", { className: "font-display text-[28px] font-bold leading-[1.06] tracking-[-0.02em] text-p-ink" }, task.title), task.description ? renderMarkdown ? /* @__PURE__ */ React.createElement("div", { className: "mt-3 max-w-[64ch]" }, renderMarkdown(task.description)) : /* @__PURE__ */ React.createElement("p", { className: "mt-3 max-w-[64ch] font-body text-[14.5px] leading-[1.6] text-p-ink-2 whitespace-pre-wrap" }, task.description) : null), actions ? /* @__PURE__ */ React.createElement(
+        ActionDock,
+        {
+          actions,
+          status,
+          confirm
+        }
+      ) : null, /* @__PURE__ */ React.createElement("section", { className: "grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-p-line bg-p-line sm:grid-cols-3" }, /* @__PURE__ */ React.createElement(PageStat, { label: "assignee" }, agent ? /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "grid size-5 shrink-0 place-items-center rounded font-display text-[10px] font-bold text-white",
+          style: { background: agent.color || "#999" }
+        },
+        agent.glyph || (agent.displayName ?? agent.name).charAt(0).toUpperCase()
+      ), /* @__PURE__ */ React.createElement("span", { className: "text-[13.5px] font-semibold text-p-ink" }, agent.displayName ?? agent.name)) : /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-p-ink-3" }, agentName ?? "\u2014")), /* @__PURE__ */ React.createElement(PageStat, { label: "phase" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-p-ink" }, task.phase ?? runtime?.phase ?? "execution")), /* @__PURE__ */ React.createElement(PageStat, { label: "status" }, /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: "inline-flex items-center gap-1.5 font-mono text-[11px] font-bold uppercase tracking-[0.16em]",
+          style: { color: STATUS_HEX[status] }
+        },
+        /* @__PURE__ */ React.createElement(StatusIcon, { className: "size-3", "aria-hidden": true }),
+        L.status[status]
+      ))), dependsOn.length > 0 ? /* @__PURE__ */ React.createElement(
+        PageRelatedSection,
+        {
+          title: "depends on",
+          icon: /* @__PURE__ */ React.createElement(ArrowRight, { className: "size-2.5 rotate-180" }),
+          items: dependsOn,
+          runtimeByTitle,
+          onOpen: onOpenRelated,
+          L
+        }
+      ) : null, dependents.length > 0 ? /* @__PURE__ */ React.createElement(
+        PageRelatedSection,
+        {
+          title: "blocks",
+          icon: /* @__PURE__ */ React.createElement(ArrowRight, { className: "size-2.5" }),
+          items: dependents,
+          runtimeByTitle,
+          onOpen: onOpenRelated,
+          L
+        }
+      ) : null, !task.description && dependsOn.length === 0 && dependents.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center gap-2 rounded-md border border-dashed border-p-line bg-p-bg p-8 text-center" }, /* @__PURE__ */ React.createElement(Flag, { className: "size-4 text-p-ink-3", "aria-hidden": true }), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.16em] text-p-ink-3" }, "no description, no dependencies")) : null)
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "article",
+    {
+      className: [
+        "flex h-full min-h-0 flex-col overflow-hidden bg-p-surface",
+        className || ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement(
+      "header",
+      {
+        className: [
+          "flex shrink-0 items-start gap-3 border-b border-p-line px-5 py-4",
+          STATUS_BG[status]
+        ].join(" ")
+      },
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: [
+            "mt-0.5 grid size-7 shrink-0 place-items-center rounded-full bg-p-surface ring-1",
+            tone,
+            status === "running" ? "ring-p-accent/30" : "ring-p-line"
+          ].join(" ")
+        },
+        /* @__PURE__ */ React.createElement(StatusIcon, { className: "size-3.5", "aria-hidden": true })
+      ),
+      /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink-3" }, L.task, " \xB7", " ", /* @__PURE__ */ React.createElement("span", { className: tone }, L.status[status]), runtime?.phase && runtime.phase !== "execution" ? /* @__PURE__ */ React.createElement("span", null, " \xB7 ", runtime.phase) : null), /* @__PURE__ */ React.createElement("h3", { className: "mt-1 font-display text-[18px] font-bold leading-tight tracking-[-0.01em] text-p-ink" }, task.title)),
+      headerTrailing
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-5 py-4" }, task.description ? /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement(Kicker, null, "brief"), renderMarkdown ? /* @__PURE__ */ React.createElement("div", { className: "mt-1" }, renderMarkdown(task.description)) : /* @__PURE__ */ React.createElement("p", { className: "mt-1 font-body text-[13px] leading-[1.55] text-p-ink-2" }, task.description)) : null, /* @__PURE__ */ React.createElement("section", { className: "grid grid-cols-2 gap-px overflow-hidden rounded-md border border-p-line bg-p-line text-[11px]" }, /* @__PURE__ */ React.createElement(Cell, { label: "agent" }, agent ? /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "grid size-4 shrink-0 place-items-center rounded font-display text-[9px] font-bold text-white",
+        style: { background: agent.color || "#999" }
+      },
+      agent.glyph || (agent.displayName ?? agent.name).charAt(0).toUpperCase()
+    ), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] font-bold uppercase tracking-[0.14em] text-p-ink" }, agent.displayName ?? agent.name)) : /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.14em] text-p-ink-3" }, agentName ?? "\u2014")), /* @__PURE__ */ React.createElement(Cell, { label: "phase" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.14em] text-p-ink" }, task.phase ?? runtime?.phase ?? "execution")), typeof runtime?.priority === "number" ? /* @__PURE__ */ React.createElement(Cell, { label: "priority" }, /* @__PURE__ */ React.createElement("span", { className: "font-display text-[14px] font-bold tabular-nums text-p-ink" }, runtime.priority, "\xD7")) : null, runtime?.sideEffects ? /* @__PURE__ */ React.createElement(Cell, { label: "warnings" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 text-[#E63946]" }, /* @__PURE__ */ React.createElement(AlertTriangle, { className: "size-3", "aria-hidden": true }), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.14em]" }, "side effects"))) : null), dependsOn.length > 0 ? /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement(Kicker, { icon: /* @__PURE__ */ React.createElement(ArrowRight, { className: "size-2.5 rotate-180" }) }, "depends on"), /* @__PURE__ */ React.createElement("ol", { className: "mt-1 flex flex-col gap-0.5" }, dependsOn.map((title) => /* @__PURE__ */ React.createElement(
+      RelatedRow,
+      {
+        key: title,
+        title,
+        runtime: runtimeByTitle?.get(title),
+        onOpen: onOpenRelated,
+        L
+      }
+    )))) : null, dependents.length > 0 ? /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement(Kicker, { icon: /* @__PURE__ */ React.createElement(ArrowRight, { className: "size-2.5" }) }, "blocks"), /* @__PURE__ */ React.createElement("ol", { className: "mt-1 flex flex-col gap-0.5" }, dependents.map((title) => /* @__PURE__ */ React.createElement(
+      RelatedRow,
+      {
+        key: title,
+        title,
+        runtime: runtimeByTitle?.get(title),
+        onOpen: onOpenRelated,
+        L
+      }
+    )))) : null, !task.description && dependsOn.length === 0 && dependents.length === 0 ? /* @__PURE__ */ React.createElement("section", { className: "flex flex-col items-center gap-2 rounded-md border border-dashed border-p-line bg-p-bg p-6 text-center" }, /* @__PURE__ */ React.createElement(Flag, { className: "size-4 text-p-ink-3", "aria-hidden": true }), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10.5px] uppercase tracking-[0.16em] text-p-ink-3" }, "no description, no dependencies")) : null),
+    actions || actionsSlot ? /* @__PURE__ */ React.createElement("footer", { className: "flex shrink-0 flex-wrap items-center justify-end gap-1.5 border-t border-p-line bg-p-bg/50 px-5 py-3" }, actions ? /* @__PURE__ */ React.createElement(ActionDock, { actions, status, confirm }) : actionsSlot) : null
+  );
+}
+function PageHeader({
+  status,
+  phase,
+  priority,
+  sideEffects,
+  L,
+  headerTrailing
+}) {
+  const StatusIcon = STATUS_ICON[status];
+  const color = STATUS_HEX[status];
+  return /* @__PURE__ */ React.createElement("header", { className: "flex shrink-0 items-start justify-between gap-3 border-b border-p-line px-7 py-5" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5" }, /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-[0.18em]",
+      style: {
+        background: `color-mix(in srgb, ${color} 14%, transparent)`,
+        color
+      }
+    },
+    /* @__PURE__ */ React.createElement(StatusIcon, { className: "size-2.5" }),
+    L.status[status]
+  ), phase && phase !== "execution" ? /* @__PURE__ */ React.createElement(PageChip, { tone: "blue", icon: /* @__PURE__ */ React.createElement(RotateCcw, { className: "size-2.5" }) }, phase) : null, typeof priority === "number" && priority !== 1 ? /* @__PURE__ */ React.createElement(
+    PageChip,
+    {
+      tone: priority > 1 ? "accent" : "neutral",
+      icon: /* @__PURE__ */ React.createElement(Zap, { className: "size-2.5" })
+    },
+    priority,
+    "\xD7"
+  ) : null, sideEffects ? /* @__PURE__ */ React.createElement(PageChip, { tone: "red", icon: /* @__PURE__ */ React.createElement(AlertTriangle, { className: "size-2.5" }) }, "side effects") : null), headerTrailing ? /* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, headerTrailing) : null);
+}
+function PageChip({
+  tone,
+  icon,
+  children
+}) {
+  const palette = {
+    blue: { bg: "#EEF2FF", fg: "#2B44FF" },
+    accent: { bg: "var(--accent-light)", fg: "var(--p-accent)" },
+    neutral: { bg: "var(--warm)", fg: "var(--ink-2)" },
+    red: { bg: "#FEF2F2", fg: "#E63946" }
+  };
+  const c = palette[tone];
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      className: "inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-[0.18em]",
+      style: { background: c.bg, color: c.fg }
+    },
+    icon,
+    children
+  );
+}
+function PageStat({
+  label,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5 bg-p-surface px-4 py-3" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[9.5px] font-bold uppercase tracking-[0.22em] text-p-ink-3" }, label), /* @__PURE__ */ React.createElement("span", { className: "min-h-[20px]" }, children));
+}
+function PageRelatedSection({
+  title,
+  icon,
+  items,
+  runtimeByTitle,
+  onOpen,
+  L
+}) {
+  return /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("div", { className: "mb-2 flex items-baseline gap-2" }, /* @__PURE__ */ React.createElement(Kicker, { icon }, title), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10px] uppercase tracking-[0.18em] text-p-ink-3/70 tabular-nums" }, "\xB7 ", items.length), /* @__PURE__ */ React.createElement("span", { className: "ml-2 h-px flex-1 bg-p-line" })), /* @__PURE__ */ React.createElement("ol", { className: "flex flex-col gap-1" }, items.map((t) => /* @__PURE__ */ React.createElement(
+    RelatedRow,
+    {
+      key: t,
+      title: t,
+      runtime: runtimeByTitle?.get(t),
+      onOpen,
+      L
+    }
+  ))));
+}
+const ACTION_DESCRIPTORS = [
+  {
+    key: "run",
+    icon: Play,
+    label: "Run now",
+    defaultConfirm: {
+      title: "Run this task now?",
+      message: "A new run will be queued for the assigned agent.",
+      confirmLabel: "Run"
+    }
+  },
+  {
+    key: "retry",
+    icon: RotateCcw,
+    label: "Retry",
+    defaultConfirm: {
+      title: "Retry this task?",
+      message: "A fresh run will overwrite the previous outcome.",
+      confirmLabel: "Retry"
+    }
+  },
+  {
+    key: "reassess",
+    icon: Scale,
+    label: "Reassess",
+    defaultConfirm: {
+      title: "Reassess the outcome?",
+      message: "The judge will re-evaluate the task without re-running it.",
+      confirmLabel: "Reassess"
+    }
+  },
+  {
+    key: "abort",
+    icon: Square,
+    label: "Abort",
+    defaultConfirm: {
+      title: "Abort this task?",
+      message: "All in-progress work will be stopped immediately.",
+      confirmLabel: "Abort",
+      destructive: true
+    },
+    destructiveButton: true
+  }
+];
+function ActionDock({
+  actions,
+  status,
+  confirm
+}) {
+  const [pending, setPending] = useState(null);
+  const handle = async (key, desc, cfg) => {
+    if (pending) return;
+    setPending(key);
+    try {
+      if (cfg.confirm !== false && confirm) {
+        const override = cfg.confirm;
+        const merged = {
+          ...desc.defaultConfirm,
+          ...override ?? {}
+        };
+        const ok = await confirm({
+          title: merged.title,
+          message: merged.message,
+          confirmLabel: merged.confirmLabel,
+          destructive: merged.destructive
+        });
+        if (!ok) return;
+      }
+      cfg.onConfirm();
+    } finally {
+      setPending(null);
+    }
+  };
+  const visible = ACTION_DESCRIPTORS.filter((desc) => {
+    const cfg = actions[desc.key];
+    if (!cfg) return false;
+    return isActionApplicable(desc.key, status);
+  });
+  if (visible.length === 0) return null;
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1.5" }, visible.map((desc) => {
+    const cfg = actions[desc.key];
+    const Icon = desc.icon;
+    const isPending = pending === desc.key;
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        key: desc.key,
+        type: "button",
+        onClick: () => handle(desc.key, desc, cfg),
+        disabled: cfg.disabled || isPending,
+        className: [
+          "inline-flex h-8 items-center gap-1.5 rounded-md border px-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.14em] transition-colors cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
+          desc.destructiveButton ? "border-[#FECACA] bg-p-surface text-[#E63946] hover:bg-[#FEF2F2]" : "border-p-line bg-p-surface text-p-ink-2 hover:border-p-ink-3 hover:bg-p-warm hover:text-p-ink"
+        ].join(" ")
+      },
+      /* @__PURE__ */ React.createElement(Icon, { className: "size-3", "aria-hidden": true }),
+      desc.label
+    );
+  }));
+}
+function isActionApplicable(key, status) {
+  switch (key) {
+    case "run":
+      return status === "draft" || status === "pending" || status === "failed";
+    case "retry":
+      return status === "done" || status === "failed";
+    case "reassess":
+      return status === "done" || status === "failed" || status === "review";
+    case "abort":
+      return status === "running" || status === "review";
+  }
+}
+function Kicker({
+  children,
+  icon
+}) {
+  return /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1.5 font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink-3" }, icon, children);
+}
+function Cell({ label, children }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1 bg-p-surface px-3 py-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[9.5px] font-bold uppercase tracking-[0.18em] text-p-ink-3" }, label), /* @__PURE__ */ React.createElement("span", { className: "min-h-[18px]" }, children));
+}
+function RelatedRow({
+  title,
+  runtime,
+  onOpen,
+  L
+}) {
+  const status = runtime?.status ?? "draft";
+  const Icon = STATUS_ICON[status];
+  const tone = STATUS_TONE[status];
+  const interactive = !!onOpen;
+  const Wrapper = interactive ? "button" : "div";
+  return /* @__PURE__ */ React.createElement(
+    Wrapper,
+    {
+      type: interactive ? "button" : void 0,
+      onClick: interactive ? () => onOpen(title) : void 0,
+      className: [
+        "group flex items-center gap-2 rounded-md border border-p-line bg-p-surface px-2.5 py-1.5 text-left transition-colors",
+        interactive ? "cursor-pointer hover:border-p-ink-3 hover:bg-p-warm/40" : ""
+      ].join(" ")
+    },
+    /* @__PURE__ */ React.createElement(Icon, { className: ["size-3 shrink-0", tone].join(" "), "aria-hidden": true }),
+    /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate font-display text-[12.5px] font-semibold text-p-ink" }, title),
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: [
+          "shrink-0 font-mono text-[9.5px] font-bold uppercase tracking-[0.16em]",
+          tone
+        ].join(" ")
+      },
+      L.status[status]
+    ),
+    interactive ? /* @__PURE__ */ React.createElement(Clock, { className: "size-2.5 shrink-0 text-p-ink-3 opacity-0 transition-opacity group-hover:opacity-100" }) : null
+  );
+}
+export {
+  PlanTaskDetail
+};

package/dist/plan-types.d.ts

@@ -0,0 +1,85 @@
+type PlanTaskStatus = "draft" | "pending" | "running" | "review" | "done" | "failed";
+interface PlanTask {
+    title: string;
+    description?: string;
+    /** Agent name responsible for this task. */
+    assignTo?: string;
+    /** Predecessor task titles. */
+    dependsOn?: string[];
+    /** Optional category — e.g. execution / planning / review. */
+    phase?: string;
+}
+interface PlanCheckpoint {
+    name: string;
+    afterTasks: string[];
+    blocksTasks: string[];
+    message?: string;
+}
+interface PlanQualityGate {
+    name: string;
+    afterTasks: string[];
+    blocksTasks: string[];
+    minScore?: number;
+    requireAllPassed?: boolean;
+    condition?: string;
+}
+interface PlanDelay {
+    name: string;
+    afterTasks: string[];
+    blocksTasks: string[];
+    /** ISO 8601 duration (e.g. PT2H, P1D). */
+    duration: string;
+    message?: string;
+}
+interface Plan {
+    name?: string;
+    tasks: PlanTask[];
+    checkpoints?: PlanCheckpoint[];
+    qualityGates?: PlanQualityGate[];
+    delays?: PlanDelay[];
+}
+interface PlanTaskRuntime {
+    status: PlanTaskStatus;
+    agentName?: string;
+    phase?: string;
+    /** Surfaced as a small red dot in the node corner. */
+    sideEffects?: boolean;
+    priority?: number;
+}
+interface PlanGraphLabels {
+    task: string;
+    checkpoint: string;
+    qualityGate: string;
+    delay: string;
+    start: string;
+    end: string;
+    emptyTitle: string;
+    emptyBody: string;
+    qualityMinScore: string;
+    qualityRequireAll: string;
+    status: Record<PlanTaskStatus, string>;
+}
+declare const defaultPlanGraphLabels: PlanGraphLabels;
+interface PlanDetailLabels {
+    kicker: string;
+    taskCountLabel: (n: number) => string;
+    checkpointCountLabel: (n: number) => string;
+    gateCountLabel: (n: number) => string;
+    delayCountLabel: (n: number) => string;
+    breakdown: string;
+    noTasks: string;
+    status: Record<PlanTaskStatus, string>;
+}
+declare const defaultPlanDetailLabels: PlanDetailLabels;
+interface RunKanbanLabels {
+    scheduled: string;
+    pending: string;
+    running: string;
+    done: string;
+    failed: string;
+    cancelled: string;
+    emptyLane: string;
+}
+declare const defaultRunKanbanLabels: RunKanbanLabels;
+
+export { type Plan, type PlanCheckpoint, type PlanDelay, type PlanDetailLabels, type PlanGraphLabels, type PlanQualityGate, type PlanTask, type PlanTaskRuntime, type PlanTaskStatus, type RunKanbanLabels, defaultPlanDetailLabels, defaultPlanGraphLabels, defaultRunKanbanLabels };

package/dist/plan-types.js

@@ -0,0 +1,51 @@
+const defaultPlanGraphLabels = {
+  task: "task",
+  checkpoint: "checkpoint",
+  qualityGate: "gate",
+  delay: "delay",
+  start: "start",
+  end: "end",
+  emptyTitle: "No plan yet",
+  emptyBody: "Add tasks, checkpoints or quality gates to shape the workflow.",
+  qualityMinScore: "min score",
+  qualityRequireAll: "all must pass",
+  status: {
+    draft: "draft",
+    pending: "pending",
+    running: "running",
+    review: "review",
+    done: "done",
+    failed: "failed"
+  }
+};
+const defaultPlanDetailLabels = {
+  kicker: "plan",
+  taskCountLabel: (n) => `${n} tasks`,
+  checkpointCountLabel: (n) => `${n} checkpoints`,
+  gateCountLabel: (n) => `${n} gates`,
+  delayCountLabel: (n) => `${n} delays`,
+  breakdown: "Tasks breakdown",
+  noTasks: "No tasks defined yet.",
+  status: {
+    draft: "draft",
+    pending: "pending",
+    running: "running",
+    review: "review",
+    done: "done",
+    failed: "failed"
+  }
+};
+const defaultRunKanbanLabels = {
+  scheduled: "Scheduled",
+  pending: "Pending",
+  running: "Running",
+  done: "Done",
+  failed: "Failed",
+  cancelled: "Cancelled",
+  emptyLane: "\u2014"
+};
+export {
+  defaultPlanDetailLabels,
+  defaultPlanGraphLabels,
+  defaultRunKanbanLabels
+};

package/dist/run-kanban-filter-menu.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { RunKanbanLaneSummary } from './run-kanban.js';
+import './plan-types.js';
+import './types.js';
+
+interface RunKanbanFilterMenuProps {
+    lanes: RunKanbanLaneSummary[];
+    value: ReadonlySet<string>;
+    onChange: (next: Set<string>) => void;
+    /** Hide lanes that have zero items from the menu. Default false. */
+    hideEmpty?: boolean;
+    /** Trigger label, e.g. "Filter". Defaults to "Filter". */
+    triggerLabel?: string;
+    className?: string;
+}
+/**
+ * Click-to-open dropdown variant of `<RunKanbanFilters>`. Use when
+ * the kanban has too many lanes to comfortably show as inline chips
+ * (Linear's pattern). The trigger shows `visible / total` as a
+ * tabular badge and the menu lists every lane with a checkmark.
+ */
+declare function RunKanbanFilterMenu({ lanes, value, onChange, hideEmpty, triggerLabel, className, }: RunKanbanFilterMenuProps): react.JSX.Element;
+
+export { RunKanbanFilterMenu, type RunKanbanFilterMenuProps };