@lumea-labs/orchestrator 0.1.0 → 0.1.1

package/dist/plan-graph.js

@@ -1,4 +1,5 @@
 "use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "@xyflow/react/dist/style.css";
 import { useEffect, useMemo } from "react";
 import {
@@ -59,21 +60,24 @@ function joinClasses(...parts) {
   return parts.filter(Boolean).join(" ");
 }
 function HandlesTB() {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Handle,
-    {
-      type: "target",
-      position: Position.Top,
-      className: "!h-2 !w-2 !border-p-line !bg-p-surface"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Handle,
-    {
-      type: "source",
-      position: Position.Bottom,
-      className: "!h-2 !w-2 !border-p-line !bg-p-surface"
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Top,
+        className: "!h-2 !w-2 !border-p-line !bg-p-surface"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Bottom,
+        className: "!h-2 !w-2 !border-p-line !bg-p-surface"
+      }
+    )
+  ] });
 }
 function TaskNode({ data, selected }) {
   const { plan, runtime, agent, labels, onOpen } = data;
@@ -82,7 +86,7 @@ function TaskNode({ data, selected }) {
   const Icon = STATUS_ICON[status];
   const assigneeName = agent?.displayName ?? plan.assignTo ?? runtime?.agentName ?? "\u2014";
   const canOpen = !!onOpen;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: () => {
@@ -105,36 +109,58 @@ function TaskNode({ data, selected }) {
         boxShadow: selected ? `0 0 0 3px ${color}, 0 0 0 8px ${color}40, 0 22px 48px -18px rgba(15,15,15,0.38)` : "none",
         transform: selected ? "scale(1.02)" : "scale(1)",
         backgroundColor: selected ? `color-mix(in srgb, ${color} 5%, var(--surface))` : "var(--surface)"
-      }
-    },
-    /* @__PURE__ */ React.createElement(HandlesTB, null),
-    /* @__PURE__ */ React.createElement("div", { className: "absolute -top-2 left-3 bg-p-surface px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-ink-3" }, labels.task),
-    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1.5 px-4 py-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Icon, { className: "size-3 shrink-0", style: { color } }), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: "font-mono text-[9px] font-bold uppercase tracking-[0.18em]",
-        style: { color }
-      },
-      labels.status[status]
-    ), runtime?.phase && runtime.phase !== "execution" && /* @__PURE__ */ React.createElement("span", { className: "ml-auto font-mono text-[9px] uppercase tracking-[0.14em] text-p-ink-3" }, "\xB7 ", runtime.phase)), /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "font-display text-[14.5px] font-bold leading-[1.15] tracking-[-0.01em] text-p-ink",
-        style: {
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden"
-        }
       },
