@lumea-labs/orchestrator 0.1.0 → 0.1.1

package/dist/task-workspace-sidebar.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import {
   ArrowUpRight,
@@ -118,7 +119,7 @@ function TaskWorkspaceSidebar({
       return recent(b[1]).localeCompare(recent(a[1]));
     });
   }, [tasks, missions, query, parsePlan]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "aside",
     {
       "aria-hidden": closed,
@@ -127,83 +128,97 @@ function TaskWorkspaceSidebar({
         "flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-p-surface",
         closed ? "border-r-0 pointer-events-none" : "border-r border-p-line",
         className || ""
-      ].join(" ")
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex h-11 shrink-0 items-center justify-between gap-2 px-2.5" }, /* @__PURE__ */ React.createElement("h3", { className: "min-w-0 truncate font-display text-[13px] font-semibold uppercase tracking-[0.08em] text-p-ink-2" }, L.title), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5" }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onToggleKanban,
-        "aria-pressed": kanbanView,
-        "aria-label": kanbanView ? L.closeKanban : L.openKanban,
-        title: kanbanView ? L.closeKanban : L.openKanban,
-        className: [
-          "grid size-7 place-items-center rounded-md transition-colors cursor-pointer",
-          kanbanView ? "bg-p-ink text-p-bg hover:bg-p-ink-2" : "bg-transparent text-p-ink-3 hover:bg-p-warm hover:text-p-ink"
-        ].join(" ")
-      },
-      /* @__PURE__ */ React.createElement(LayoutGrid, { className: "size-4" })
-    ), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onCollapse,
-        "aria-label": L.collapseSidebar,
-        className: "grid size-7 place-items-center rounded-md bg-transparent text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
-      },
-      /* @__PURE__ */ React.createElement(ChevronsLeft, { className: "size-4" })
-    ))),
-    /* @__PURE__ */ React.createElement("div", { className: "shrink-0 px-2.5 pt-2 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-p-ink-3" }), /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        value: query,
-        onChange: (e) => setQuery(e.target.value),
-        placeholder: L.searchPlaceholder,
-        className: "h-8 w-full rounded-md border border-p-line bg-p-bg pl-8 pr-2.5 font-body text-[12px] text-p-ink outline-none transition-colors duration-150 placeholder:text-p-ink-3 focus:border-p-ink-3 focus:bg-p-surface"
-      }
-    ))),
-    /* @__PURE__ */ React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto px-1.5 pt-1 pb-2" }, isLoading ? /* @__PURE__ */ React.createElement("div", { className: "px-3 py-6 text-center text-[12px] text-p-ink-3" }, L.loading) : groups.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "px-3 py-6 text-center text-[12px] text-p-ink-3" }, L.noTasks) : /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, groups.map(([key, list]) => {
-      const mission = key === "__orphan__" ? null : missionByKey.get(key);
-      const title = mission?.name ?? (key === "__orphan__" ? L.orphanGroup : key);
-      const isCollapsed = groupCollapsed[key] ?? false;
-      return /* @__PURE__ */ React.createElement("div", { key, className: "flex flex-col" }, /* @__PURE__ */ React.createElement(
-        MissionGroupHeader,
-        {
-          title,
-          missionLink: mission ? missionHref(mission.id) : null,
-          active: !!mission && activeMissionId === mission.id,
-          count: list.length,
-          collapsed: isCollapsed,
-          onToggle: () => setGroupCollapsed((c) => ({ ...c, [key]: !isCollapsed })),
-          renderLink,
-          L
-        }
-      ), !isCollapsed && /* @__PURE__ */ React.createElement("div", { className: "mt-1 mb-1.5 ml-3 flex flex-col gap-0.5 border-l border-p-line pl-1.5" }, list.map(
-        (row, i) => row.kind === "runtime" ? /* @__PURE__ */ React.createElement(
-          TaskRow,
-          {
-            key: row.task.id,
-            task: row.task,
-            agents,
-            active: row.task.id === activeRuntimeId,
-            href: runtimeTaskHref(row.task.id),
-            renderLink
-          }
-        ) : /* @__PURE__ */ React.createElement(
-          DraftTaskRow,
-          {
-            key: `plan-${row.missionId}-${row.title}-${i}`,
-            title: row.title,
-            assignTo: row.assignTo,
-            agents,
-            active: activePlanRef?.missionId === row.missionId && activePlanRef.title === row.title,
-            href: planTaskHref(row.missionId, row.title),
-            renderLink,
-            L
-          }
-        )
-      )));
-    })))
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-11 shrink-0 items-center justify-between gap-2 px-2.5", children: [
+          /* @__PURE__ */ jsx("h3", { className: "min-w-0 truncate font-display text-[13px] font-semibold uppercase tracking-[0.08em] text-p-ink-2", children: L.title }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onToggleKanban,
+                "aria-pressed": kanbanView,
+                "aria-label": kanbanView ? L.closeKanban : L.openKanban,
+                title: kanbanView ? L.closeKanban : L.openKanban,
+                className: [
+                  "grid size-7 place-items-center rounded-md transition-colors cursor-pointer",
+                  kanbanView ? "bg-p-ink text-p-bg hover:bg-p-ink-2" : "bg-transparent text-p-ink-3 hover:bg-p-warm hover:text-p-ink"
+                ].join(" "),
+                children: /* @__PURE__ */ jsx(LayoutGrid, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCollapse,
+                "aria-label": L.collapseSidebar,
+                className: "grid size-7 place-items-center rounded-md bg-transparent text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink",
+                children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "size-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 px-2.5 pt-2 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-p-ink-3" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: query,
+              onChange: (e) => setQuery(e.target.value),
+              placeholder: L.searchPlaceholder,
+              className: "h-8 w-full rounded-md border border-p-line bg-p-bg pl-8 pr-2.5 font-body text-[12px] text-p-ink outline-none transition-colors duration-150 placeholder:text-p-ink-3 focus:border-p-ink-3 focus:bg-p-surface"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-1.5 pt-1 pb-2", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-[12px] text-p-ink-3", children: L.loading }) : groups.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-[12px] text-p-ink-3", children: L.noTasks }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: groups.map(([key, list]) => {
+          const mission = key === "__orphan__" ? null : missionByKey.get(key);
+          const title = mission?.name ?? (key === "__orphan__" ? L.orphanGroup : key);
+          const isCollapsed = groupCollapsed[key] ?? false;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx(
+              MissionGroupHeader,
+              {
+                title,
+                missionLink: mission ? missionHref(mission.id) : null,
+                active: !!mission && activeMissionId === mission.id,
+                count: list.length,
+                collapsed: isCollapsed,
+                onToggle: () => setGroupCollapsed((c) => ({ ...c, [key]: !isCollapsed })),
+                renderLink,
+                L
+              }
+            ),
+            !isCollapsed && /* @__PURE__ */ jsx("div", { className: "mt-1 mb-1.5 ml-3 flex flex-col gap-0.5 border-l border-p-line pl-1.5", children: list.map(
+              (row, i) => row.kind === "runtime" ? /* @__PURE__ */ jsx(
+                TaskRow,
+                {
+                  task: row.task,
+                  agents,
+                  active: row.task.id === activeRuntimeId,
+                  href: runtimeTaskHref(row.task.id),
+                  renderLink
+                },
+                row.task.id
+              ) : /* @__PURE__ */ jsx(
+                DraftTaskRow,
+                {
+                  title: row.title,
+                  assignTo: row.assignTo,
+                  agents,
+                  active: activePlanRef?.missionId === row.missionId && activePlanRef.title === row.title,
+                  href: planTaskHref(row.missionId, row.title),
+                  renderLink,
+                  L
+                },
+                `plan-${row.missionId}-${row.title}-${i}`
+              )
+            ) })
+          ] }, key);
+        }) }) })
+      ]
+    }
   );
 }
 function MissionGroupHeader({
@@ -216,41 +231,49 @@ function MissionGroupHeader({
   renderLink,
   L
 }) {
-  const titleContent = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[12.5px] font-semibold leading-tight" }, title), /* @__PURE__ */ React.createElement("span", { className: "shrink-0 rounded-full bg-p-warm px-2 py-0.5 text-[10px] font-semibold tabular-nums text-p-ink-2" }, count));
-  return /* @__PURE__ */ React.createElement(
+  const titleContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[12.5px] font-semibold leading-tight", children: title }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-p-warm px-2 py-0.5 text-[10px] font-semibold tabular-nums text-p-ink-2", children: count })
+  ] });
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: [
         "group flex w-full items-center gap-1 rounded-md",
         active ? "bg-p-warm" : ""
-      ].join(" ")
-    },
-    /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        "aria-label": collapsed ? L.expand : L.collapse,
-        className: "grid size-6 shrink-0 place-items-center rounded-md text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink"
-      },
-      /* @__PURE__ */ React.createElement(
-        ChevronRight,
-        {
-          className: [
-            "size-3.5 transition-transform duration-150",
-            !collapsed ? "rotate-90" : ""
-          ].join(" ")
-        }
-      )
-    ),
-    missionLink ? renderLink({
-      href: missionLink,
-      className: [
-        "group/row flex min-w-0 flex-1 items-center gap-2 rounded-md px-1 py-1 no-underline transition-colors duration-100 cursor-pointer hover:bg-p-warm/60",
-        active ? "text-p-ink font-semibold" : "text-p-ink"
       ].join(" "),
-      children: /* @__PURE__ */ React.createElement(React.Fragment, null, titleContent, /* @__PURE__ */ React.createElement(ArrowUpRight, { className: "size-3 shrink-0 text-p-ink-3 opacity-0 transition-opacity duration-150 group-hover/row:opacity-100" }))
-    }) : /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md px-1 py-1 text-p-ink-2" }, titleContent)
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggle,
+            "aria-label": collapsed ? L.expand : L.collapse,
+            className: "grid size-6 shrink-0 place-items-center rounded-md text-p-ink-3 transition-colors cursor-pointer hover:bg-p-warm hover:text-p-ink",
+            children: /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: [
+                  "size-3.5 transition-transform duration-150",
+                  !collapsed ? "rotate-90" : ""
+                ].join(" ")
+              }
+            )
+          }
+        ),
+        missionLink ? renderLink({
+          href: missionLink,
+          className: [
+            "group/row flex min-w-0 flex-1 items-center gap-2 rounded-md px-1 py-1 no-underline transition-colors duration-100 cursor-pointer hover:bg-p-warm/60",
+            active ? "text-p-ink font-semibold" : "text-p-ink"
+          ].join(" "),
+          children: /* @__PURE__ */ jsxs(Fragment, { children: [
+            titleContent,
+            /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3 shrink-0 text-p-ink-3 opacity-0 transition-opacity duration-150 group-hover/row:opacity-100" })
+          ] })
+        }) : /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2 rounded-md px-1 py-1 text-p-ink-2", children: titleContent })
+      ]
+    }
   );
 }
 const TASK_STATUS_COLOR = {
@@ -289,7 +312,11 @@ function TaskRow({
       "group relative flex w-full items-center gap-2 rounded-md px-2.5 py-2 no-underline transition-colors duration-100 cursor-pointer",
       active ? "bg-p-warm text-p-ink font-semibold" : "text-p-ink-2 hover:bg-p-warm hover:text-p-ink"
     ].join(" "),
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Icon, { className: "size-3 shrink-0", style: { color } }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[13px] leading-tight" }, task.title), /* @__PURE__ */ React.createElement(MiniAgentAvatar, { agent, fallback: task.assignTo }))
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Icon, { className: "size-3 shrink-0", style: { color } }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] leading-tight", children: task.title }),
+      /* @__PURE__ */ jsx(MiniAgentAvatar, { agent, fallback: task.assignTo })
+    ] })
   });
 }
 function DraftTaskRow({
@@ -308,7 +335,12 @@ function DraftTaskRow({
       "group relative flex w-full items-center gap-2 rounded-md px-2.5 py-2 no-underline transition-colors duration-100 cursor-pointer",
       active ? "bg-p-warm text-p-ink font-semibold" : "text-p-ink-3 hover:bg-p-warm hover:text-p-ink-2"
     ].join(" "),
-    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Circle, { className: "size-3 shrink-0 text-p-ink-3/60" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-[13px] italic leading-tight" }, title), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-ink-3" }, L.draftBadge), assignTo ? /* @__PURE__ */ React.createElement(MiniAgentAvatar, { agent, fallback: assignTo }) : null)
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Circle, { className: "size-3 shrink-0 text-p-ink-3/60" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] italic leading-tight", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-ink-3", children: L.draftBadge }),
+      assignTo ? /* @__PURE__ */ jsx(MiniAgentAvatar, { agent, fallback: assignTo }) : null
+    ] })
   });
 }
 function MiniAgentAvatar({
@@ -318,14 +350,14 @@ function MiniAgentAvatar({
   const ref = agent ?? (fallback ? { name: fallback } : void 0);
   if (!ref) return null;
   const display = (ref.displayName ?? ref.name).charAt(0).toUpperCase();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       "aria-hidden": true,
       className: "grid size-4 shrink-0 place-items-center rounded-[3px] font-display text-[9px] font-bold text-white",
-      style: { background: ref.color || "#999" }
-    },
-    ref.glyph || display
+      style: { background: ref.color || "#999" },
+      children: ref.glyph || display
+    }
   );
 }
 function defaultParsePlan(raw) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumea-labs/orchestrator",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Swarm + workflow primitives — SwarmProvider, RunCard / RunRow / RunDetail / RunKanban, PlanGraph (React Flow), PlanDetail.",
   "type": "module",
   "main": "./dist/index.js",