@volter-ai-dev/supercode-ui 0.1.71 → 0.1.73

package/react/supervision-components.mjs

@@ -0,0 +1,1354 @@
+// src/supervision.jsx
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState2 } from "react";
+
+// src/source-inventory.jsx
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var unknown = (value) => value == null ? "unknown" : String(value);
+var yes = (value, positive, negative, absent) => value == null ? absent : value ? positive : negative;
+function Facts({ entries }) {
+  return /* @__PURE__ */ jsx("dl", { children: entries.map(([name, value]) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("dt", { children: name }),
+    /* @__PURE__ */ jsx("dd", { children: unknown(value) })
+  ] }, name)) });
+}
+function Rows({ items, children }) {
+  return /* @__PURE__ */ jsx("div", { className: "scui-inventory-rows", children: items.map((item) => /* @__PURE__ */ jsx("article", { children: children(item) }, item.key)) });
+}
+function Open({ label: label2, item, onOpen }) {
+  return onOpen ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => onOpen(item.key, event.currentTarget),
+      "aria-label": label2,
+      children: item.name || item.subject
+    }
+  ) : /* @__PURE__ */ jsx("strong", { children: item.name || item.subject });
+}
+function ProfileList({ profiles = [], onOpen }) {
+  return /* @__PURE__ */ jsx(Rows, { items: profiles, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Open,
+      {
+        item,
+        label: `Inspect profile ${item.name}`,
+        onOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { children: [
+      item.harness,
+      " \xB7 ",
+      item.kind.replaceAll("_", " "),
+      item.isDefault ? " \xB7 Default" : ""
+    ] }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      item.model || "Model unknown",
+      " \xB7 Sessions ",
+      unknown(item.sessions)
+    ] })
+  ] }) });
+}
+function ProfileDetails({ profile }) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h2", { children: profile.name }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      profile.harness,
+      " \xB7 ",
+      profile.kind.replaceAll("_", " ")
+    ] }),
+    /* @__PURE__ */ jsx(
+      Facts,
+      {
+        entries: [
+          ["Model", profile.model],
+          ["Default", profile.isDefault ? "Yes" : "No"],
+          ["Routes", profile.routes]
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Sessions ",
+      unknown(profile.sessions)
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "scui-domain-footnote", children: "Read-only native profile. Counts describe the source observation." })
+  ] });
+}
+function ChannelList({ channels = [] }) {
+  return /* @__PURE__ */ jsx(Rows, { items: channels, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h2", { children: item.name }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      item.harness,
+      " \xB7 ",
+      item.account || "Account unknown"
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: yes(
+      item.configured,
+      "Configured",
+      "Not configured",
+      "Configuration unknown"
+    ) }),
+    /* @__PURE__ */ jsx("p", { children: yes(item.enabled, "Enabled", "Disabled", "Enablement unknown") }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Connection ",
+      item.connection
+    ] }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Sessions ",
+      unknown(item.sessions)
+    ] })
+  ] }) });
+}
+function ProfileTarget({ item, profiles, onOpenProfile }) {
+  const target = profiles.find((profile) => profile.key === item.profileKey);
+  return target && onOpenProfile ? /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => onOpenProfile(target.key, event.currentTarget),
+      children: [
+        "Inspect profile ",
+        target.name
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs("p", { children: [
+    "Target: ",
+    item.target || item.profile || "unknown",
+    " \xB7",
+    " ",
+    target ? "Profile observed" : "Profile unavailable in this observation"
+  ] });
+}
+function RouteList({ routes = [], profiles = [], onOpenProfile }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { children: "Native order retained. Higher specificity wins; equal ranks retain source order." }),
+    /* @__PURE__ */ jsx(Rows, { items: routes, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h2", { children: item.target || "Unknown target" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        item.harness,
+        " \xB7 Specificity ",
+        unknown(item.specificity),
+        item.isDefault ? " \xB7 Default route" : ""
+      ] }),
+      Object.keys(item.match).length ? /* @__PURE__ */ jsx(Facts, { entries: Object.entries(item.match) }) : /* @__PURE__ */ jsx("p", { children: "No match constraints recorded." }),
+      /* @__PURE__ */ jsx(
+        ProfileTarget,
+        {
+          item,
+          profiles,
+          onOpenProfile
+        }
+      )
+    ] }) })
+  ] });
+}
+function TriggerList({ triggers = [], profiles = [], onOpenProfile }) {
+  return /* @__PURE__ */ jsx(Rows, { items: triggers, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("h2", { children: item.name }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      item.harness,
+      " \xB7 ",
+      item.kind.replaceAll("_", " ")
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: item.description }),
+    /* @__PURE__ */ jsx(
+      Facts,
+      {
+        entries: [
+          ["Route", item.route],
+          ["Events", item.events.join(", ") || "unknown"],
+          ["Action", item.action],
+          ["Session target", item.session],
+          ["Delivery destination", item.destination]
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { children: [
+      yes(item.enabled, "Enabled", "Disabled", "Enablement unknown"),
+      " \xB7",
+      " ",
+      yes(
+        item.authenticated,
+        "Authentication configured",
+        "Authentication not configured",
+        "Authentication unknown"
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      ProfileTarget,
+      {
+        item,
+        profiles,
+        onOpenProfile
+      }
+    )
+  ] }) });
+}
+function SkillList({ skills = [], onOpen }) {
+  return /* @__PURE__ */ jsx(Rows, { items: skills, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Open,
+      {
+        item,
+        label: `Inspect skill ${item.name}`,
+        onOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { children: [
+      item.harness,
+      " \xB7 ",
+      item.scope
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: item.description || "No description supplied." })
+  ] }) });
+}
+function SkillDetails({ skill }) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h2", { children: skill.name }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      skill.harness,
+      " \xB7 ",
+      skill.scope
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: skill.description || "No description supplied." }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Version ",
+      skill.version || "unknown"
+    ] }),
+    /* @__PURE__ */ jsx("p", { children: yes(skill.enabled, "Enabled", "Disabled", "Enablement unknown") }),
+    /* @__PURE__ */ jsx("p", { className: "scui-domain-footnote", children: "This reader supplies package metadata. Full documentation and installation actions require a separate host capability." })
+  ] });
+}
+function MemoryBrowser({ documents = [], onSearch }) {
+  const [query, setQuery] = useState(""), [result, setResult] = useState(null), [busy, setBusy] = useState(false), [error, setError] = useState("");
+  const request = useRef(0);
+  useEffect(
+    () => () => {
+      request.current++;
+    },
+    []
+  );
+  const search = async (event) => {
+    event.preventDefault();
+    if (!onSearch || !query.trim() || busy) return;
+    const id = ++request.current;
+    setBusy(true);
+    setError("");
+    setResult(null);
+    try {
+      const value = await onSearch(query);
+      if (id === request.current) setResult(value);
+    } catch (err) {
+      if (id === request.current) setError(err.message || "Search failed.");
+    } finally {
+      if (id === request.current) setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Memory documents", children: [
+    onSearch && /* @__PURE__ */ jsxs("form", { className: "scui-inventory-memory-search", onSubmit: search, children: [
+      /* @__PURE__ */ jsxs("label", { children: [
+        "Search native memory",
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "search",
+            value: query,
+            maxLength: 200,
+            onInput: (e) => setQuery(e.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "submit", disabled: busy || !query.trim(), children: busy ? "Searching\u2026" : "Search memory" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            request.current++;
+            setBusy(false);
+            setResult(null);
+            setError("");
+            setQuery("");
+          },
+          children: "Clear search"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    busy && /* @__PURE__ */ jsx("p", { role: "status", children: "Searching this source\u2026" }),
+    result ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("p", { role: "status", children: [
+        result.matches.length,
+        " of ",
+        result.total,
+        " matching lines"
+      ] }),
+      /* @__PURE__ */ jsx(Rows, { items: result.matches, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("h2", { children: [
+          item.name,
+          " \xB7 line ",
+          unknown(item.line)
+        ] }),
+        /* @__PURE__ */ jsxs("p", { children: [
+          item.harness,
+          " \xB7 ",
+          item.scope,
+          item.profile ? ` \xB7 ${item.profile}` : ""
+        ] }),
+        /* @__PURE__ */ jsx("pre", { tabIndex: 0, "aria-label": "Matching memory text", children: item.excerpt })
+      ] }) })
+    ] }) : /* @__PURE__ */ jsx(Rows, { items: documents, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h2", { children: item.name }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        item.harness,
+        " \xB7 ",
+        item.scope,
+        item.profile ? ` \xB7 ${item.profile}` : ""
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        unknown(item.size),
+        " bytes \xB7 Updated",
+        " ",
+        item.updatedAt || "unknown"
+      ] }),
+      /* @__PURE__ */ jsx("pre", { tabIndex: 0, "aria-label": "Memory preview", children: item.preview || "No preview supplied." }),
+      item.truncated && /* @__PURE__ */ jsx("p", { className: "scui-domain-footnote", children: "Preview only. More content exists in the native document." })
+    ] }) })
+  ] });
+}
+var titles = {
+  profiles: "Profiles",
+  channels: "Channels",
+  routes: "Routes",
+  triggers: "Triggers",
+  skills: "Skills",
+  memory: "Memory"
+};
+function SourceInspector({
+  inventory,
+  initialSection = "profiles",
+  section: controlledSection,
+  selectedKey: controlledKey,
+  onNavigate,
+  onSearchMemory
+}) {
+  const [localSection, setSection] = useState(initialSection), [localKey, setKey] = useState(null), [queries, setQueries] = useState({});
+  const section = controlledSection || localSection, selected = controlledKey === void 0 ? localKey : controlledKey;
+  const opener = useRef(null), root = useRef(null), detail = useRef(null);
+  const current = inventory[section] || {
+    status: "unavailable",
+    items: [],
+    total: 0
+  };
+  const query = queries[section] || "";
+  const items = current.items.filter(
+    (item) => `${item.name || item.target || ""} ${item.harness || ""} ${item.description || ""} ${Object.values(item.match || {}).join(" ")}`.toLowerCase().includes(query.toLowerCase())
+  );
+  const chosen = current.items.find((item) => item.key === selected);
+  const navigate = (nextSection, key, element) => {
+    if (element) opener.current = element;
+    setSection(nextSection);
+    setKey(key);
+    onNavigate?.(nextSection, key);
+  };
+  const close = () => {
+    navigate(section, null);
+    requestAnimationFrame(
+      () => (opener.current?.isConnected ? opener.current : root.current)?.focus()
+    );
+  };
+  useLayoutEffect(() => {
+    if (selected) detail.current?.focus();
+  }, [section, selected]);
+  const target = (key, element) => navigate("profiles", key, element);
+  const collection = {
+    profiles: /* @__PURE__ */ jsx(
+      ProfileList,
+      {
+        profiles: items,
+        onOpen: (key, el) => navigate(section, key, el)
+      }
+    ),
+    channels: /* @__PURE__ */ jsx(ChannelList, { channels: items }),
+    routes: /* @__PURE__ */ jsx(
+      RouteList,
+      {
+        routes: items,
+        profiles: inventory.profiles.items,
+        onOpenProfile: target
+      }
+    ),
+    triggers: /* @__PURE__ */ jsx(
+      TriggerList,
+      {
+        triggers: items,
+        profiles: inventory.profiles.items,
+        onOpenProfile: target
+      }
+    ),
+    skills: /* @__PURE__ */ jsx(
+      SkillList,
+      {
+        skills: items,
+        onOpen: (key, el) => navigate(section, key, el)
+      }
+    ),
+    memory: /* @__PURE__ */ jsx(
+      MemoryBrowser,
+      {
+        documents: items,
+        onSearch: onSearchMemory
+      },
+      inventory.source
+    )
+  }[section];
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "scui-root scui-domain scui-source-inspector",
+      ref: root,
+      tabIndex: -1,
+      "aria-label": "Source inspector",
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && selected) {
+          event.stopPropagation();
+          close();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "scui-domain-header", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("span", { className: "scui-domain-eyebrow", children: [
+            "Source / ",
+            inventory.source
+          ] }),
+          /* @__PURE__ */ jsx("h1", { children: "Source configuration" }),
+          /* @__PURE__ */ jsx("p", { children: "Native observations \xB7 Read only" })
+        ] }) }),
+        /* @__PURE__ */ jsx("nav", { className: "scui-inventory-nav", "aria-label": "Source sections", children: Object.entries(titles).map(([id, title]) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-current": section === id ? "page" : void 0,
+            onClick: () => navigate(id, null),
+            children: title
+          },
+          id
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "scui-domain-toolbar", children: [
+          /* @__PURE__ */ jsxs("label", { className: "scui-domain-search", children: [
+            "Filter ",
+            titles[section]?.toLowerCase(),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "search",
+                value: query,
+                onInput: (event) => setQueries({ ...queries, [section]: event.currentTarget.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("p", { children: [
+            current.items.length,
+            " of ",
+            current.total,
+            " observed"
+          ] })
+        ] }),
+        current.status !== "ready" && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "scui-domain-banner",
+            role: current.status === "error" ? "alert" : "status",
+            children: current.status === "loading" ? `Loading ${section}\u2026` : current.error || `This source does not supply ${section}.`
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `scui-domain-workspace ${selected ? "scui-domain-has-detail" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "scui-domain-collection", children: current.status === "ready" && !items.length ? /* @__PURE__ */ jsx("p", { role: "status", children: current.items.length ? "No matching items." : `No ${section} observed.` }) : collection }),
+              selected && /* @__PURE__ */ jsxs("div", { className: "scui-domain-detail", ref: detail, tabIndex: -1, children: [
+                /* @__PURE__ */ jsx("button", { type: "button", onClick: close, children: "Close details" }),
+                !chosen ? /* @__PURE__ */ jsx("p", { role: "status", children: "This item is unavailable in the current observation." }) : section === "profiles" ? /* @__PURE__ */ jsx(ProfileDetails, { profile: chosen }) : section === "skills" ? /* @__PURE__ */ jsx(SkillDetails, { skill: chosen }) : null
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ApprovalDetails({ approval, onResolve }) {
+  const [state, setState] = useState(""), [error, setError] = useState("");
+  const generation = useRef(0), pending = useRef(false);
+  useLayoutEffect(() => {
+    generation.current++;
+    pending.current = false;
+    setState("");
+    setError("");
+    return () => {
+      generation.current++;
+    };
+  }, [approval.key]);
+  const resolve = async (option) => {
+    if (!onResolve || pending.current || approval.status !== "pending") return;
+    const id = generation.current;
+    pending.current = true;
+    setState("pending");
+    setError("");
+    try {
+      const result = await onResolve(approval.key, option.id);
+      if (id !== generation.current) return;
+      if (!result?.resolved || result.key !== approval.key || result.optionId !== option.id)
+        throw new Error("The source did not confirm this decision.");
+      setState("confirmed");
+    } catch (err) {
+      if (id === generation.current) {
+        pending.current = false;
+        setState("");
+        setError(err.message || "Decision refused.");
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h2", { children: approval.subject }),
+    /* @__PURE__ */ jsx(
+      Facts,
+      {
+        entries: [
+          ["Harness", approval.harness],
+          ["Kind", approval.kind],
+          ["Native request", approval.id],
+          ["Session", approval.session],
+          ["Runtime", approval.runtime],
+          ["Observed status", approval.status]
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { children: "Each choice applies to this native request. No broader access policy is implied." }),
+    approval.status === "pending" && approval.options.length && onResolve ? /* @__PURE__ */ jsx("div", { className: "scui-inventory-actions", children: approval.options.map((option) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: state === "pending" || state === "confirmed",
+        onClick: () => resolve(option),
+        children: option.label
+      },
+      option.id
+    )) }) : /* @__PURE__ */ jsx("p", { children: "Decisions unavailable through this host." }),
+    state && /* @__PURE__ */ jsx("p", { role: "status", children: state === "pending" ? "Awaiting source confirmation\u2026" : "Decision confirmed" }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+  ] });
+}
+function ApprovalInbox({ approvals = [], onResolve, status = "ready" }) {
+  const [selected, setSelected] = useState(null);
+  const opener = useRef(null), detail = useRef(null);
+  const approval = approvals.find((item) => item.key === selected);
+  useLayoutEffect(() => {
+    if (selected) detail.current?.focus();
+  }, [selected]);
+  const close = () => {
+    setSelected(null);
+    requestAnimationFrame(() => opener.current?.focus());
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "scui-root scui-domain",
+      "aria-label": "Approval inbox",
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && selected) close();
+      },
+      children: [
+        /* @__PURE__ */ jsx("header", { className: "scui-domain-header", children: /* @__PURE__ */ jsx("h1", { children: "Native requests" }) }),
+        status !== "ready" ? /* @__PURE__ */ jsxs("p", { role: status === "error" ? "alert" : "status", children: [
+          "Requests ",
+          status,
+          ". Refresh through the owning host."
+        ] }) : !approvals.length ? /* @__PURE__ */ jsx("p", { role: "status", children: "No requests observed in this connection." }) : null,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `scui-domain-workspace ${selected ? "scui-domain-has-detail" : ""}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "scui-domain-collection", children: /* @__PURE__ */ jsx(Rows, { items: approvals, children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Open,
+                  {
+                    item,
+                    label: `Inspect request ${item.subject}`,
+                    onOpen: (key, el) => {
+                      opener.current = el;
+                      setSelected(key);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("p", { children: [
+                  item.harness,
+                  " \xB7 ",
+                  item.status,
+                  " \xB7 ",
+                  item.kind
+                ] })
+              ] }) }) }),
+              selected && /* @__PURE__ */ jsxs("div", { className: "scui-domain-detail", ref: detail, tabIndex: -1, children: [
+                /* @__PURE__ */ jsx("button", { type: "button", onClick: close, children: "Close request" }),
+                approval ? /* @__PURE__ */ jsx(
+                  ApprovalDetails,
+                  {
+                    approval,
+                    onResolve: status === "ready" ? onResolve : void 0
+                  }
+                ) : /* @__PURE__ */ jsx("p", { role: "status", children: "This request is no longer in the observation." })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function AdapterStatus({ adapters = [] }) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h2", { children: "Adapters" }),
+    !adapters.length ? /* @__PURE__ */ jsx("p", { children: "No adapter observations supplied." }) : /* @__PURE__ */ jsx(Rows, { items: adapters.map((item) => ({ ...item, key: item.name })), children: (item) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h3", { children: item.name }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "Connection ",
+        item.state
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "Recorded failures: ",
+        unknown(item.failures)
+      ] }),
+      item.retryAt && /* @__PURE__ */ jsxs("p", { children: [
+        "Breaker until ",
+        item.retryAt
+      ] })
+    ] }) })
+  ] });
+}
+function OrchestrationOverview({ model }) {
+  return /* @__PURE__ */ jsxs("section", { className: "scui-root scui-domain", children: [
+    /* @__PURE__ */ jsx("header", { className: "scui-domain-header", children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { children: "Runtime observation" }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        model.source,
+        " \xB7 Runtime clock ",
+        model.observedAt || "unknown"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "scui-domain-collection", children: model.status !== "ready" ? /* @__PURE__ */ jsx("p", { role: "status", children: "Runtime observation unavailable. Configuration does not establish live health." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Facts,
+        {
+          entries: [
+            ["Active turns", model.activeTurns],
+            ["Leases", model.leases],
+            ["Queued messages", model.queuedMessages],
+            ["Pending requests", model.pendingRequests]
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(AdapterStatus, { adapters: model.adapters }),
+      /* @__PURE__ */ jsx("p", { className: "scui-domain-footnote", children: "One supplied runtime observation. No aggregate fleet-health or delivery-backlog claim." })
+    ] }) })
+  ] });
+}
+
+// src/supervision.jsx
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var label = (value) => String(value || "unknown").replaceAll("_", " ");
+var good = (value) => ["completed", "ok", "delivered", "approved"].includes(value);
+var bad = (value) => ["failed", "error", "abandoned", "changes_requested"].includes(value);
+function JobControls({ job, stale = false, onControl }) {
+  const [pending, setPending] = useState2(null);
+  const [message, setMessage] = useState2("");
+  const [confirmDelete, setConfirmDelete] = useState2(false);
+  const generation = useRef2(0);
+  useLayoutEffect2(() => {
+    ++generation.current;
+    setPending(null);
+    setMessage("");
+    setConfirmDelete(false);
+    return () => {
+      ++generation.current;
+    };
+  }, [job.key]);
+  if (!onControl || !(job.canResume || job.canRun || job.canDelete)) return null;
+  const act = async (action) => {
+    const version = generation.current;
+    setPending(action);
+    setMessage("");
+    try {
+      const result = await onControl(action, job.key);
+      if (version !== generation.current) return;
+      if (result?.confirmed !== true || result.key !== job.key || result.action !== action || action === "delete" && result.deleted !== true || action === "run" && result.requested !== true) throw new Error("Unconfirmed control");
+      setMessage(action === "run" ? "Run requested. Check run history for execution and delivery." : action === "resume" ? "Schedule resumed." : "Schedule deleted.");
+      setConfirmDelete(false);
+    } catch {
+      if (version === generation.current) setMessage("The source did not confirm this action. Refresh before trying again.");
+    } finally {
+      if (version === generation.current) setPending(null);
+    }
+  };
+  return /* @__PURE__ */ jsxs2("section", { className: "scui-root scui-domain scui-inventory-actions", "aria-label": "Job controls", children: [
+    job.canResume && /* @__PURE__ */ jsx2("button", { type: "button", disabled: stale || !!pending, onClick: () => act("resume"), children: "Resume schedule" }),
+    job.canRun && /* @__PURE__ */ jsx2("button", { type: "button", disabled: stale || !!pending, onClick: () => act("run"), children: "Run now" }),
+    job.canDelete && /* @__PURE__ */ jsx2("button", { type: "button", disabled: stale || !!pending, onClick: () => setConfirmDelete(true), children: "Delete schedule" }),
+    confirmDelete && /* @__PURE__ */ jsxs2("span", { children: [
+      "Delete this schedule? ",
+      /* @__PURE__ */ jsx2("button", { type: "button", disabled: stale || !!pending, onClick: () => act("delete"), children: "Confirm deletion" }),
+      " ",
+      /* @__PURE__ */ jsx2("button", { type: "button", disabled: !!pending, onClick: () => setConfirmDelete(false), children: "Cancel" })
+    ] }),
+    pending && /* @__PURE__ */ jsx2("p", { role: "status", children: "Waiting for the source to confirm\u2026" }),
+    message && /* @__PURE__ */ jsx2("p", { role: "status", children: message })
+  ] });
+}
+function Badge({ value }) {
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      className: `scui-domain-badge ${good(value) ? "scui-domain-positive" : bad(value) ? "scui-domain-danger" : ""}`,
+      children: label(value)
+    }
+  );
+}
+function Notice({ status, count, noun }) {
+  return status === "loading" ? /* @__PURE__ */ jsxs2("p", { role: "status", children: [
+    "Loading ",
+    noun,
+    "\u2026"
+  ] }) : status === "error" ? /* @__PURE__ */ jsxs2("p", { role: "alert", children: [
+    "Could not read ",
+    noun,
+    ". Contents are unknown; refresh to retry."
+  ] }) : count === 0 ? /* @__PURE__ */ jsxs2("p", { role: "status", children: [
+    "No ",
+    noun,
+    " found."
+  ] }) : null;
+}
+function HandoffCard({ attempt }) {
+  if (!attempt.summary && !attempt.evidence) return /* @__PURE__ */ jsx2("p", { children: "No handoff supplied." });
+  return /* @__PURE__ */ jsxs2("details", { children: [
+    /* @__PURE__ */ jsx2("summary", { children: "Read handoff and evidence" }),
+    /* @__PURE__ */ jsx2("p", { children: attempt.summary || "No handoff summary supplied." }),
+    attempt.evidence && /* @__PURE__ */ jsx2("pre", { tabIndex: 0, "aria-label": "Handoff evidence", children: attempt.evidence })
+  ] });
+}
+function ReviewCard({ review }) {
+  return /* @__PURE__ */ jsxs2("article", { className: "scui-domain-callout", children: [
+    /* @__PURE__ */ jsx2("h3", { children: label(review.verdict) }),
+    /* @__PURE__ */ jsxs2("p", { children: [
+      review.by || "Unknown reviewer",
+      review.at ? ` \xB7 ${review.at}` : ""
+    ] }),
+    /* @__PURE__ */ jsx2("p", { children: review.reason || "No review reason supplied." })
+  ] });
+}
+function TaskThread({ comments = [] }) {
+  return /* @__PURE__ */ jsxs2("section", { "aria-label": "Task discussion", children: [
+    /* @__PURE__ */ jsx2("h3", { children: "Discussion" }),
+    comments.length ? comments.map((comment, i) => /* @__PURE__ */ jsxs2("article", { children: [
+      /* @__PURE__ */ jsx2("strong", { children: comment.author }),
+      /* @__PURE__ */ jsx2("small", { children: comment.at }),
+      /* @__PURE__ */ jsx2("p", { children: comment.body })
+    ] }, i)) : /* @__PURE__ */ jsx2("p", { children: "No discussion supplied." })
+  ] });
+}
+function AttemptTimeline({ attempts = [], onOpenSession }) {
+  return /* @__PURE__ */ jsxs2("section", { "aria-label": "Task attempts", children: [
+    /* @__PURE__ */ jsx2("h3", { children: "Attempts" }),
+    attempts.length ? /* @__PURE__ */ jsx2("ol", { className: "scui-domain-timeline", children: attempts.map((attempt) => /* @__PURE__ */ jsxs2("li", { children: [
+      /* @__PURE__ */ jsxs2("strong", { children: [
+        attempt.key,
+        " \xB7 ",
+        label(attempt.status)
+      ] }),
+      /* @__PURE__ */ jsxs2("p", { children: [
+        attempt.profile,
+        attempt.startedAt ? ` \xB7 ${attempt.startedAt}` : "",
+        attempt.endedAt ? ` \u2013 ${attempt.endedAt}` : ""
+      ] }),
+      attempt.error && /* @__PURE__ */ jsx2("p", { children: attempt.error }),
+      /* @__PURE__ */ jsx2(HandoffCard, { attempt }),
+      attempt.sessionKey && onOpenSession ? /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpenSession(attempt.sessionKey),
+          children: "Open conversation"
+        }
+      ) : /* @__PURE__ */ jsx2("p", { className: "scui-domain-meta", children: "No linked session was supplied for this attempt." })
+    ] }, attempt.key)) }) : /* @__PURE__ */ jsx2("p", { children: "No attempt recorded for this task." })
+  ] });
+}
+function DependencyList({ items = [], title = "Depends on", onOpen }) {
+  return /* @__PURE__ */ jsxs2("section", { children: [
+    /* @__PURE__ */ jsx2("h3", { children: title }),
+    items.length ? items.map((item) => /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        className: "scui-domain-related",
+        disabled: !item.available || !onOpen,
+        onClick: () => onOpen(item.key),
+        children: [
+          item.label,
+          !item.available ? " \xB7 Target unavailable" : ""
+        ]
+      },
+      item.key
+    )) : /* @__PURE__ */ jsx2("p", { children: "No recorded relationships." })
+  ] });
+}
+function TaskCard({ task, onOpen }) {
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      type: "button",
+      className: "scui-domain-task",
+      disabled: !onOpen,
+      "aria-label": `Open ${task.id}: ${task.title}`,
+      onClick: (event) => onOpen(task.key, event.currentTarget),
+      children: [
+        /* @__PURE__ */ jsxs2("span", { className: "scui-domain-meta", children: [
+          task.id,
+          " \xB7 ",
+          task.assignee
+        ] }),
+        /* @__PURE__ */ jsx2("strong", { children: task.title }),
+        /* @__PURE__ */ jsxs2("span", { className: "scui-domain-meta", children: [
+          label(task.lane),
+          task.note ? ` \xB7 ${task.note}` : ""
+        ] })
+      ]
+    }
+  );
+}
+function WorkflowList({ tasks = [], onOpen }) {
+  return /* @__PURE__ */ jsx2("div", { className: "scui-domain-list", children: tasks.map((task) => /* @__PURE__ */ jsx2(TaskCard, { task, onOpen }, task.key)) });
+}
+function TaskDetails({ task, onOpenTask, onOpenSession, onClose }) {
+  const heading = useRef2(null);
+  useLayoutEffect2(() => {
+    if (onClose) heading.current?.focus();
+  }, [task.key]);
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: "scui-domain-detail",
+      "aria-label": "Task details",
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && onClose) {
+          event.stopPropagation();
+          onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "scui-domain-detail-top", children: [
+          /* @__PURE__ */ jsx2("span", { children: task.id }),
+          onClose && /* @__PURE__ */ jsx2("button", { type: "button", onClick: onClose, children: "Close task" })
+        ] }),
+        /* @__PURE__ */ jsx2("h2", { ref: heading, tabIndex: -1, children: task.title }),
+        /* @__PURE__ */ jsxs2("div", { className: "scui-domain-inline", children: [
+          /* @__PURE__ */ jsx2(Badge, { value: task.lane }),
+          /* @__PURE__ */ jsx2("span", { children: task.assignee })
+        ] }),
+        task.body && /* @__PURE__ */ jsx2("p", { children: task.body }),
+        task.note && /* @__PURE__ */ jsx2("p", { className: "scui-domain-callout", children: task.note }),
+        (task.attemptCount > task.attempts.length || task.reviewCount > task.reviews.length || task.commentCount > task.comments.length) && /* @__PURE__ */ jsxs2("p", { className: "scui-domain-banner", children: [
+          "Bounded history: ",
+          task.attempts.length,
+          " of ",
+          task.attemptCount,
+          " ",
+          "attempts, ",
+          task.reviews.length,
+          " of ",
+          task.reviewCount,
+          " reviews,",
+          " ",
+          task.comments.length,
+          " of ",
+          task.commentCount,
+          " comments. Older records remain in the source."
+        ] }),
+        task.reviews?.map((review, i) => /* @__PURE__ */ jsx2(ReviewCard, { review }, i)),
+        /* @__PURE__ */ jsx2(DependencyList, { items: task.dependencies, onOpen: onOpenTask }),
+        /* @__PURE__ */ jsx2(
+          DependencyList,
+          {
+            title: "Required before",
+            items: task.dependents,
+            onOpen: onOpenTask
+          }
+        ),
+        /* @__PURE__ */ jsx2(AttemptTimeline, { attempts: task.attempts, onOpenSession }),
+        /* @__PURE__ */ jsx2(TaskThread, { comments: task.comments }),
+        /* @__PURE__ */ jsx2("p", { className: "scui-domain-footnote", children: "This source supports reading tasks. Make board changes in the owning harness." })
+      ]
+    }
+  );
+}
+function WorkflowBoard({
+  board,
+  selectedKey,
+  onSelect,
+  onOpenSession,
+  onLoadMore,
+  initialLayout = "list"
+}) {
+  const [layout, setLayout] = useState2(initialLayout), [query, setQuery] = useState2(""), [selection, setSelection] = useState2(null);
+  const opener = useRef2(null), list = useRef2(null);
+  const selected = selectedKey === void 0 ? selection : selectedKey;
+  const task = board.tasks.find((item) => item.key === selected);
+  const select = (value, element) => {
+    if (element) opener.current = element;
+    setSelection(value);
+    onSelect?.(value);
+  };
+  const close = () => {
+    select(null);
+    requestAnimationFrame(
+      () => (opener.current?.isConnected ? opener.current : list.current)?.focus()
+    );
+  };
+  const visible = board.tasks.filter(
+    (item) => `${item.id} ${item.title} ${item.assignee}`.toLowerCase().includes(query.toLowerCase())
+  );
+  const lanes = [...new Set(visible.map((item) => item.lane))];
+  return /* @__PURE__ */ jsxs2("section", { className: "scui-root scui-domain", "aria-label": "Workflow board", children: [
+    /* @__PURE__ */ jsxs2("header", { className: "scui-domain-header", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsxs2("span", { className: "scui-domain-eyebrow", children: [
+          "Workflow / ",
+          board.source
+        ] }),
+        /* @__PURE__ */ jsx2("h1", { children: board.title }),
+        /* @__PURE__ */ jsxs2("p", { children: [
+          board.tasks.length,
+          " of ",
+          board.total,
+          " tasks \xB7 Read-only board"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2(Badge, { value: board.status === "ready" ? "observed" : board.status })
+    ] }),
+    board.stale && /* @__PURE__ */ jsx2("p", { className: "scui-domain-banner", role: "status", children: "Source unavailable. Showing the last observation." }),
+    /* @__PURE__ */ jsxs2("div", { className: "scui-domain-toolbar", children: [
+      /* @__PURE__ */ jsxs2("label", { className: "scui-domain-search", children: [
+        "Search tasks",
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "search",
+            value: query,
+            onInput: (event) => setQuery(event.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "scui-domain-switch",
+          role: "group",
+          "aria-label": "Task layout",
+          children: [
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": layout === "board",
+                onClick: () => setLayout("board"),
+                children: "Board"
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": layout === "list",
+                onClick: () => setLayout("list"),
+                children: "List"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: `scui-domain-workspace ${task ? "scui-domain-has-detail" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs2(
+            "section",
+            {
+              ref: list,
+              tabIndex: -1,
+              className: "scui-domain-collection",
+              "aria-label": "Tasks",
+              children: [
+                /* @__PURE__ */ jsx2(
+                  Notice,
+                  {
+                    status: board.status,
+                    count: board.tasks.length,
+                    noun: "tasks"
+                  }
+                ),
+                board.status === "ready" && (visible.length ? layout === "board" ? /* @__PURE__ */ jsx2(
+                  "div",
+                  {
+                    className: "scui-domain-board",
+                    style: {
+                      gridTemplateColumns: `repeat(${Math.max(1, lanes.length)}, minmax(190px, 1fr))`
+                    },
+                    children: lanes.map((lane) => /* @__PURE__ */ jsxs2(
+                      "section",
+                      {
+                        className: "scui-domain-lane",
+                        "aria-label": label(lane),
+                        children: [
+                          /* @__PURE__ */ jsxs2("h2", { children: [
+                            label(lane),
+                            " ",
+                            /* @__PURE__ */ jsx2("span", { children: visible.filter((item) => item.lane === lane).length })
+                          ] }),
+                          /* @__PURE__ */ jsx2(
+                            WorkflowList,
+                            {
+                              tasks: visible.filter((item) => item.lane === lane),
+                              onOpen: select
+                            }
+                          )
+                        ]
+                      },
+                      lane
+                    ))
+                  }
+                ) : /* @__PURE__ */ jsx2(WorkflowList, { tasks: visible, onOpen: select }) : board.tasks.length > 0 && /* @__PURE__ */ jsx2("p", { role: "status", children: "No tasks match this search." })),
+                board.hasMore && /* @__PURE__ */ jsx2("button", { type: "button", disabled: !onLoadMore, onClick: onLoadMore, children: "Load more tasks" })
+              ]
+            }
+          ),
+          task && /* @__PURE__ */ jsx2(
+            TaskDetails,
+            {
+              task,
+              onClose: close,
+              onOpenTask: (key) => select(key),
+              onOpenSession
+            }
+          ),
+          selected && !task && /* @__PURE__ */ jsxs2("p", { role: "status", children: [
+            "The selected task is outside this page or no longer available.",
+            " ",
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: close, children: "Back to tasks" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function DeliveryStatus({ delivery }) {
+  return /* @__PURE__ */ jsx2(Badge, { value: delivery?.state || "unknown" });
+}
+function RunList({ runs = [], onOpen }) {
+  return /* @__PURE__ */ jsx2("div", { className: "scui-domain-runs", children: runs.map((run) => /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      type: "button",
+      className: "scui-domain-run",
+      disabled: !onOpen,
+      "aria-label": `Open ${run.id}`,
+      onClick: (event) => onOpen(run.key, event.currentTarget),
+      children: [
+        /* @__PURE__ */ jsxs2("span", { children: [
+          /* @__PURE__ */ jsx2("strong", { children: run.startedAt || "Start time unknown" }),
+          /* @__PURE__ */ jsx2("span", { className: "scui-domain-meta", children: run.id })
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { children: [
+          /* @__PURE__ */ jsx2("span", { className: "scui-domain-meta", children: "Execution" }),
+          /* @__PURE__ */ jsx2(Badge, { value: run.execution })
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { children: [
+          /* @__PURE__ */ jsx2("span", { className: "scui-domain-meta", children: "Delivery" }),
+          /* @__PURE__ */ jsx2(DeliveryStatus, { delivery: run.delivery })
+        ] })
+      ]
+    },
+    run.key
+  )) });
+}
+function RunDetails({ run, onClose, onOpenSession }) {
+  const heading = useRef2(null);
+  useLayoutEffect2(() => {
+    if (onClose) heading.current?.focus();
+  }, [run.key]);
+  const completed = good(run.execution);
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: "scui-domain-detail",
+      "aria-label": "Run details",
+      onKeyDown: (event) => {
+        if (event.key === "Escape" && onClose) {
+          event.stopPropagation();
+          onClose();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "scui-domain-detail-top", children: [
+          /* @__PURE__ */ jsx2("span", { children: run.id }),
+          onClose && /* @__PURE__ */ jsx2("button", { type: "button", onClick: onClose, children: "Close run" })
+        ] }),
+        /* @__PURE__ */ jsx2("h2", { ref: heading, tabIndex: -1, children: completed ? `Execution completed. Delivery ${label(run.delivery?.state)}.` : `Execution ${label(run.execution)}.` }),
+        /* @__PURE__ */ jsx2("p", { children: run.startedAt || "Start time unknown" }),
+        /* @__PURE__ */ jsx2("h3", { children: "Execution" }),
+        /* @__PURE__ */ jsx2(Badge, { value: run.execution }),
+        run.error && /* @__PURE__ */ jsx2("p", { children: run.error }),
+        /* @__PURE__ */ jsx2("h3", { children: "Delivery" }),
+        /* @__PURE__ */ jsx2(DeliveryStatus, { delivery: run.delivery }),
+        run.delivery ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2("p", { children: run.delivery.error }),
+          /* @__PURE__ */ jsxs2("dl", { children: [
+            /* @__PURE__ */ jsx2("dt", { children: "Destination" }),
+            /* @__PURE__ */ jsx2("dd", { children: run.delivery.target || "Unknown" }),
+            /* @__PURE__ */ jsx2("dt", { children: "Recorded attempts" }),
+            /* @__PURE__ */ jsx2("dd", { children: run.delivery.attempts ?? "Unknown" })
+          ] })
+        ] }) : /* @__PURE__ */ jsx2("p", { children: "No matching delivery record was supplied. This does not establish success or failure." }),
+        /* @__PURE__ */ jsx2("p", { className: "scui-domain-footnote", children: "Delivery retry is unavailable for this source. Running the job again would start new work." }),
+        /* @__PURE__ */ jsxs2("details", { children: [
+          /* @__PURE__ */ jsx2("summary", { children: "Source evidence" }),
+          /* @__PURE__ */ jsxs2("dl", { children: [
+            /* @__PURE__ */ jsx2("dt", { children: "Native execution status" }),
+            /* @__PURE__ */ jsx2("dd", { children: run.execution }),
+            /* @__PURE__ */ jsx2("dt", { children: "Native delivery state" }),
+            /* @__PURE__ */ jsx2("dd", { children: run.delivery?.state || "Not supplied" }),
+            /* @__PURE__ */ jsx2("dt", { children: "Finished at" }),
+            /* @__PURE__ */ jsx2("dd", { children: run.finishedAt || "Unknown" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("h3", { children: "Conversation" }),
+        run.sessionKey && onOpenSession ? /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => onOpenSession(run.sessionKey), children: "Open conversation" }) : /* @__PURE__ */ jsx2("p", { children: "No linked conversation was supplied for this run." })
+      ]
+    }
+  );
+}
+function JobList({ jobs = [], onOpen }) {
+  return /* @__PURE__ */ jsx2("div", { className: "scui-domain-list", children: jobs.map((job) => /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      type: "button",
+      className: "scui-domain-task",
+      disabled: !onOpen,
+      onClick: () => onOpen(job.key),
+      children: [
+        /* @__PURE__ */ jsx2("strong", { children: job.title }),
+        /* @__PURE__ */ jsxs2("span", { children: [
+          job.source,
+          " \xB7 ",
+          job.profile || "Default profile"
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { children: [
+          job.schedule,
+          " \xB7 ",
+          label(job.state)
+        ] })
+      ]
+    },
+    job.key
+  )) });
+}
+function JobActions({ job, stale, onPause }) {
+  const [action, setAction] = useState2("idle"), [confirmed, setConfirmed] = useState2(null);
+  const generation = useRef2(0);
+  useLayoutEffect2(() => {
+    generation.current++;
+    setAction("idle");
+    setConfirmed(null);
+    return () => {
+      generation.current++;
+    };
+  }, [job.key, job.enabled]);
+  const pause = async () => {
+    const revision = generation.current;
+    setAction("pending");
+    try {
+      const result = await onPause(job.key);
+      if (generation.current !== revision) return;
+      if (result?.confirmed !== true || result.job?.key !== job.key || result.job.enabled !== false)
+        throw new Error("Pause unconfirmed");
+      setConfirmed(result.job);
+      setAction("confirmed");
+    } catch {
+      if (generation.current === revision) setAction("failed");
+    }
+  };
+  return /* @__PURE__ */ jsxs2("div", { children: [
+    job.canPause && onPause ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        disabled: stale || action === "pending" || action === "confirmed",
+        onClick: pause,
+        children: action === "pending" ? "Pausing\u2026" : action === "confirmed" ? "Job paused" : "Pause schedule"
+      }
+    ) : /* @__PURE__ */ jsx2("span", { className: "scui-domain-meta", children: "Schedule controls unavailable for this source." }),
+    action !== "idle" && /* @__PURE__ */ jsx2("p", { role: "status", children: action === "pending" ? "Pause requested. Waiting for the source to confirm." : confirmed ? "Schedule paused. Existing runs and delivery attempts are unchanged." : "Pause was not confirmed. The last observed schedule is still shown." })
+  ] });
+}
+function JobDetails({ job }) {
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2("header", { className: "scui-domain-header", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsxs2("span", { className: "scui-domain-eyebrow", children: [
+          "Jobs / ",
+          job.source,
+          " / ",
+          job.profile || "Default"
+        ] }),
+        /* @__PURE__ */ jsx2("h1", { children: job.title }),
+        /* @__PURE__ */ jsx2("p", { children: job.schedule })
+      ] }),
+      /* @__PURE__ */ jsx2(Badge, { value: job.state })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "scui-domain-schedule", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("span", { children: "Next scheduled run" }),
+        /* @__PURE__ */ jsx2("strong", { children: job.enabled === false ? "Paused" : job.nextRunAt || "Unknown" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("span", { children: "Destination" }),
+        /* @__PURE__ */ jsx2("strong", { children: job.destination || "Unknown" })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("span", { children: "Channel connection" }),
+        /* @__PURE__ */ jsx2("strong", { children: job.channelConnection || "Unknown" })
+      ] })
+    ] })
+  ] });
+}
+function OrchestrationJobs({
+  job,
+  runs = [],
+  status = "ready",
+  stale = false,
+  selectedKey,
+  onSelect,
+  onPause,
+  onOpenSession
+}) {
+  const [selection, setSelection] = useState2(null), [filter, setFilter] = useState2("all");
+  const opener = useRef2(null), collection = useRef2(null);
+  const selected = selectedKey === void 0 ? selection : selectedKey;
+  const run = runs.find((item) => item.key === selected);
+  const select = (key, element) => {
+    if (element) opener.current = element;
+    setSelection(key);
+    onSelect?.(key);
+  };
+  const close = () => {
+    select(null);
+    requestAnimationFrame(
+      () => (opener.current?.isConnected ? opener.current : collection.current)?.focus()
+    );
+  };
+  const visible = runs.filter(
+    (item) => filter === "all" || bad(item.delivery?.state)
+  );
+  return /* @__PURE__ */ jsxs2("section", { className: "scui-root scui-domain", "aria-label": "Job investigation", children: [
+    /* @__PURE__ */ jsx2(JobDetails, { job }),
+    stale && /* @__PURE__ */ jsx2("p", { role: "status", className: "scui-domain-banner", children: "Source unavailable. Showing the last observation. Controls are unavailable until refreshed." }),
+    /* @__PURE__ */ jsxs2("div", { className: "scui-domain-toolbar", children: [
+      /* @__PURE__ */ jsxs2("label", { children: [
+        "Run history",
+        /* @__PURE__ */ jsxs2(
+          "select",
+          {
+            value: filter,
+            onChange: (event) => setFilter(event.currentTarget.value),
+            children: [
+              /* @__PURE__ */ jsx2("option", { value: "all", children: "All runs" }),
+              /* @__PURE__ */ jsx2("option", { value: "attention", children: "Delivery needs attention" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(
+        JobActions,
+        {
+          job,
+          stale: stale || status !== "ready",
+          onPause
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: `scui-domain-workspace ${run ? "scui-domain-has-detail" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs2(
+            "section",
+            {
+              ref: collection,
+              tabIndex: -1,
+              className: "scui-domain-collection",
+              "aria-label": "Run history",
+              children: [
+                /* @__PURE__ */ jsx2(Notice, { status, count: runs.length, noun: "runs" }),
+                status === "ready" && /* @__PURE__ */ jsx2(RunList, { runs: visible, onOpen: select }),
+                status === "ready" && runs.length > 0 && !visible.length && /* @__PURE__ */ jsx2("p", { role: "status", children: "No runs match this filter." })
+              ]
+            }
+          ),
+          run && /* @__PURE__ */ jsx2(RunDetails, { run, onClose: close, onOpenSession }),
+          selected && !run && /* @__PURE__ */ jsxs2("p", { role: "status", children: [
+            "The selected run is no longer available.",
+            " ",
+            /* @__PURE__ */ jsx2("button", { type: "button", onClick: close, children: "Back to runs" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  AdapterStatus,
+  ApprovalDetails,
+  ApprovalInbox,
+  AttemptTimeline,
+  ChannelList,
+  DeliveryStatus,
+  DependencyList,
+  HandoffCard,
+  JobActions,
+  JobControls,
+  JobDetails,
+  JobList,
+  MemoryBrowser,
+  OrchestrationJobs,
+  OrchestrationOverview,
+  ProfileDetails,
+  ProfileList,
+  ReviewCard,
+  RouteList,
+  RunDetails,
+  RunList,
+  SkillDetails,
+  SkillList,
+  SourceInspector,
+  TaskCard,
+  TaskDetails,
+  TaskThread,
+  TriggerList,
+  WorkflowBoard,
+  WorkflowList
+};