-      plan.title
-    ), /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 flex items-center justify-between gap-2 font-mono text-[10px] uppercase tracking-[0.14em] text-p-ink-3" }, /* @__PURE__ */ React.createElement("span", { className: "truncate" }, assigneeName), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 shrink-0" }, runtime?.sideEffects && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        title: "side effects",
-        className: "inline-flex size-1.5 rounded-full bg-[#E63946]"
-      }
-    ), typeof runtime?.priority === "number" && runtime.priority !== 1 && /* @__PURE__ */ React.createElement("span", { className: "text-p-ink-2" }, runtime.priority, "\xD7"))))
+      children: [
+        /* @__PURE__ */ jsx(HandlesTB, {}),
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-2 left-3 bg-p-surface px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-ink-3", children: labels.task }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx(Icon, { className: "size-3 shrink-0", style: { color } }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "font-mono text-[9px] font-bold uppercase tracking-[0.18em]",
+                style: { color },
+                children: labels.status[status]
+              }
+            ),
+            runtime?.phase && runtime.phase !== "execution" && /* @__PURE__ */ jsxs("span", { className: "ml-auto font-mono text-[9px] uppercase tracking-[0.14em] text-p-ink-3", children: [
+              "\xB7 ",
+              runtime.phase
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "font-display text-[14.5px] font-bold leading-[1.15] tracking-[-0.01em] text-p-ink",
+              style: {
+                display: "-webkit-box",
+                WebkitLineClamp: 2,
+                WebkitBoxOrient: "vertical",
+                overflow: "hidden"
+              },
+              children: plan.title
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center justify-between gap-2 font-mono text-[10px] uppercase tracking-[0.14em] text-p-ink-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: assigneeName }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+              runtime?.sideEffects && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  title: "side effects",
+                  className: "inline-flex size-1.5 rounded-full bg-[#E63946]"
+                }
+              ),
+              typeof runtime?.priority === "number" && runtime.priority !== 1 && /* @__PURE__ */ jsxs("span", { className: "text-p-ink-2", children: [
+                runtime.priority,
+                "\xD7"
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
   );
 }
 function CheckpointNode({
@@ -143,7 +169,7 @@ function CheckpointNode({
 }) {
   const { cp, labels, onOpen } = data;
   const canOpen = !!onOpen;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: canOpen ? () => onOpen(cp.name) : void 0,
@@ -157,30 +183,35 @@ function CheckpointNode({
       style: {
         boxShadow: selected ? "0 0 0 3px #D4A017, 0 0 0 8px #D4A01740, 0 22px 48px -18px rgba(15,15,15,0.38)" : "none",
         transform: selected ? "scale(1.02)" : "scale(1)"
-      }
-    },
-    /* @__PURE__ */ React.createElement(HandlesTB, null),
-    /* @__PURE__ */ React.createElement("div", { className: "absolute -top-2 left-3 bg-[#FDF8E8] px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-[#8A6B0B]" }, labels.checkpoint),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Hourglass, { className: "size-3 shrink-0 text-[#8A6B0B]" }), /* @__PURE__ */ React.createElement("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink" }, cp.name)),
-    cp.message && /* @__PURE__ */ React.createElement(
-      "p",
-      {
-        className: "mt-1.5 text-[11.5px] leading-snug text-[#8A6B0B]",
-        style: {
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden"
-        }
       },
-      cp.message
-    )
+      children: [
+        /* @__PURE__ */ jsx(HandlesTB, {}),
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-2 left-3 bg-[#FDF8E8] px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-[#8A6B0B]", children: labels.checkpoint }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Hourglass, { className: "size-3 shrink-0 text-[#8A6B0B]" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink", children: cp.name })
+        ] }),
+        cp.message && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mt-1.5 text-[11.5px] leading-snug text-[#8A6B0B]",
+            style: {
+              display: "-webkit-box",
+              WebkitLineClamp: 2,
+              WebkitBoxOrient: "vertical",
+              overflow: "hidden"
+            },
+            children: cp.message
+          }
+        )
+      ]
+    }
   );
 }
 function GateNode({ data, selected }) {
   const { gate, labels, onOpen } = data;
   const canOpen = !!onOpen;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: canOpen ? () => onOpen(gate.name) : void 0,
@@ -194,18 +225,33 @@ function GateNode({ data, selected }) {
       style: {
         boxShadow: selected ? "0 0 0 3px var(--p-accent), 0 0 0 8px color-mix(in srgb, var(--p-accent) 28%, transparent), 0 22px 48px -18px rgba(15,15,15,0.38)" : "none",
         transform: selected ? "scale(1.02)" : "scale(1)"
-      }
-    },
-    /* @__PURE__ */ React.createElement(HandlesTB, null),
-    /* @__PURE__ */ React.createElement("div", { className: "absolute -top-2 left-3 bg-p-accent-light px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-accent" }, labels.qualityGate),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(ShieldCheck, { className: "size-3 shrink-0 text-p-accent" }), /* @__PURE__ */ React.createElement("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink" }, gate.name)),
-    /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex flex-wrap gap-1 font-mono text-[10px] uppercase tracking-[0.14em] text-p-accent" }, typeof gate.minScore === "number" && /* @__PURE__ */ React.createElement("span", null, labels.qualityMinScore, " ", gate.minScore), gate.requireAllPassed && /* @__PURE__ */ React.createElement("span", null, "\xB7 ", labels.qualityRequireAll))
+      },
+      children: [
+        /* @__PURE__ */ jsx(HandlesTB, {}),
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-2 left-3 bg-p-accent-light px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-p-accent", children: labels.qualityGate }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3 shrink-0 text-p-accent" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink", children: gate.name })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex flex-wrap gap-1 font-mono text-[10px] uppercase tracking-[0.14em] text-p-accent", children: [
+          typeof gate.minScore === "number" && /* @__PURE__ */ jsxs("span", { children: [
+            labels.qualityMinScore,
+            " ",
+            gate.minScore
+          ] }),
+          gate.requireAllPassed && /* @__PURE__ */ jsxs("span", { children: [
+            "\xB7 ",
+            labels.qualityRequireAll
+          ] })
+        ] })
+      ]
+    }
   );
 }
 function DelayNode({ data, selected }) {
   const { delay, labels, onOpen } = data;
   const canOpen = !!onOpen;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: canOpen ? () => onOpen(delay.name) : void 0,
@@ -219,33 +265,42 @@ function DelayNode({ data, selected }) {
       style: {
         boxShadow: selected ? "0 0 0 3px #7B3FE4, 0 0 0 8px #7B3FE440, 0 22px 48px -18px rgba(15,15,15,0.38)" : "none",
         transform: selected ? "scale(1.02)" : "scale(1)"
-      }
-    },
-    /* @__PURE__ */ React.createElement(HandlesTB, null),
-    /* @__PURE__ */ React.createElement("div", { className: "absolute -top-2 left-3 bg-[#F3EEFF] px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-[#7B3FE4]" }, labels.delay),
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Clock, { className: "size-3 shrink-0 text-[#7B3FE4]" }), /* @__PURE__ */ React.createElement("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink" }, delay.name)),
-    /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 font-mono text-[11px] font-bold uppercase tracking-[0.14em] text-[#7B3FE4]" }, parseDuration(delay.duration))
+      },
+      children: [
+        /* @__PURE__ */ jsx(HandlesTB, {}),
+        /* @__PURE__ */ jsx("div", { className: "absolute -top-2 left-3 bg-[#F3EEFF] px-1 font-mono text-[9px] font-bold uppercase tracking-[0.16em] text-[#7B3FE4]", children: labels.delay }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "size-3 shrink-0 text-[#7B3FE4]" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate font-display text-[13.5px] font-bold leading-tight text-p-ink", children: delay.name })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1.5 font-mono text-[11px] font-bold uppercase tracking-[0.14em] text-[#7B3FE4]", children: parseDuration(delay.duration) })
+      ]
+    }
   );
 }
 function SentinelNode({ data }) {
   const { role, label } = data;
   const isStart = role === "start";
   const Icon = isStart ? FlagTriangleRight : Flag;
-  return /* @__PURE__ */ React.createElement("div", { className: "relative inline-flex items-center gap-1.5 rounded-full border-2 border-p-ink bg-p-surface px-3 py-1.5" }, isStart ? /* @__PURE__ */ React.createElement(
-    Handle,
-    {
-      type: "source",
-      position: Position.Bottom,
-      className: "!h-2 !w-2 !border-p-ink !bg-p-ink"
-    }
-  ) : /* @__PURE__ */ React.createElement(
-    Handle,
-    {
-      type: "target",
-      position: Position.Top,
-      className: "!h-2 !w-2 !border-p-ink !bg-p-ink"
-    }
-  ), /* @__PURE__ */ React.createElement(Icon, { className: "size-3 text-p-ink", "aria-hidden": true }), /* @__PURE__ */ React.createElement("span", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink" }, label));
+  return /* @__PURE__ */ jsxs("div", { className: "relative inline-flex items-center gap-1.5 rounded-full border-2 border-p-ink bg-p-surface px-3 py-1.5", children: [
+    isStart ? /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "source",
+        position: Position.Bottom,
+        className: "!h-2 !w-2 !border-p-ink !bg-p-ink"
+      }
+    ) : /* @__PURE__ */ jsx(
+      Handle,
+      {
+        type: "target",
+        position: Position.Top,
+        className: "!h-2 !w-2 !border-p-ink !bg-p-ink"
+      }
+    ),
+    /* @__PURE__ */ jsx(Icon, { className: "size-3 text-p-ink", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] font-bold uppercase tracking-[0.22em] text-p-ink", children: label })
+  ] });
 }
 const nodeTypes = {
   taskNode: TaskNode,
@@ -368,7 +423,7 @@ function useZoomToNode(targetId, enabled) {
   }, [targetId, enabled, rf]);
 }
 function PlanGraph(props) {
-  return /* @__PURE__ */ React.createElement(ReactFlowProvider, null, /* @__PURE__ */ React.createElement(PlanGraphInner, { ...props }));
+  return /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(PlanGraphInner, { ...props }) });
 }
 function PlanGraphInner({
   tasks,
@@ -547,20 +602,22 @@ function PlanGraphInner({
   }, [flowNodes, selectedNodeId]);
   useZoomToNode(selectedNodeId ?? null, zoomToSelected);
   if (flowNodes.length === 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: joinClasses(
           "flex flex-col items-center justify-center gap-4 border border-p-line bg-p-bg px-8 py-20 text-center",
           className
-        )
-      },
-      /* @__PURE__ */ React.createElement("span", { className: "inline-flex size-12 items-center justify-center rounded-full border border-p-line bg-p-surface text-p-ink-3" }, /* @__PURE__ */ React.createElement(Flag, { className: "size-5" })),
-      /* @__PURE__ */ React.createElement("h3", { className: "max-w-[36ch] font-display text-[22px] italic leading-[1.15] tracking-tight text-p-ink" }, L.emptyTitle),
-      /* @__PURE__ */ React.createElement("p", { className: "max-w-[48ch] text-[13.5px] leading-relaxed text-p-ink-2" }, L.emptyBody)
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "inline-flex size-12 items-center justify-center rounded-full border border-p-line bg-p-surface text-p-ink-3", children: /* @__PURE__ */ jsx(Flag, { className: "size-5" }) }),
+          /* @__PURE__ */ jsx("h3", { className: "max-w-[36ch] font-display text-[22px] italic leading-[1.15] tracking-tight text-p-ink", children: L.emptyTitle }),
+          /* @__PURE__ */ jsx("p", { className: "max-w-[48ch] text-[13.5px] leading-relaxed text-p-ink-2", children: L.emptyBody })
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement("div", { className: joinClasses("plan-graph relative bg-p-bg", className) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: joinClasses("plan-graph relative bg-p-bg", className), children: /* @__PURE__ */ jsxs(
     ReactFlow,
     {
       nodes: renderedNodes,
@@ -572,25 +629,27 @@ function PlanGraphInner({
       nodesDraggable: false,
       nodesConnectable: false,
       elementsSelectable: true,
-      style: { width: "100%", height: "100%" }
-    },
-    /* @__PURE__ */ React.createElement(
-      Background,
-      {
-        variant: BackgroundVariant.Dots,
-        gap: 28,
-        size: 1,
-        color: "var(--line)"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      Controls,
-      {
-        showInteractive: false,
-        className: "!bg-p-surface !border !border-p-line !rounded-[4px] !shadow-none [&_button]:!bg-p-surface [&_button]:!border-p-line [&_button]:!text-p-ink-2 [&_button:hover]:!bg-p-warm [&_button:hover]:!text-p-ink"
-      }
-    )
-  ));
+      style: { width: "100%", height: "100%" },
+      children: [
+        /* @__PURE__ */ jsx(
+          Background,
+          {
+            variant: BackgroundVariant.Dots,
+            gap: 28,
+            size: 1,
+            color: "var(--line)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Controls,
+          {
+            showInteractive: false,
+            className: "!bg-p-surface !border !border-p-line !rounded-[4px] !shadow-none [&_button]:!bg-p-surface [&_button]:!border-p-line [&_button]:!text-p-ink-2 [&_button:hover]:!bg-p-warm [&_button:hover]:!text-p-ink"
+          }
+        )
+      ]
+    }
+  ) });
 }
 export {
   PlanGraph

package/dist/plan-node-detail.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { PlanTaskRuntime, Plan, PlanGraphLabels, PlanCheckpoint, PlanDelay, PlanQualityGate } from './plan-types.js';
 
@@ -22,8 +22,8 @@ interface PlanQualityGateDetailProps extends CommonProps {
 interface PlanDelayDetailProps extends CommonProps {
     delay: PlanDelay;
 }
-declare function PlanCheckpointDetail({ checkpoint, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanCheckpointDetailProps): react.JSX.Element;
-declare function PlanQualityGateDetail({ gate, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanQualityGateDetailProps): react.JSX.Element;
-declare function PlanDelayDetail({ delay, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanDelayDetailProps): react.JSX.Element;
+declare function PlanCheckpointDetail({ checkpoint, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanCheckpointDetailProps): react_jsx_runtime.JSX.Element;
+declare function PlanQualityGateDetail({ gate, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanQualityGateDetailProps): react_jsx_runtime.JSX.Element;
+declare function PlanDelayDetail({ delay, runtimeByTitle, plan, headerTrailing, actionsSlot, onOpenRelated, labels, className, }: PlanDelayDetailProps): react_jsx_runtime.JSX.Element;
 
 export { PlanCheckpointDetail, type PlanCheckpointDetailProps, PlanDelayDetail, type PlanDelayDetailProps, PlanQualityGateDetail, type PlanQualityGateDetailProps };