@researai/deepscientist 1.5.0 → 1.5.1

package/src/ui/dist/assets/LabPlugin-BYankkE4.js

@@ -0,0 +1,2676 @@
+import { z as createLucideIcon, af as useQuery, r as reactExports, j as jsxRuntimeExports, bf as Skeleton, bg as Badge, ag as client, bh as ReactFlowProvider, u as useI18n, aF as resolveAgentDisplayName, aT as resolveAgentLogo, aW as pickAvatarFrameColor, aQ as isLabWorkingStatus, bi as normalizeLabStatus, bj as useNodesState, bk as useReactFlow, bl as index, bm as Background, b as cn, bn as Handle, bo as Position, bp as CircleHelp, bq as OrbitLogoStatus, br as Clock, bs as Moon, aI as formatRelativeTime, n as ChevronDown, aM as useQueryClient, aA as useLabCopilotStore, aN as useLabGraphSelectionStore, bt as resolveLabCanvasSelectionSemantic, a3 as Button, g as RefreshCw, bu as LabQuestGraphCanvas, bv as ArrowLeft, aZ as ScrollArea, D as Sparkles, bw as GitBranch, bx as Bot, by as LAB_CANVAS_SEMANTIC_TONE_META, bz as getLabQuest, bA as getLabQuestSummary, bB as getLabQuestEventPayload, bC as getLabQuestNodeTrace, bD as isQuestRuntimeSurface, bE as getApiBaseUrl, bF as redirectToLanding, bG as useCliStore, bH as useActiveTab, y as BUILTIN_PLUGINS, bI as listLabTemplates, aB as listLabAgents, aC as listLabQuests, bJ as getLabOverview, bK as getProject, bL as useMaxEntitlement } from './index-DmwmJmbW.js';
+
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1 = [
+  ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ]
+];
+const Inbox = createLucideIcon("inbox", __iconNode$1);
+
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["rect", { width: "7", height: "9", x: "3", y: "3", rx: "1", key: "10lvy0" }],
+  ["rect", { width: "7", height: "5", x: "14", y: "3", rx: "1", key: "16une8" }],
+  ["rect", { width: "7", height: "9", x: "14", y: "12", rx: "1", key: "1hutg5" }],
+  ["rect", { width: "7", height: "5", x: "3", y: "16", rx: "1", key: "ldoo1y" }]
+];
+const LayoutDashboard = createLucideIcon("layout-dashboard", __iconNode);
+
+const formatStateLabel$1 = (value) => {
+  const normalized = String(value || "").trim().replace(/[_-]+/g, " ");
+  if (!normalized) return "N/A";
+  return normalized.replace(/\b\w/g, (char) => char.toUpperCase());
+};
+const prettyJson = (value) => {
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+const asRecord$1 = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  return value;
+};
+const asString = (value) => {
+  if (typeof value === "string") return value.trim() || null;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return null;
+};
+function MetaCard({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[14px] border border-[var(--lab-border)] bg-[var(--lab-background)] px-3 py-2.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-[var(--lab-text-secondary)]", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-[var(--lab-text-primary)]", children: value })
+  ] });
+}
+function LabNodeTraceDetail({
+  projectId,
+  questId,
+  trace,
+  isLoading,
+  payloadJson,
+  payloadTruncated
+}) {
+  const primaryPayload = trace?.payload_json || asRecord$1(payloadJson)?.payload || payloadJson || null;
+  const primaryAction = [...trace?.actions || []].reverse().find((action) => action.artifact_id || action.head_commit) || null;
+  const headCommit = trace?.head_commit || primaryAction?.head_commit || null;
+  const artifactKind = trace?.artifact_kind || primaryAction?.artifact_kind || null;
+  const artifactId = trace?.artifact_id || primaryAction?.artifact_id || null;
+  const commitQuery = useQuery({
+    queryKey: ["lab-trace-commit", questId, headCommit],
+    queryFn: () => client.gitCommit(questId, headCommit),
+    enabled: Boolean(questId && headCommit),
+    staleTime: 15e3
+  });
+  const fileCandidates = reactExports.useMemo(() => {
+    const explicit = [...trace?.changed_files || []].filter(Boolean);
+    const commitFiles = commitQuery.data?.files?.map((file) => file.path).filter(Boolean) || [];
+    const payloadPaths = Object.values(trace?.paths_map || {}).map((entry) => asString(entry)).filter((entry) => Boolean(entry && !entry.startsWith("/")));
+    return [.../* @__PURE__ */ new Set([...explicit, ...commitFiles, ...payloadPaths])];
+  }, [commitQuery.data?.files, trace?.changed_files, trace?.paths_map]);
+  const [selectedPath, setSelectedPath] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    if (!fileCandidates.length) {
+      setSelectedPath(null);
+      return;
+    }
+    if (!selectedPath || !fileCandidates.includes(selectedPath)) {
+      setSelectedPath(fileCandidates[0] || null);
+    }
+  }, [fileCandidates, selectedPath]);
+  const commitFileQuery = useQuery({
+    queryKey: ["lab-trace-commit-file", questId, headCommit, selectedPath],
+    queryFn: () => client.gitCommitFile(questId, headCommit, selectedPath),
+    enabled: Boolean(questId && headCommit && selectedPath),
+    staleTime: 15e3
+  });
+  if (isLoading && !trace) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-24 w-full rounded-[18px]" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-20 w-full rounded-[18px]" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-32 w-full rounded-[18px]" })
+    ] });
+  }
+  if (!trace) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4 text-sm text-[var(--lab-text-secondary)]", children: "No trace is attached to this node yet." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(trace.selection_type) }),
+        trace.stage_title ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: trace.stage_title }) : null,
+        trace.status ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(trace.status) }) : null,
+        artifactKind ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(artifactKind) }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 text-sm font-semibold text-[var(--lab-text-primary)]", children: trace.title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs leading-5 text-[var(--lab-text-secondary)]", children: trace.summary || "No normalized summary is available for this node." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Branch", value: trace.branch_name || "N/A" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Stage", value: trace.stage_title || "N/A" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Artifact", value: artifactId || "N/A" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Commit", value: headCommit || "N/A" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Actions", value: trace.counts?.actions ?? trace.actions.length }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MetaCard, { label: "Updated", value: trace.updated_at || "N/A" })
+    ] }),
+    primaryPayload ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-[var(--lab-text-secondary)]", children: "Artifact Payload" }),
+        payloadTruncated ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: "Truncated" }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-3 max-h-[280px] overflow-auto whitespace-pre-wrap rounded-[14px] bg-[var(--lab-background)] p-3 text-[11px] leading-5 text-[var(--lab-text-primary)]", children: prettyJson(primaryPayload) })
+    ] }) : null,
+    headCommit ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-[var(--lab-text-secondary)]", children: "Commit" }),
+      commitQuery.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "mt-3 h-20 w-full rounded-[14px]" }) : commitQuery.data ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 space-y-2 text-xs text-[var(--lab-text-secondary)]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-[var(--lab-text-primary)]", children: commitQuery.data.subject }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          commitQuery.data.short_sha,
+          " · ",
+          commitQuery.data.author_name || "Unknown author"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: commitQuery.data.authored_at || "Unknown time" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          commitQuery.data.file_count || 0,
+          " files · +",
+          commitQuery.data.stats?.added || 0,
+          " / -",
+          commitQuery.data.stats?.removed || 0
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 text-sm text-[var(--lab-text-secondary)]", children: "Commit metadata is unavailable." })
+    ] }) : null,
+    fileCandidates.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-[var(--lab-text-secondary)]", children: "Changed Files" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: fileCandidates.slice(0, 12).map((path) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: `rounded-full border px-2.5 py-1 text-[11px] ${selectedPath === path ? "border-[var(--lab-accent-strong)] bg-[rgba(64,113,175,0.1)] text-[var(--lab-text-primary)]" : "border-[var(--lab-border)] bg-[var(--lab-background)] text-[var(--lab-text-secondary)]"}`,
+          onClick: () => setSelectedPath(path),
+          children: path
+        },
+        path
+      )) }),
+      selectedPath ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-[var(--lab-text-primary)]", children: selectedPath }),
+        commitFileQuery.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "mt-2 h-36 w-full rounded-[14px]" }) : commitFileQuery.data?.lines?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-2 max-h-[320px] overflow-auto whitespace-pre-wrap rounded-[14px] bg-[var(--lab-background)] p-3 text-[11px] leading-5 text-[var(--lab-text-primary)]", children: commitFileQuery.data.lines.join("\n") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-[var(--lab-text-secondary)]", children: projectId && questId ? "Preview unavailable for this file." : "Preview unavailable." })
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-[18px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-[var(--lab-text-secondary)]", children: "Trace Actions" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 space-y-3", children: trace.actions.length ? trace.actions.map((action) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "rounded-[14px] border border-[var(--lab-border)] bg-[var(--lab-background)] px-3 py-3",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-[var(--lab-text-primary)]", children: action.title || action.tool_name || action.raw_event_type || action.kind || action.action_id }),
+              action.kind ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(action.kind) }) : null,
+              action.status ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(action.status) }) : null,
+              action.artifact_kind ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel$1(action.artifact_kind) }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-[11px] text-[var(--lab-text-secondary)]", children: action.created_at || "N/A" }),
+            action.summary ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-xs leading-5 text-[var(--lab-text-secondary)]", children: action.summary }) : null,
+            action.head_commit ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 text-xs text-[var(--lab-text-secondary)]", children: [
+              "Commit: ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold text-[var(--lab-text-primary)]", children: action.head_commit })
+            ] }) : null,
+            action.tool_name ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 text-xs text-[var(--lab-text-secondary)]", children: [
+              "Tool: ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold text-[var(--lab-text-primary)]", children: action.tool_name })
+            ] }) : null,
+            action.mcp_server || action.mcp_tool ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 text-xs text-[var(--lab-text-secondary)]", children: [
+              "MCP:",
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-semibold text-[var(--lab-text-primary)]", children: [
+                action.mcp_server || "unknown",
+                action.mcp_tool ? `.${action.mcp_tool}` : ""
+              ] })
+            ] }) : null,
+            action.args ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-2 max-h-36 overflow-auto whitespace-pre-wrap rounded-[12px] bg-[rgba(15,23,42,0.04)] p-2 text-[11px] leading-5 text-[var(--lab-text-primary)]", children: action.args }) : null,
+            action.output ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-2 max-h-40 overflow-auto whitespace-pre-wrap rounded-[12px] bg-[rgba(15,23,42,0.04)] p-2 text-[11px] leading-5 text-[var(--lab-text-primary)]", children: action.output }) : null
+          ]
+        },
+        action.action_id
+      )) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-[var(--lab-text-secondary)]", children: "No action records yet." }) })
+    ] })
+  ] });
+}
+
+const LAB_FOCUS_EVENT$1 = "ds:lab:focus";
+const dispatchLabFocus = (payload) => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent(LAB_FOCUS_EVENT$1, { detail: payload }));
+};
+
+const getOverviewNodeKind = (data) => {
+  if ("kind" in data) return data.kind;
+  return "quest";
+};
+const isOverviewNodeDataEqual = (left, right) => {
+  const leftKind = getOverviewNodeKind(left);
+  const rightKind = getOverviewNodeKind(right);
+  if (leftKind !== rightKind) return false;
+  if (leftKind === "quest" && rightKind === "quest") {
+    const a = left;
+    const b = right;
+    return a.questId === b.questId && a.title === b.title && a.status === b.status && a.piState === b.piState && a.baselineBound === b.baselineBound && a.hasCliBinding === b.hasCliBinding && a.headBranch === b.headBranch && a.lastEventAt === b.lastEventAt && a.pendingQuestionCount === b.pendingQuestionCount && a.piAgentName === b.piAgentName && a.piAgentLogo === b.piAgentLogo && a.piAgentFrameColor === b.piAgentFrameColor && a.createdAt === b.createdAt && a.isActive === b.isActive;
+  }
+  if (leftKind === "agent" && rightKind === "agent") {
+    const a = left;
+    const b = right;
+    return a.questId === b.questId && a.agentId === b.agentId && a.name === b.name && a.avatar === b.avatar && a.avatarColor === b.avatarColor && a.statusTone === b.statusTone && a.statusState === b.statusState && a.statusLabel === b.statusLabel;
+  }
+  if (leftKind === "pi" && rightKind === "pi") {
+    const a = left;
+    const b = right;
+    return a.agentId === b.agentId && a.name === b.name && a.avatar === b.avatar && a.avatarColor === b.avatarColor && a.statusTone === b.statusTone && a.statusState === b.statusState && a.statusLabel === b.statusLabel;
+  }
+  if (leftKind === "pending" && rightKind === "pending") {
+    const a = left;
+    const b = right;
+    return a.count === b.count;
+  }
+  return false;
+};
+const STORAGE_VERSION = 2;
+const FLOATING_PANEL_MARGIN = 14;
+const ORB_SIZE = 44;
+const ORB_STEP = ORB_SIZE + 12;
+const OVERVIEW_PANEL_WIDTH = 420;
+const OVERVIEW_PANEL_HEIGHT = 520;
+const ACTION_PANEL_WIDTH = 420;
+const ACTION_PANEL_HEIGHT = 600;
+const readStoredLayout = (projectId) => {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(`ds:lab:overview_layout:v${STORAGE_VERSION}:${projectId}`);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (parsed?.version !== STORAGE_VERSION) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+};
+const writeStoredLayout = (projectId, layout) => {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(
+      `ds:lab:overview_layout:v${STORAGE_VERSION}:${projectId}`,
+      JSON.stringify(layout)
+    );
+  } catch {
+  }
+};
+const computeDefaultQuestPosition = (index, origin) => {
+  const cols = 3;
+  const gapX = 260;
+  const gapY = 170;
+  const col = index % cols;
+  const row = Math.floor(index / cols);
+  return { x: origin.x + col * gapX, y: origin.y + row * gapY };
+};
+const GUIDE_COLUMNS = 2;
+const GUIDE_GAP_X = 494;
+const GUIDE_GAP_Y = 221;
+const GUIDE_NODE_WIDTH = 340;
+const GUIDE_NODE_HEIGHT = 150;
+const GUIDE_GROUP_PADDING = 28;
+const GUIDE_GROUP_HEADER_HEIGHT = 28;
+const GUIDE_CENTER_X = 0;
+const GUIDE_START_Y = 40;
+const PI_NODE_WIDTH = 220;
+const computeGuideGroupRect = (stepsCount, cardHeight) => {
+  const rows = Math.max(1, Math.ceil(stepsCount / GUIDE_COLUMNS));
+  const totalWidth = (GUIDE_COLUMNS - 1) * GUIDE_GAP_X + GUIDE_NODE_WIDTH;
+  const totalHeight = (rows - 1) * GUIDE_GAP_Y + cardHeight;
+  const width = totalWidth + GUIDE_GROUP_PADDING * 2;
+  const height = totalHeight + GUIDE_GROUP_PADDING * 2 + GUIDE_GROUP_HEADER_HEIGHT;
+  const x = GUIDE_CENTER_X - totalWidth / 2 - GUIDE_GROUP_PADDING;
+  const y = GUIDE_START_Y - GUIDE_GROUP_PADDING - GUIDE_GROUP_HEADER_HEIGHT;
+  return { x, y, width, height };
+};
+const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+const rectsOverlap = (a, b) => {
+  return !(a.x + a.width <= b.x || b.x + b.width <= a.x || a.y + a.height <= b.y || b.y + b.height <= a.y);
+};
+const POSITION_EPS = 0.5;
+const sanitizePosition = (pos, fallback) => {
+  const x = Number.isFinite(pos.x) ? pos.x : fallback.x;
+  const y = Number.isFinite(pos.y) ? pos.y : fallback.y;
+  return { x, y };
+};
+const isPositionDifferent = (a, b) => {
+  return Math.abs(a.x - b.x) > POSITION_EPS || Math.abs(a.y - b.y) > POSITION_EPS;
+};
+const resolveOrbPosition = (current, bounds, blockers) => {
+  const leftX = FLOATING_PANEL_MARGIN;
+  const rightX = Math.max(FLOATING_PANEL_MARGIN, bounds.width - ORB_SIZE - FLOATING_PANEL_MARGIN);
+  const topY = FLOATING_PANEL_MARGIN;
+  const bottomY = Math.max(FLOATING_PANEL_MARGIN, bounds.height - ORB_SIZE - FLOATING_PANEL_MARGIN);
+  const clampedX = clamp(current.x, leftX, rightX);
+  const clampedY = clamp(current.y, topY, bottomY);
+  const distances = [
+    { edge: "left", dist: Math.abs(clampedX - leftX) },
+    { edge: "right", dist: Math.abs(clampedX - rightX) },
+    { edge: "top", dist: Math.abs(clampedY - topY) },
+    { edge: "bottom", dist: Math.abs(clampedY - bottomY) }
+  ].sort((a, b) => a.dist - b.dist);
+  const primary = distances[0]?.edge ?? "left";
+  const candidates = [];
+  const pushCandidate = (x, y) => {
+    candidates.push({
+      x: clamp(x, leftX, rightX),
+      y: clamp(y, topY, bottomY)
+    });
+  };
+  if (primary === "left" || primary === "right") {
+    const edgeX = primary === "left" ? leftX : rightX;
+    pushCandidate(edgeX, clampedY);
+    pushCandidate(edgeX, clampedY + ORB_STEP);
+    pushCandidate(edgeX, clampedY - ORB_STEP);
+    pushCandidate(primary === "left" ? rightX : leftX, clampedY);
+  } else {
+    const edgeY = primary === "top" ? topY : bottomY;
+    pushCandidate(clampedX, edgeY);
+    pushCandidate(clampedX + ORB_STEP, edgeY);
+    pushCandidate(clampedX - ORB_STEP, edgeY);
+    pushCandidate(clampedX, primary === "top" ? bottomY : topY);
+  }
+  pushCandidate(leftX, topY);
+  pushCandidate(rightX, topY);
+  pushCandidate(leftX, bottomY);
+  pushCandidate(rightX, bottomY);
+  const seen = /* @__PURE__ */ new Set();
+  const uniqueCandidates = candidates.filter((candidate) => {
+    const key = `${candidate.x}:${candidate.y}`;
+    if (seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+  for (const candidate of uniqueCandidates) {
+    const orbRect = { x: candidate.x, y: candidate.y, width: ORB_SIZE, height: ORB_SIZE };
+    if (!blockers.some((block) => rectsOverlap(orbRect, block))) {
+      return candidate;
+    }
+  }
+  return uniqueCandidates[0] ?? { x: leftX, y: topY };
+};
+const resolvePanelSize = (kind, collapsed, bounds) => {
+  if (collapsed) {
+    return { width: ORB_SIZE, height: ORB_SIZE };
+  }
+  const baseWidth = kind === "action" ? ACTION_PANEL_WIDTH : OVERVIEW_PANEL_WIDTH;
+  const baseHeight = kind === "action" ? ACTION_PANEL_HEIGHT : OVERVIEW_PANEL_HEIGHT;
+  return {
+    width: Math.min(baseWidth, Math.max(ORB_SIZE, bounds.width - 24)),
+    height: Math.min(baseHeight, Math.max(ORB_SIZE, bounds.height - 24))
+  };
+};
+const resolvePanelState = (stored, fallback) => {
+  return {
+    x: Number.isFinite(stored?.x) ? Number(stored?.x) : fallback.x,
+    y: Number.isFinite(stored?.y) ? Number(stored?.y) : fallback.y,
+    collapsed: typeof stored?.collapsed === "boolean" ? stored.collapsed : fallback.collapsed
+  };
+};
+const OverviewPendingActionPanelContext = reactExports.createContext(null);
+const OverviewQuestNode = ({ data }) => {
+  const { t } = useI18n("lab");
+  const nodeData = data;
+  const status = nodeData.status ? String(nodeData.status).toLowerCase() : null;
+  const pi = nodeData.piState ? String(nodeData.piState).toLowerCase() : null;
+  const baselineBound = Boolean(nodeData.baselineBound);
+  const headBranch = nodeData.headBranch?.trim() || "main";
+  const hasCliBinding = Boolean(nodeData.hasCliBinding);
+  const pendingQuestionCount = Math.max(0, Number(nodeData.pendingQuestionCount ?? 0));
+  const hasPendingQuestions = pendingQuestionCount > 0;
+  const lastEventLabel = nodeData.lastEventAt ? formatRelativeTime(nodeData.lastEventAt) : t("overview_last_event_none", void 0, "No event yet");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "lab-overview-quest-node",
+        nodeData.isActive && "is-active",
+        status ? `is-${status}` : null
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "target", position: Position.Left, className: "lab-flow-handle" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "source", position: Position.Right, className: "lab-flow-handle" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-quest-node__title-row", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-quest-node__title", children: nodeData.title || "Quest" }),
+          nodeData.piAgentName ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "lab-overview-pi-chip nodrag nopan nowheel",
+              onClick: (event) => {
+                event.stopPropagation();
+                nodeData.onPiClick?.();
+              },
+              "aria-label": t("overview_open_pi_chat", void 0, "Open PI chat"),
+              title: t("overview_open_pi_chat", void 0, "Open PI chat"),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    className: "lab-overview-pi-avatar",
+                    style: nodeData.piAgentFrameColor ? { borderColor: nodeData.piAgentFrameColor } : void 0,
+                    children: nodeData.piAgentLogo ? (
+                      // eslint-disable-next-line @next/next/no-img-element
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: nodeData.piAgentLogo, alt: "" })
+                    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-pi-avatar__fallback", children: t("overview_pi_label") })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-pi-label", children: nodeData.piAgentName })
+              ]
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-quest-node__meta", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: status || t("overview_unknown", void 0, "unknown") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            t("overview_pi_label", void 0, "PI"),
+            " ",
+            pi || t("overview_unknown", void 0, "unknown")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-quest-node__chips", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: baselineBound ? t("overview_baseline_bound", void 0, "Baseline bound") : t("overview_baseline_pending", void 0, "Baseline pending") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: t("overview_head_branch", { branch: headBranch }, "Head {branch}") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: hasCliBinding ? t("overview_cli_bound", void 0, "CLI bound") : t("overview_cli_pending", void 0, "CLI pending") }),
+          hasPendingQuestions ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip lab-overview-quest-chip--attention", children: t("overview_decision_count", { count: pendingQuestionCount }, "{count} decisions") }) : null,
+          typeof nodeData.progressingCount === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: t("overview_progressing_count", { count: nodeData.progressingCount }, "{count} progressing") }) : null,
+          typeof nodeData.experimentCount === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: t("overview_experiment_count", { count: nodeData.experimentCount }, "{count} experiments") }) : null,
+          typeof nodeData.pushFailedCount === "number" && nodeData.pushFailedCount > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip lab-overview-quest-chip--attention", children: t("overview_push_failed_count", { count: nodeData.pushFailedCount }, "{count} push failed") }) : null,
+          typeof nodeData.writerConflictCount === "number" && nodeData.writerConflictCount > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip lab-overview-quest-chip--attention", children: t(
+            "overview_writer_conflict_count",
+            { count: nodeData.writerConflictCount },
+            "{count} writer conflicts"
+          ) }) : null,
+          nodeData.runtimeLabel ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", children: nodeData.runtimeLabel }) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-quest-chip", title: nodeData.lastEventAt ?? void 0, children: t("overview_last_event", { value: lastEventLabel }, "Last event {value}") })
+        ] })
+      ]
+    }
+  );
+};
+const OverviewAgentNode = ({ data }) => {
+  const nodeData = data;
+  const statusClass = `lab-status-${nodeData.statusTone}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "target", position: Position.Left, className: "lab-flow-handle" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("lab-avatar lab-avatar-sm", statusClass), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-avatar-ring", style: { borderColor: nodeData.avatarColor } }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: nodeData.avatar, alt: nodeData.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node__meta", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-agent-node__name", children: nodeData.name }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node__status", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: cn(
+              "lab-status-indicator",
+              nodeData.statusState === "working" && "lab-status-indicator-working",
+              nodeData.statusState === "waiting" && "lab-status-indicator-waiting"
+            ),
+            "aria-label": nodeData.statusLabel,
+            title: nodeData.statusLabel,
+            children: nodeData.statusState === "waiting" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleHelp, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : nodeData.statusState === "working" ? /* @__PURE__ */ jsxRuntimeExports.jsx(OrbitLogoStatus, { compact: true, sizePx: 16, className: "lab-status-orbit" }) : nodeData.statusState === "paused" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-agent-node__status-label", children: nodeData.statusLabel })
+      ] })
+    ] })
+  ] });
+};
+const OverviewPiNode = ({ data }) => {
+  const nodeData = data;
+  const statusClass = `lab-status-${nodeData.statusTone}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Handle, { type: "source", position: Position.Right, className: "lab-flow-handle" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("lab-avatar lab-avatar-sm", statusClass), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-avatar-ring", style: { borderColor: nodeData.avatarColor } }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: nodeData.avatar, alt: nodeData.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node__meta", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-agent-node__name", children: nodeData.name }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-agent-node__status", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: cn(
+              "lab-status-indicator",
+              nodeData.statusState === "working" && "lab-status-indicator-working",
+              nodeData.statusState === "waiting" && "lab-status-indicator-waiting"
+            ),
+            "aria-label": nodeData.statusLabel,
+            title: nodeData.statusLabel,
+            children: nodeData.statusState === "waiting" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleHelp, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : nodeData.statusState === "working" ? /* @__PURE__ */ jsxRuntimeExports.jsx(OrbitLogoStatus, { compact: true, sizePx: 16, className: "lab-status-orbit" }) : nodeData.statusState === "paused" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { className: "h-3.5 w-3.5", "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-agent-node__status-label", children: nodeData.statusLabel })
+      ] })
+    ] })
+  ] });
+};
+const OverviewPendingNode = ({ data }) => {
+  const { t } = useI18n("lab");
+  const nodeData = data;
+  const actionPanel = reactExports.useContext(OverviewPendingActionPanelContext);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-pending-node", "aria-label": t("overview_pending_decisions"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-overview-pending-node__header", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-pending-node__title", children: t("overview_pending_decisions") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-pending-node__subtitle", children: nodeData.count === 1 ? t("overview_pending_single") : t("overview_pending_plural", { count: nodeData.count }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-overview-pending-node__count", "aria-hidden": "true", children: nodeData.count })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-overview-pending-node__content nodrag nowheel", children: actionPanel })
+  ] });
+};
+const OVERVIEW_NODE_TYPES = {
+  overviewQuest: OverviewQuestNode,
+  overviewAgent: OverviewAgentNode,
+  overviewPi: OverviewPiNode,
+  overviewPending: OverviewPendingNode
+};
+function FloatingPanel({
+  boundsRef,
+  title,
+  icon,
+  state,
+  zIndex,
+  onChange,
+  onActivate,
+  className,
+  children
+}) {
+  const dragRef = reactExports.useRef(null);
+  const rootRef = reactExports.useRef(null);
+  const cleanupRef = reactExports.useRef(null);
+  const lastDragMovedRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const startDrag = reactExports.useCallback(
+    (event) => {
+      event.stopPropagation();
+      if (typeof event.button === "number" && event.button !== 0) return;
+      onActivate?.();
+      if (!rootRef.current) return;
+      const bounds = boundsRef.current;
+      if (!bounds) return;
+      cleanupRef.current?.();
+      lastDragMovedRef.current = false;
+      const boundsRect = bounds.getBoundingClientRect();
+      const rootRect = rootRef.current.getBoundingClientRect();
+      const originX = rootRect.left - boundsRect.left;
+      const originY = rootRect.top - boundsRect.top;
+      dragRef.current = {
+        originX,
+        originY,
+        pointerId: event.pointerId,
+        startX: event.clientX,
+        startY: event.clientY,
+        moved: false
+      };
+      rootRef.current.setPointerCapture(event.pointerId);
+      const handleMove = (nextEvent) => {
+        if (!dragRef.current) return;
+        if (nextEvent.pointerId !== dragRef.current.pointerId) return;
+        const dx = nextEvent.clientX - dragRef.current.startX;
+        const dy = nextEvent.clientY - dragRef.current.startY;
+        if (Math.abs(dx) + Math.abs(dy) > 2) {
+          dragRef.current.moved = true;
+        }
+        const maxX = Math.max(
+          FLOATING_PANEL_MARGIN,
+          boundsRect.width - rootRect.width - FLOATING_PANEL_MARGIN
+        );
+        const maxY = Math.max(
+          FLOATING_PANEL_MARGIN,
+          boundsRect.height - rootRect.height - FLOATING_PANEL_MARGIN
+        );
+        const nextX = clamp(
+          dragRef.current.originX + dx,
+          FLOATING_PANEL_MARGIN,
+          maxX
+        );
+        const nextY = clamp(
+          dragRef.current.originY + dy,
+          FLOATING_PANEL_MARGIN,
+          maxY
+        );
+        onChange({ ...state, x: nextX, y: nextY });
+      };
+      const handleUp = (nextEvent) => {
+        if (!dragRef.current) return;
+        if (nextEvent.pointerId !== dragRef.current.pointerId) return;
+        lastDragMovedRef.current = dragRef.current.moved;
+        dragRef.current = null;
+        cleanupRef.current?.();
+        cleanupRef.current = null;
+      };
+      window.addEventListener("pointermove", handleMove);
+      window.addEventListener("pointerup", handleUp);
+      window.addEventListener("pointercancel", handleUp);
+      cleanupRef.current = () => {
+        window.removeEventListener("pointermove", handleMove);
+        window.removeEventListener("pointerup", handleUp);
+        window.removeEventListener("pointercancel", handleUp);
+      };
+    },
+    [boundsRef, onActivate, onChange, state]
+  );
+  const collapse = reactExports.useCallback(
+    (event) => {
+      event.stopPropagation();
+      onChange({ ...state, collapsed: true });
+    },
+    [onChange, state]
+  );
+  const expand = reactExports.useCallback(() => {
+    if (lastDragMovedRef.current) {
+      lastDragMovedRef.current = false;
+      return;
+    }
+    onActivate?.();
+    onChange({ ...state, collapsed: false });
+  }, [onActivate, onChange, state]);
+  if (state.collapsed) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        ref: rootRef,
+        type: "button",
+        className: cn("lab-floating-orb nowheel nopan", className),
+        style: { transform: `translate3d(${state.x}px, ${state.y}px, 0)`, zIndex },
+        onPointerDown: startDrag,
+        onClick: (event) => {
+          event.stopPropagation();
+          expand();
+        },
+        "aria-label": `Show ${title}`,
+        children: icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: cn("lab-floating-panel nowheel nopan", className),
+      style: { transform: `translate3d(${state.x}px, ${state.y}px, 0)`, zIndex },
+      onPointerDown: (event) => {
+        event.stopPropagation();
+        onActivate?.();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-floating-panel__header", onPointerDown: startDrag, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "lab-floating-panel__title", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lab-floating-panel__icon", children: icon }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "lab-floating-panel__collapse",
+              onPointerDown: (event) => event.stopPropagation(),
+              onClick: collapse,
+              "aria-label": `Collapse ${title}`,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-floating-panel__content", children })
+      ]
+    }
+  );
+}
+function LabOverviewCanvasInner({
+  projectId,
+  quests,
+  agents = [],
+  templates = [],
+  graphVm,
+  waitingAnswerByAgentId = /* @__PURE__ */ new Map(),
+  pendingDecisionCount,
+  activeQuestId,
+  hasPiAgent,
+  piAgent,
+  readOnly,
+  canvasLevel = "map",
+  actionPanel,
+  overviewPanel,
+  showFloatingPanels = true,
+  onOpenCanvas,
+  onOpenQuestPiChat,
+  onOpenPiChat,
+  onSelectAgent
+}) {
+  const { t } = useI18n("lab");
+  const boundsRef = reactExports.useRef(null);
+  const [canvasBoundsReady, setCanvasBoundsReady] = reactExports.useState(false);
+  const storedLayout = reactExports.useMemo(() => readStoredLayout(projectId), [projectId]);
+  const storedViewport = storedLayout?.viewport ?? null;
+  const initialViewport = storedViewport && Number.isFinite(storedViewport.x) && Number.isFinite(storedViewport.y) && Number.isFinite(storedViewport.zoom) && storedViewport.zoom >= 0.15 && storedViewport.zoom <= 3 ? storedViewport : void 0;
+  const fittedViewportRef = reactExports.useRef(false);
+  const viewportCheckedRef = reactExports.useRef(false);
+  const nodesRef = reactExports.useRef([]);
+  const viewportRef = reactExports.useRef(storedLayout?.viewport ?? null);
+  const saveTimeoutRef = reactExports.useRef(null);
+  const zCounterRef = reactExports.useRef(2);
+  const [panelZ, setPanelZ] = reactExports.useState({
+    overview: 1,
+    action: 2
+  });
+  const [overviewPanelState, setOverviewPanelState] = reactExports.useState(
+    () => resolvePanelState(storedLayout?.panels?.overview, { x: 16, y: 16, collapsed: false })
+  );
+  const [actionPanelState, setActionPanelState] = reactExports.useState(
+    () => resolvePanelState(storedLayout?.panels?.action, { x: 16, y: 88, collapsed: false })
+  );
+  const governanceByQuestId = reactExports.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    graphVm?.quests?.forEach((questVm) => {
+      map.set(questVm.questId, questVm);
+    });
+    return map;
+  }, [graphVm]);
+  const bringToFront = reactExports.useCallback((key) => {
+    zCounterRef.current += 1;
+    const nextZ = zCounterRef.current;
+    setPanelZ((prev) => ({ ...prev, [key]: nextZ }));
+  }, []);
+  const scheduleSave = reactExports.useCallback(() => {
+    if (typeof window === "undefined") return;
+    if (saveTimeoutRef.current) {
+      window.clearTimeout(saveTimeoutRef.current);
+    }
+    saveTimeoutRef.current = window.setTimeout(() => {
+      const nodePositions = {};
+      nodesRef.current.forEach((node) => {
+        nodePositions[node.id] = { x: node.position.x, y: node.position.y };
+      });
+      writeStoredLayout(projectId, {
+        version: STORAGE_VERSION,
+        viewport: viewportRef.current,
+        nodes: nodePositions,
+        panels: {
+          overview: {
+            x: overviewPanelState.x,
+            y: overviewPanelState.y,
+            collapsed: overviewPanelState.collapsed
+          },
+          action: {
+            x: actionPanelState.x,
+            y: actionPanelState.y,
+            collapsed: actionPanelState.collapsed
+          }
+        }
+      });
+    }, 450);
+  }, [actionPanelState, overviewPanelState, projectId]);
+  const guideGroupRect = reactExports.useMemo(() => {
+    return computeGuideGroupRect(4, GUIDE_NODE_HEIGHT);
+  }, []);
+  const questOrigin = reactExports.useMemo(() => {
+    const x = Math.round(guideGroupRect.x + guideGroupRect.width + 140);
+    const y = Math.round(guideGroupRect.y);
+    return { x, y };
+  }, [guideGroupRect]);
+  const resolvedPendingCount = reactExports.useMemo(() => {
+    if (typeof pendingDecisionCount === "number") {
+      return Math.max(0, pendingDecisionCount);
+    }
+    let count = 0;
+    for (const value of waitingAnswerByAgentId.values()) {
+      if (value) count += 1;
+    }
+    return count;
+  }, [pendingDecisionCount, waitingAnswerByAgentId]);
+  const isOpsMode = canvasLevel === "ops";
+  const hasPendingDecisions = resolvedPendingCount > 0;
+  const hasPendingNode = hasPendingDecisions && !isOpsMode;
+  const showActionPanelFloating = isOpsMode || !hasPendingNode;
+  reactExports.useLayoutEffect(() => {
+    const bounds = boundsRef.current;
+    if (!bounds) return;
+    const rect = bounds.getBoundingClientRect();
+    setActionPanelState((prev) => {
+      const hasStoredX = Number.isFinite(storedLayout?.panels?.action?.x);
+      const hasStoredY = Number.isFinite(storedLayout?.panels?.action?.y);
+      if (hasStoredX || hasStoredY) return prev;
+      if (prev.x !== 16 || prev.y !== 88) return prev;
+      const nextX = Math.max(FLOATING_PANEL_MARGIN, rect.width - ACTION_PANEL_WIDTH - FLOATING_PANEL_MARGIN);
+      return { ...prev, x: nextX };
+    });
+  }, [storedLayout?.panels?.action?.x, storedLayout?.panels?.action?.y]);
+  reactExports.useLayoutEffect(() => {
+    const bounds = boundsRef.current;
+    if (!bounds) return;
+    const rect = bounds.getBoundingClientRect();
+    const clampPanel = (panel, size) => {
+      const maxX = Math.max(FLOATING_PANEL_MARGIN, rect.width - size.width - FLOATING_PANEL_MARGIN);
+      const maxY = Math.max(FLOATING_PANEL_MARGIN, rect.height - size.height - FLOATING_PANEL_MARGIN);
+      return {
+        x: clamp(panel.x, FLOATING_PANEL_MARGIN, maxX),
+        y: clamp(panel.y, FLOATING_PANEL_MARGIN, maxY)
+      };
+    };
+    const overviewSize = resolvePanelSize("overview", overviewPanelState.collapsed, rect);
+    const actionSize = resolvePanelSize("action", actionPanelState.collapsed, rect);
+    let nextOverview = overviewPanelState;
+    if (!overviewPanelState.collapsed) {
+      const clamped = clampPanel(overviewPanelState, overviewSize);
+      if (clamped.x !== overviewPanelState.x || clamped.y !== overviewPanelState.y) {
+        nextOverview = { ...overviewPanelState, ...clamped };
+      }
+    }
+    let nextAction = actionPanelState;
+    if (!actionPanelState.collapsed) {
+      const clamped = clampPanel(actionPanelState, actionSize);
+      if (clamped.x !== actionPanelState.x || clamped.y !== actionPanelState.y) {
+        nextAction = { ...actionPanelState, ...clamped };
+      }
+    }
+    const blockers = [];
+    if (!nextOverview.collapsed) {
+      blockers.push({ x: nextOverview.x, y: nextOverview.y, ...overviewSize });
+    }
+    if (!nextAction.collapsed) {
+      blockers.push({ x: nextAction.x, y: nextAction.y, ...actionSize });
+    }
+    if (nextOverview.collapsed) {
+      const pos = sanitizePosition(resolveOrbPosition(nextOverview, rect, blockers), nextOverview);
+      if (isPositionDifferent(pos, nextOverview)) {
+        nextOverview = { ...nextOverview, ...pos };
+      }
+      blockers.push({ x: nextOverview.x, y: nextOverview.y, width: ORB_SIZE, height: ORB_SIZE });
+    }
+    if (nextAction.collapsed) {
+      const pos = sanitizePosition(resolveOrbPosition(nextAction, rect, blockers), nextAction);
+      if (isPositionDifferent(pos, nextAction)) {
+        nextAction = { ...nextAction, ...pos };
+      }
+    }
+    if (isPositionDifferent(nextOverview, overviewPanelState) || nextOverview.collapsed !== overviewPanelState.collapsed) {
+      setOverviewPanelState(nextOverview);
+    }
+    if (isPositionDifferent(nextAction, actionPanelState) || nextAction.collapsed !== actionPanelState.collapsed) {
+      setActionPanelState(nextAction);
+    }
+  }, [actionPanelState, overviewPanelState, storedLayout?.panels?.action?.x, storedLayout?.panels?.action?.y]);
+  reactExports.useEffect(() => {
+    if (!isOpsMode) return;
+    bringToFront("action");
+    setActionPanelState((prev) => prev.collapsed ? { ...prev, collapsed: false } : prev);
+  }, [bringToFront, isOpsMode]);
+  const pendingNode = reactExports.useMemo(() => {
+    if (!hasPendingNode) return null;
+    const width = ACTION_PANEL_WIDTH;
+    const height = ACTION_PANEL_HEIGHT;
+    const stored = storedLayout?.nodes?.["overview:pending"] ?? null;
+    const fallbackX = Math.round(guideGroupRect.x + guideGroupRect.width / 2 - width / 2);
+    const fallbackY = Math.round(guideGroupRect.y + guideGroupRect.height + 96);
+    const position = stored ? stored : { x: fallbackX, y: fallbackY };
+    return {
+      id: "overview:pending",
+      type: "overviewPending",
+      position,
+      draggable: !readOnly,
+      selectable: !readOnly,
+      data: {
+        kind: "pending",
+        count: resolvedPendingCount
+      },
+      style: {
+        width,
+        height,
+        zIndex: 2
+      }
+    };
+  }, [guideGroupRect, hasPendingNode, readOnly, resolvedPendingCount, storedLayout?.nodes]);
+  const questNodes = reactExports.useMemo(() => {
+    const storedNodes = storedLayout?.nodes ?? {};
+    return quests.map((quest, index) => {
+      const governanceQuest = governanceByQuestId.get(quest.quest_id);
+      const id = `quest:${quest.quest_id}`;
+      const stored = storedNodes?.[id] ?? null;
+      const position = stored ? stored : computeDefaultQuestPosition(index, questOrigin);
+      const summary = governanceQuest?.summary;
+      const runtime = governanceQuest?.runtime;
+      const runtimeLabel = runtime && runtime.runningAgents > 0 ? t("overview_runtime_running", { count: runtime.runningAgents }, "{count} running") : null;
+      return {
+        id,
+        type: "overviewQuest",
+        position,
+        draggable: !readOnly,
+        data: {
+          questId: quest.quest_id,
+          title: quest.title || "Quest",
+          status: quest.status ?? null,
+          piState: quest.pi_state ?? runtime?.piState ?? null,
+          baselineBound: governanceQuest?.governance.formalBaselineState === "confirmed" || quest.governance?.formalBaselineState === "confirmed",
+          hasCliBinding: Boolean(quest.cli_server_id),
+          headBranch: governanceQuest?.topology.headBranch ?? quest.git_head_branch ?? null,
+          lastEventAt: quest.last_event_at ?? null,
+          pendingQuestionCount: Math.max(0, Number(quest.pending_question_count ?? 0)),
+          piAgentName: piAgent?.name ?? null,
+          piAgentLogo: piAgent?.logo ?? null,
+          piAgentFrameColor: piAgent?.frameColor ?? null,
+          onPiClick: piAgent?.name ? () => {
+            if (onOpenQuestPiChat) {
+              onOpenQuestPiChat(quest.quest_id);
+              return;
+            }
+            onOpenPiChat?.();
+          } : null,
+          createdAt: quest.created_at ?? null,
+          isActive: quest.quest_id === activeQuestId,
+          progressingCount: summary?.progressingCount ?? void 0,
+          experimentCount: summary?.experimentCount ?? void 0,
+          runtimeLabel,
+          pushFailedCount: summary?.pushFailedCount ?? void 0,
+          writerConflictCount: summary?.writerConflictCount ?? void 0
+        }
+      };
+    });
+  }, [
+    activeQuestId,
+    governanceByQuestId,
+    onOpenPiChat,
+    onOpenQuestPiChat,
+    piAgent,
+    t,
+    quests,
+    readOnly,
+    storedLayout?.nodes,
+    questOrigin
+  ]);
+  const templatesById = reactExports.useMemo(() => {
+    return new Map(templates.map((template) => [template.template_id, template]));
+  }, [templates]);
+  const piNode = reactExports.useMemo(() => {
+    if (!hasPiAgent) return null;
+    if (!agents.length) return null;
+    const piTemplate = templates.find((template2) => template2.template_key === "pi") ?? null;
+    const piAgentInstance = (piTemplate ? agents.find((agent) => agent.template_id === piTemplate.template_id) : agents.find((agent) => agent.agent_id === "pi")) ?? null;
+    if (!piAgentInstance) return null;
+    const storedNodes = storedLayout?.nodes ?? {};
+    const defaultPosition = {
+      x: GUIDE_CENTER_X - PI_NODE_WIDTH / 2,
+      y: guideGroupRect.y + guideGroupRect.height + 48
+    };
+    const nodeId = `pi:${piAgentInstance.instance_id}`;
+    const position = storedNodes?.[nodeId] ?? defaultPosition;
+    const template = piAgentInstance.template_id ? templatesById.get(piAgentInstance.template_id) ?? null : null;
+    const displayName = resolveAgentDisplayName(piAgentInstance) || "PI";
+    const avatar = resolveAgentLogo(piAgentInstance, template);
+    const avatarColor = piAgentInstance.avatar_frame_color?.trim() || pickAvatarFrameColor(piAgentInstance.instance_id, 0);
+    const statusLabelRaw = typeof piAgentInstance.status === "string" ? piAgentInstance.status.toLowerCase() : "idle";
+    const waitingForAnswer = waitingAnswerByAgentId.get(piAgentInstance.instance_id) ?? false;
+    const isPaused = statusLabelRaw === "waiting" && !waitingForAnswer;
+    const effectiveStatus = statusLabelRaw === "waiting" && !waitingForAnswer ? "idle" : statusLabelRaw;
+    const isWaiting = waitingForAnswer;
+    const isWorking = !isWaiting && isLabWorkingStatus(effectiveStatus);
+    const statusTone = isWaiting ? "waiting" : isWorking ? "working" : normalizeLabStatus(effectiveStatus);
+    const statusState = isWaiting ? "waiting" : isWorking ? "working" : isPaused ? "paused" : "resting";
+    const statusLabel = isWaiting ? "Waiting for answer" : isWorking ? "Working" : isPaused ? "Paused" : "Resting";
+    return {
+      id: nodeId,
+      type: "overviewPi",
+      position,
+      draggable: !readOnly,
+      data: {
+        kind: "pi",
+        agentId: piAgentInstance.instance_id,
+        name: displayName,
+        avatar,
+        avatarColor,
+        statusTone,
+        statusState,
+        statusLabel
+      }
+    };
+  }, [
+    agents,
+    guideGroupRect,
+    hasPiAgent,
+    readOnly,
+    storedLayout?.nodes,
+    templates,
+    templatesById,
+    waitingAnswerByAgentId
+  ]);
+  const agentNodes = reactExports.useMemo(() => {
+    if (!agents.length || !questNodes.length) return [];
+    const storedNodes = storedLayout?.nodes ?? {};
+    const questNodeById = new Map(questNodes.map((node) => [node.id, node]));
+    const questIds = new Set(quests.map((quest) => quest.quest_id));
+    const agentsByQuest = /* @__PURE__ */ new Map();
+    agents.forEach((agent) => {
+      const questId = agent.active_quest_id;
+      if (!questId || !questIds.has(questId)) return;
+      const list = agentsByQuest.get(questId) ?? [];
+      list.push(agent);
+      agentsByQuest.set(questId, list);
+    });
+    const nodes2 = [];
+    agentsByQuest.forEach((questAgents, questId) => {
+      const questNode = questNodeById.get(`quest:${questId}`);
+      if (!questNode) return;
+      const columns = questAgents.length > 3 ? 2 : 1;
+      const rows = Math.ceil(questAgents.length / columns);
+      questAgents.forEach((agent, index) => {
+        const col = index % columns;
+        const row = Math.floor(index / columns);
+        const offsetX = 240 + col * 170;
+        const offsetY = (row - (rows - 1) / 2) * 90;
+        const nodeId = `agent:${questId}:${agent.instance_id}`;
+        const stored = storedNodes?.[nodeId] ?? null;
+        const position = stored ?? { x: questNode.position.x + offsetX, y: questNode.position.y + offsetY };
+        const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
+        const displayName = resolveAgentDisplayName(agent);
+        const avatar = resolveAgentLogo(agent, template);
+        const avatarColor = agent.avatar_frame_color?.trim() || pickAvatarFrameColor(agent.instance_id, index);
+        const statusLabelRaw = typeof agent.status === "string" ? agent.status.toLowerCase() : "idle";
+        const waitingForAnswer = waitingAnswerByAgentId.get(agent.instance_id) ?? false;
+        const isPaused = statusLabelRaw === "waiting" && !waitingForAnswer;
+        const effectiveStatus = statusLabelRaw === "waiting" && !waitingForAnswer ? "idle" : statusLabelRaw;
+        const isWaiting = waitingForAnswer;
+        const isWorking = !isWaiting && isLabWorkingStatus(effectiveStatus);
+        const statusTone = isWaiting ? "waiting" : isWorking ? "working" : normalizeLabStatus(effectiveStatus);
+        const statusState = isWaiting ? "waiting" : isWorking ? "working" : isPaused ? "paused" : "resting";
+        const statusLabel = isWaiting ? "Waiting for answer" : isWorking ? "Working" : isPaused ? "Paused" : "Resting";
+        nodes2.push({
+          id: nodeId,
+          type: "overviewAgent",
+          position,
+          draggable: !readOnly,
+          data: {
+            kind: "agent",
+            questId,
+            agentId: agent.instance_id,
+            name: displayName,
+            avatar,
+            avatarColor,
+            statusTone,
+            statusState,
+            statusLabel
+          }
+        });
+      });
+    });
+    return nodes2;
+  }, [
+    agents,
+    questNodes,
+    quests,
+    readOnly,
+    storedLayout?.nodes,
+    templatesById,
+    waitingAnswerByAgentId
+  ]);
+  const initialNodes = reactExports.useMemo(() => {
+    const piNodes = piNode ? [piNode] : [];
+    const pendingNodes = pendingNode ? [pendingNode] : [];
+    return [...pendingNodes, ...piNodes, ...questNodes, ...agentNodes];
+  }, [agentNodes, pendingNode, piNode, questNodes]);
+  const [nodes, setNodes, onNodesChange] = useNodesState(
+    initialNodes
+  );
+  const agentEdges = reactExports.useMemo(() => {
+    const baseStyle = { stroke: "var(--lab-border-strong)", strokeWidth: 1.2, strokeDasharray: "4 6" };
+    return agentNodes.map((node) => ({
+      id: `agent-edge:${node.data.questId}:${node.data.agentId}`,
+      source: `quest:${node.data.questId}`,
+      target: node.id,
+      type: "smoothstep",
+      style: baseStyle,
+      animated: false
+    }));
+  }, [agentNodes]);
+  const piQuestEdges = reactExports.useMemo(() => {
+    if (!piNode) return [];
+    return questNodes.map((questNode) => ({
+      id: `pi-edge:${piNode.id}:${questNode.id}`,
+      source: piNode.id,
+      target: questNode.id,
+      type: "smoothstep",
+      style: { stroke: "var(--lab-accent-strong)", strokeWidth: 1.4, strokeDasharray: "2 6" },
+      animated: false
+    }));
+  }, [piNode, questNodes]);
+  const edges = reactExports.useMemo(() => {
+    return [...piQuestEdges, ...agentEdges];
+  }, [agentEdges, piQuestEdges]);
+  const flow = useReactFlow();
+  reactExports.useEffect(() => {
+    nodesRef.current = nodes;
+  }, [nodes]);
+  reactExports.useEffect(() => {
+    setNodes((prev) => {
+      const prevById = new Map(prev.map((node) => [node.id, node]));
+      const piNodes = piNode ? [piNode] : [];
+      const pendingNodes = pendingNode ? [pendingNode] : [];
+      const next = [...pendingNodes, ...piNodes, ...questNodes, ...agentNodes].map((node) => {
+        const existing = prevById.get(node.id);
+        if (!existing) return node;
+        const preservePosition = node.type === "overviewQuest" || node.type === "overviewAgent" || node.type === "overviewPi" || node.type === "overviewPending";
+        return preservePosition ? { ...node, position: existing.position } : node;
+      });
+      if (prev.length === next.length) {
+        let unchanged = true;
+        for (let i = 0; i < next.length; i += 1) {
+          const a = prev[i];
+          const b = next[i];
+          if (!a || !b || a.id !== b.id) {
+            unchanged = false;
+            break;
+          }
+          if (a.position.x !== b.position.x || a.position.y !== b.position.y) {
+            unchanged = false;
+            break;
+          }
+          if (!isOverviewNodeDataEqual(a.data, b.data)) {
+            unchanged = false;
+            break;
+          }
+        }
+        if (unchanged) return prev;
+      }
+      return next;
+    });
+  }, [activeQuestId, agentNodes, pendingNode, piNode, questNodes, setNodes]);
+  reactExports.useEffect(() => {
+    scheduleSave();
+  }, [actionPanelState, overviewPanelState, scheduleSave]);
+  reactExports.useEffect(() => {
+    if (!nodes.length) return;
+    if (initialViewport) return;
+    if (fittedViewportRef.current) return;
+    let raf = 0;
+    let attempts = 0;
+    const tryFit = () => {
+      attempts += 1;
+      try {
+        flow.fitView({ padding: 0.2, duration: 450 });
+        fittedViewportRef.current = true;
+      } catch {
+        if (attempts < 8 && typeof window !== "undefined") {
+          raf = window.requestAnimationFrame(tryFit);
+        }
+      }
+    };
+    tryFit();
+    return () => {
+      if (raf && typeof window !== "undefined") {
+        window.cancelAnimationFrame(raf);
+      }
+    };
+  }, [flow, initialViewport, nodes.length]);
+  reactExports.useEffect(() => {
+    if (!nodes.length) return;
+    if (!initialViewport) return;
+    if (fittedViewportRef.current) return;
+    if (viewportCheckedRef.current) return;
+    const bounds = boundsRef.current;
+    if (!bounds) return;
+    const rect = bounds.getBoundingClientRect();
+    if (!rect.width || !rect.height) return;
+    const tx = initialViewport.x;
+    const ty = initialViewport.y;
+    const zoom = initialViewport.zoom;
+    const padding = 160;
+    const anyVisible = nodes.some((node) => {
+      const sx = node.position.x * zoom + tx;
+      const sy = node.position.y * zoom + ty;
+      return sx > -padding && sx < rect.width + padding && sy > -padding && sy < rect.height + padding;
+    });
+    if (!anyVisible) {
+      let raf = 0;
+      let attempts = 0;
+      const tryFit = () => {
+        attempts += 1;
+        try {
+          flow.fitView({ padding: 0.2, duration: 450 });
+          fittedViewportRef.current = true;
+        } catch {
+          if (attempts < 8 && typeof window !== "undefined") {
+            raf = window.requestAnimationFrame(tryFit);
+          }
+        }
+      };
+      tryFit();
+      return () => {
+        if (raf && typeof window !== "undefined") {
+          window.cancelAnimationFrame(raf);
+        }
+      };
+    }
+    viewportCheckedRef.current = true;
+  }, [flow, initialViewport, nodes]);
+  reactExports.useEffect(() => {
+    return () => {
+      if (saveTimeoutRef.current) {
+        window.clearTimeout(saveTimeoutRef.current);
+      }
+    };
+  }, []);
+  reactExports.useLayoutEffect(() => {
+    setCanvasBoundsReady(false);
+    const bounds = boundsRef.current;
+    if (!bounds || typeof window === "undefined") return;
+    let raf = 0;
+    let attempts = 0;
+    const check = () => {
+      attempts += 1;
+      const rect = bounds.getBoundingClientRect();
+      if (rect.width > 0 && rect.height > 0) {
+        setCanvasBoundsReady(true);
+        return;
+      }
+      if (attempts < 6) {
+        raf = window.requestAnimationFrame(check);
+      }
+    };
+    check();
+    return () => {
+      if (raf) {
+        window.cancelAnimationFrame(raf);
+      }
+    };
+  }, [projectId]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(OverviewPendingActionPanelContext.Provider, { value: hasPendingNode ? actionPanel : null, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: boundsRef, className: cn("lab-overview-canvas", isOpsMode && "lab-overview-canvas--ops"), children: [
+    !canvasBoundsReady ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 p-4", children: showFloatingPanels ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      !isOpsMode ? overviewPanel : null,
+      actionPanel
+    ] }) : null }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "lab-quest-graph-shell lab-quest-graph-shell--full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      index,
+      {
+        nodes,
+        edges,
+        nodeTypes: OVERVIEW_NODE_TYPES,
+        onNodesChange,
+        nodesDraggable: !readOnly,
+        panOnDrag: true,
+        zoomOnScroll: true,
+        zoomOnPinch: true,
+        minZoom: 0.15,
+        maxZoom: 3,
+        defaultViewport: initialViewport,
+        onNodeDragStop: () => scheduleSave(),
+        onMoveEnd: (_, viewport) => {
+          viewportRef.current = viewport;
+          scheduleSave();
+        },
+        onNodeClick: (_, node) => {
+          const data = node.data;
+          if (data && typeof data === "object" && data.kind === "pending") {
+            dispatchLabFocus({
+              projectId,
+              focusType: "overview",
+              focusId: projectId
+            });
+            if (showFloatingPanels && showActionPanelFloating) {
+              bringToFront("action");
+              setActionPanelState((prev) => ({ ...prev, collapsed: false }));
+            }
+            return;
+          }
+          if (data && typeof data === "object" && data.kind === "agent") {
+            const payload = data;
+            onSelectAgent?.(payload.agentId, payload.questId);
+            return;
+          }
+          if (data && typeof data === "object" && data.kind === "pi") {
+            const payload = data;
+            onSelectAgent?.(payload.agentId, null);
+            onOpenPiChat?.();
+            return;
+          }
+          const questId = node.data?.questId;
+          if (!questId) return;
+          dispatchLabFocus({
+            projectId,
+            focusType: "quest",
+            focusId: questId
+          });
+          onOpenCanvas?.(questId);
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Background, { color: "var(--lab-border)", gap: 28, size: 1, variant: "dots" })
+      }
+    ) }),
+    canvasBoundsReady ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      showFloatingPanels && !isOpsMode ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FloatingPanel,
+        {
+          boundsRef,
+          title: t("overview_overall"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(LayoutDashboard, { size: 16 }),
+          state: overviewPanelState,
+          zIndex: panelZ.overview,
+          onChange: setOverviewPanelState,
+          onActivate: () => bringToFront("overview"),
+          className: "lab-overview-panel--overview",
+          children: overviewPanel
+        }
+      ) : null,
+      showFloatingPanels && showActionPanelFloating ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FloatingPanel,
+        {
+          boundsRef,
+          title: t("overview_action_center"),
+          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Inbox, { size: 16 }),
+          state: actionPanelState,
+          zIndex: panelZ.action,
+          onChange: setActionPanelState,
+          onActivate: () => bringToFront("action"),
+          className: "lab-overview-panel--action",
+          children: actionPanel
+        }
+      ) : null
+    ] }) : null
+  ] }) });
+}
+function LabOverviewCanvas(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewCanvasInner, { ...props }) });
+}
+
+const formatStateLabel = (value) => {
+  const normalized = String(value || "").trim().replace(/[_-]+/g, " ");
+  if (!normalized) return "N/A";
+  return normalized.replace(/\b\w/g, (char) => char.toUpperCase());
+};
+function LabStatusPill({
+  children,
+  mono = false
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex max-w-full items-center rounded-full border border-[var(--lab-border)] px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.14em] text-[var(--lab-text-secondary)]",
+        mono && "font-mono normal-case tracking-[0.02em]"
+      ),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children })
+    }
+  );
+}
+function LabDetailSection({
+  title,
+  hint,
+  actions,
+  children,
+  first = false
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "section",
+    {
+      className: cn(
+        "py-5",
+        first ? "pt-0" : "border-t border-dashed border-[var(--lab-border)]"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-5 flex flex-wrap items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--lab-text-secondary)]", children: title }),
+            hint ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm leading-7 text-[var(--lab-text-secondary)]", children: hint }) : null
+          ] }),
+          actions ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: actions }) : null
+        ] }),
+        children
+      ]
+    }
+  );
+}
+function LabOverviewMetric({
+  icon,
+  label,
+  value,
+  hint
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-[11px] font-semibold uppercase tracking-[0.16em] text-[var(--lab-text-secondary)]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: icon }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: label })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 break-words text-[15px] font-semibold leading-6 text-[var(--lab-text-primary)]", children: value }),
+    hint ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 break-words text-sm leading-6 text-[var(--lab-text-secondary)]", children: hint }) : null
+  ] });
+}
+function LabFactRows({
+  items
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-y divide-dashed divide-[var(--lab-border)]", children: items.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 py-3 sm:grid-cols-[130px_minmax(0,1fr)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] uppercase tracking-[0.16em] text-[var(--lab-text-secondary)]", children: item.label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "break-words text-sm leading-7 text-[var(--lab-text-primary)]", children: item.value })
+  ] }, item.label)) });
+}
+function semanticToneBadgeClass(tone) {
+  if (tone === "truth") {
+    return "border-[rgba(64,113,175,0.24)] bg-[rgba(64,113,175,0.1)] text-[#315c97] dark:text-[#9ec5ff]";
+  }
+  if (tone === "runtime") {
+    return "border-[rgba(99,102,241,0.24)] bg-[rgba(99,102,241,0.1)] text-[#4f46e5] dark:text-[#c7d2fe]";
+  }
+  if (tone === "overlay") {
+    return "border-[rgba(83,176,174,0.26)] bg-[rgba(83,176,174,0.12)] text-[#0f766e] dark:text-[#8be4db]";
+  }
+  return "border-[rgba(148,163,184,0.26)] bg-[rgba(148,163,184,0.12)] text-[var(--lab-text-secondary)]";
+}
+function LabCanvasStudio({
+  projectId,
+  readOnly,
+  onRefresh,
+  onOpenStageSelection,
+  cliStatus,
+  labStream,
+  projectName,
+  templates,
+  agents,
+  quests,
+  overview,
+  isLoading,
+  lockedQuestId = null,
+  immersiveLockedQuest = false
+}) {
+  const { t } = useI18n("lab");
+  const queryClient = useQueryClient();
+  const setActiveQuest = useLabCopilotStore((state) => state.setActiveQuest);
+  const selection = useLabGraphSelectionStore((state) => state.selection);
+  const clearGraphSelection = useLabGraphSelectionStore((state) => state.clear);
+  const [selectedQuestIdState, setSelectedQuestIdState] = reactExports.useState(null);
+  const [selectedQuestBranch, setSelectedQuestBranch] = reactExports.useState(null);
+  const [selectedQuestEventId, setSelectedQuestEventId] = reactExports.useState(null);
+  const [selectedAgentId, setSelectedAgentId] = reactExports.useState(null);
+  const selectedQuestId = lockedQuestId ?? selectedQuestIdState;
+  const templatesById = reactExports.useMemo(
+    () => new Map(templates.map((template) => [template.template_id, template])),
+    [templates]
+  );
+  const selectedQuest = reactExports.useMemo(
+    () => quests.find((quest) => quest.quest_id === selectedQuestId) ?? null,
+    [quests, selectedQuestId]
+  );
+  const selectedAgent = reactExports.useMemo(
+    () => agents.find((agent) => agent.instance_id === selectedAgentId) ?? null,
+    [agents, selectedAgentId]
+  );
+  const piAgentInstance = reactExports.useMemo(() => {
+    const piTemplates = templates.filter(
+      (template) => ["pi", "principal-investigator"].includes(String(template.template_key || "").trim().toLowerCase())
+    );
+    if (piTemplates.length) {
+      const fromTemplate = agents.find((agent) => piTemplates.some((template) => agent.template_id === template.template_id)) ?? null;
+      if (fromTemplate) return fromTemplate;
+    }
+    return agents.find((agent) => {
+      const agentId = String(agent.agent_id || "").trim().toLowerCase();
+      const mention = String(agent.mention_label || "").trim().replace(/^@/, "").toLowerCase();
+      return agentId === "pi" || mention === "pi" || agentId.endsWith(":pi") || String(agent.template_id || "").trim().toLowerCase().includes("principal");
+    }) ?? null;
+  }, [agents, templates]);
+  const piTemplate = piAgentInstance?.template_id ? templatesById.get(piAgentInstance.template_id) ?? null : null;
+  const piAgent = piAgentInstance ? {
+    name: resolveAgentDisplayName(piAgentInstance),
+    logo: resolveAgentLogo(piAgentInstance, piTemplate),
+    frameColor: piAgentInstance.avatar_frame_color || pickAvatarFrameColor(piAgentInstance.instance_id, 0)
+  } : null;
+  const pendingDecisionCount = reactExports.useMemo(() => {
+    const fromGraph = overview.graph_vm?.project?.pendingDecisionCount;
+    if (typeof fromGraph === "number") return Math.max(0, fromGraph);
+    return quests.reduce((sum, quest) => sum + Math.max(0, Number(quest.pending_question_count ?? 0)), 0);
+  }, [overview.graph_vm?.project?.pendingDecisionCount, quests]);
+  reactExports.useEffect(() => {
+    if (lockedQuestId) {
+      return;
+    }
+    if (selectedQuestId && !selectedQuest && !isLoading.quests) {
+      setSelectedQuestIdState(null);
+      setSelectedQuestBranch(null);
+      setSelectedQuestEventId(null);
+      clearGraphSelection();
+    }
+  }, [clearGraphSelection, isLoading.quests, lockedQuestId, selectedQuest, selectedQuestId]);
+  reactExports.useEffect(() => {
+    if (!lockedQuestId) return;
+    setSelectedQuestBranch((current) => current ?? null);
+    setSelectedQuestEventId((current) => current ?? null);
+    setSelectedAgentId(null);
+  }, [lockedQuestId]);
+  reactExports.useEffect(() => {
+    setActiveQuest(selectedQuestId);
+  }, [selectedQuestId, setActiveQuest]);
+  reactExports.useEffect(() => {
+    const handler = (event) => {
+      const detail = event.detail;
+      if (!detail) return;
+      if (detail.projectId && detail.projectId !== projectId) return;
+      if (detail.focusType === "overview" || detail.focusType === "canvas") {
+        if (!lockedQuestId) {
+          setSelectedQuestIdState(null);
+        }
+        setSelectedQuestBranch(null);
+        setSelectedQuestEventId(null);
+        setSelectedAgentId(null);
+        clearGraphSelection();
+        return;
+      }
+      if (detail.focusType === "agent") {
+        setSelectedAgentId(detail.focusId ?? null);
+        return;
+      }
+      if (detail.focusType === "quest" || detail.focusType === "quest-branch" || detail.focusType === "quest-event") {
+        if (lockedQuestId && detail.focusId && detail.focusId !== lockedQuestId) {
+          return;
+        }
+        if (!lockedQuestId) {
+          setSelectedQuestIdState(detail.focusId ?? null);
+        }
+        setSelectedQuestBranch(detail.branch ?? null);
+        setSelectedQuestEventId(detail.eventId ?? null);
+        setSelectedAgentId(null);
+        clearGraphSelection();
+      }
+    };
+    window.addEventListener(LAB_FOCUS_EVENT$1, handler);
+    return () => window.removeEventListener(LAB_FOCUS_EVENT$1, handler);
+  }, [clearGraphSelection, lockedQuestId, projectId]);
+  const selectedQuestDetailQuery = useQuery({
+    queryKey: ["lab-quest-detail", projectId, selectedQuestId, "canvas-studio"],
+    queryFn: () => getLabQuest(projectId, selectedQuestId),
+    enabled: Boolean(projectId && selectedQuestId),
+    staleTime: 1e4
+  });
+  const selectedQuestSummaryQuery = useQuery({
+    queryKey: ["lab-quest-summary", projectId, selectedQuestId, selectedQuestEventId ?? null, "canvas-studio"],
+    queryFn: () => getLabQuestSummary(projectId, selectedQuestId, {
+      atEventId: selectedQuestEventId
+    }),
+    enabled: Boolean(projectId && selectedQuestId),
+    staleTime: 1e4
+  });
+  const selectedEventPayloadQuery = useQuery({
+    queryKey: [
+      "lab-quest-event-payload",
+      projectId,
+      selectedQuestId,
+      selection?.selection_type ?? null,
+      selection?.selection_ref ?? null,
+      "canvas-studio"
+    ],
+    queryFn: () => getLabQuestEventPayload(projectId, selectedQuestId, selection?.selection_ref, {
+      maxBytes: 1e5
+    }),
+    enabled: Boolean(
+      projectId && selectedQuestId && selection?.selection_type === "event_node" && selection?.selection_ref
+    ),
+    staleTime: 1e4
+  });
+  const selectedNodeTraceQuery = useQuery({
+    queryKey: [
+      "lab-quest-node-trace",
+      projectId,
+      selectedQuestId,
+      selection?.selection_type ?? null,
+      selection?.selection_ref ?? null,
+      "canvas-studio"
+    ],
+    queryFn: () => getLabQuestNodeTrace(projectId, selectedQuestId, selection?.selection_ref, {
+      selectionType: selection?.selection_type ?? null
+    }),
+    enabled: Boolean(
+      projectId && selectedQuestId && selection?.selection_ref && ["branch_node", "event_node", "stage_node"].includes(String(selection?.selection_type || ""))
+    ),
+    staleTime: 1e4
+  });
+  const selectionSemantic = reactExports.useMemo(
+    () => resolveLabCanvasSelectionSemantic({
+      selectionType: selection?.selection_type,
+      edgeType: selection?.summary ?? selection?.selection_ref ?? null,
+      hasActiveProposal: false
+    }),
+    [selection?.selection_ref, selection?.selection_type, selection?.summary]
+  );
+  const handleRefresh = reactExports.useCallback(() => {
+    void Promise.resolve(onRefresh?.());
+    queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
+    queryClient.invalidateQueries({ queryKey: ["lab-quests", projectId] });
+    queryClient.invalidateQueries({ queryKey: ["lab-overview", projectId] });
+    if (selectedQuestId) {
+      queryClient.invalidateQueries({ queryKey: ["lab-quest-detail", projectId, selectedQuestId] });
+      queryClient.invalidateQueries({ queryKey: ["lab-quest-summary", projectId, selectedQuestId] });
+      queryClient.invalidateQueries({ queryKey: ["lab-quest-graph", projectId, selectedQuestId] });
+      queryClient.invalidateQueries({ queryKey: ["lab-quest-node-trace", projectId, selectedQuestId] });
+    }
+  }, [onRefresh, projectId, queryClient, selectedQuestId]);
+  const openQuestCanvas = reactExports.useCallback(
+    (questId, branch, eventId) => {
+      if (lockedQuestId && questId !== lockedQuestId) {
+        return;
+      }
+      if (!lockedQuestId) {
+        setSelectedQuestIdState(questId);
+      }
+      setSelectedQuestBranch(branch ?? null);
+      setSelectedQuestEventId(eventId ?? null);
+      setSelectedAgentId(null);
+      clearGraphSelection();
+    },
+    [clearGraphSelection, lockedQuestId]
+  );
+  const closeQuestCanvas = reactExports.useCallback(() => {
+    if (!lockedQuestId) {
+      setSelectedQuestIdState(null);
+    }
+    setSelectedQuestBranch(null);
+    setSelectedQuestEventId(null);
+    clearGraphSelection();
+  }, [clearGraphSelection, lockedQuestId]);
+  const renderOverviewDetail = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0", children: [
+    isLoading.quests || isLoading.agents || isLoading.overview ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-24 w-full rounded-[18px]" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-20 w-full rounded-[18px]" })
+    ] }) : null,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      LabDetailSection,
+      {
+        first: true,
+        title: "Overall",
+        hint: "Select a quest node to enter its canvas. After that, click a branch, event, or stage node to inspect its durable detail state here.",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { children: "Home" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { children: formatStateLabel(cliStatus) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(LabStatusPill, { children: [
+              quests.length,
+              " quests"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(LabStatusPill, { children: [
+              agents.length,
+              " agents"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "h-4 w-4 text-[#4071af]" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[22px] font-semibold tracking-[-0.03em] text-[var(--lab-text-primary)]", children: projectName || t("plugin_home_title", void 0, "Home") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      LabDetailSection,
+      {
+        title: "Operational Status",
+        hint: "Keep this panel focused on high-signal canvas state rather than dashboard clutter.",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-x-8 gap-y-5 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-4 w-4" }), label: "Quests", value: quests.length, hint: "Durable research repositories tracked in this project." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "h-4 w-4" }), label: "Agents", value: agents.length, hint: "Live agent instances visible to the Lab surface." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "h-4 w-4" }), label: "Pending", value: pendingDecisionCount, hint: "User decisions or unresolved blocking items." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "h-4 w-4" }), label: "CLI", value: formatStateLabel(cliStatus), hint: "Shared runtime binding for this project workspace." })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      LabDetailSection,
+      {
+        title: "Next Step",
+        hint: "The Lab plugin is now canvas-first. Explorer handles navigation, center tabs handle content, and this rail only summarizes context.",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LabFactRows,
+          {
+            items: [
+              { label: "Canvas", value: "Open a quest node to switch from map view into its research graph." },
+              { label: "Selection", value: "Branch, event, and stage nodes expose stable detail summaries here." },
+              { label: "Explorer", value: "Changed files now open in center tabs instead of rendering inline in the navigator." }
+            ]
+          }
+        )
+      }
+    ),
+    selectedAgent ? renderAgentDetail(selectedAgent) : null
+  ] });
+  const renderAgentDetail = (agent) => {
+    const template = agent.template_id ? templatesById.get(agent.template_id) ?? null : null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      LabDetailSection,
+      {
+        title: "Agent",
+        hint: "Current agent focus selected from the overview canvas.",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: "flex h-10 w-10 items-center justify-center rounded-full border border-[var(--lab-border)] bg-[var(--lab-background)]",
+                style: {
+                  boxShadow: `0 0 0 2px ${agent.avatar_frame_color || pickAvatarFrameColor(agent.instance_id)}`
+                },
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "h-4 w-4 text-[var(--lab-text-primary)]" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-semibold text-[var(--lab-text-primary)]", children: resolveAgentDisplayName(agent) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-xs text-[var(--lab-text-secondary)]", children: template?.template_key || agent.agent_id })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LabFactRows,
+            {
+              items: [
+                { label: "Status", value: formatStateLabel(agent.status) },
+                { label: "Quest", value: agent.active_quest_id || "Unassigned" },
+                { label: "Branch", value: agent.active_quest_branch || "N/A" },
+                { label: "Stage", value: agent.active_quest_stage_key || "N/A" }
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  const renderQuestDetail = () => {
+    if (!selectedQuestId) return null;
+    const questDetail = selectedQuestDetailQuery.data?.quest ?? selectedQuest;
+    const questSummary = selectedQuestSummaryQuery.data?.quest ?? null;
+    const questRuntime = questSummary?.runtime ?? null;
+    const questGovernance = questSummary?.governance ?? null;
+    const pushStatus = questGovernance?.lastPushStatus || (typeof questDetail?.github_push?.status === "string" ? questDetail.github_push.status : null) || "N/A";
+    if (selectedQuestDetailQuery.isLoading && !questDetail) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-28 w-full rounded-[18px]" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-20 w-full rounded-[18px]" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-20 w-full rounded-[18px]" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        LabDetailSection,
+        {
+          first: true,
+          title: "Overall",
+          hint: questDetail?.description?.trim() || questDetail?.summary?.trim() || "No quest description yet.",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { children: formatStateLabel(questDetail?.status) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { children: questSummary?.topology?.headBranch || questDetail?.git_head_branch || "main" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { mono: true, children: selectedQuestId }),
+              selectedQuestBranch ? /* @__PURE__ */ jsxRuntimeExports.jsx(LabStatusPill, { children: selectedQuestBranch }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 text-[22px] font-semibold tracking-[-0.03em] text-[var(--lab-text-primary)]", children: questDetail?.title || selectedQuestId }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-5 grid gap-x-8 gap-y-5 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-4 w-4" }), label: "Branches", value: questSummary?.topology?.branchCount ?? 0, hint: `Head ${questSummary?.topology?.headBranch || questDetail?.git_head_branch || "main"}` }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "h-4 w-4" }), label: "Running Agents", value: questRuntime?.runningAgents ?? 0, hint: "Live agents attached to this quest." }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "h-4 w-4" }), label: "Pending Questions", value: Math.max(0, Number(questDetail?.pending_question_count ?? 0)), hint: "Open decisions or direct user replies still waiting." }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LabOverviewMetric, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "h-4 w-4" }), label: "Push Status", value: pushStatus, hint: questDetail?.last_event_at ? `Last event ${formatRelativeTime(questDetail.last_event_at)}` : "No event timestamp yet." })
+            ] })
+          ]
+        }
+      ),
+      selection ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          LabDetailSection,
+          {
+            title: "Selection",
+            hint: selection.summary || "No structured summary is attached to this node yet.",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                selectionSemantic ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex items-center rounded-full border px-2 py-0.5 text-[10px] font-semibold",
+                      semanticToneBadgeClass(selectionSemantic.tone)
+                    ),
+                    children: t(
+                      LAB_CANVAS_SEMANTIC_TONE_META[selectionSemantic.tone].labelKey,
+                      void 0,
+                      LAB_CANVAS_SEMANTIC_TONE_META[selectionSemantic.tone].labelDefault
+                    )
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel(selection.selection_type) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-4 text-base font-semibold text-[var(--lab-text-primary)]", children: selection.label || selection.selection_ref }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                LabFactRows,
+                {
+                  items: [
+                    { label: "Ref", value: selection.selection_ref },
+                    { label: "Branch No", value: selection.branch_no || "N/A" },
+                    { label: "Branch", value: selection.branch_name || "N/A" },
+                    { label: "Parent", value: selection.parent_branch || "N/A" },
+                    { label: "Foundation", value: selection.foundation_label || "N/A" },
+                    { label: "Stage", value: selection.stage_key || "N/A" },
+                    { label: "Worktree", value: selection.worktree_rel_path || "N/A" },
+                    { label: "Agent", value: selection.agent_instance_id || "N/A" }
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LabDetailSection,
+          {
+            title: "Trace",
+            hint: "Durable actions, artifact payloads, and commit evidence attached to the selected node.",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              LabNodeTraceDetail,
+              {
+                projectId,
+                questId: selectedQuestId,
+                trace: selectedNodeTraceQuery.data?.trace ?? null,
+                isLoading: selectedNodeTraceQuery.isLoading,
+                payloadJson: selectedEventPayloadQuery.data?.payload_json ?? null,
+                payloadTruncated: selectedEventPayloadQuery.data?.truncated ?? null
+              }
+            )
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LabDetailSection,
+        {
+          title: "Operational Status",
+          hint: "Quest-level runtime, topology, and governance signals.",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LabFactRows,
+            {
+              items: [
+                { label: "Head Branch", value: questSummary?.topology?.headBranch || questDetail?.git_head_branch || "main" },
+                { label: "Pending Questions", value: Math.max(0, Number(questDetail?.pending_question_count ?? 0)) },
+                { label: "Branch Count", value: questSummary?.topology?.branchCount ?? 0 },
+                { label: "Running Agents", value: questRuntime?.runningAgents ?? 0 },
+                { label: "Push Status", value: pushStatus },
+                { label: "Last Event", value: questDetail?.last_event_at ? formatRelativeTime(questDetail.last_event_at) : "N/A" },
+                { label: "Created", value: questDetail?.created_at ? formatRelativeTime(questDetail.created_at) : "N/A" }
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  };
+  const canvasTitle = selectedQuest ? selectedQuest.title || selectedQuest.quest_id : projectName || t("plugin_home_title", void 0, "Home");
+  const canvasSubtitle = selectedQuest ? lockedQuestId ? "Research canvas" : "Quest canvas" : "Quest map";
+  if (lockedQuestId && immersiveLockedQuest && selectedQuestId) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full min-h-0 w-full flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute right-4 top-4 z-20", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          className: "h-9 rounded-full border-[var(--lab-border)] bg-[rgba(255,255,255,0.94)] px-3 text-[11px] text-[var(--lab-text-primary)] shadow-[0_10px_28px_rgba(15,23,42,0.08)] backdrop-blur dark:bg-[rgba(28,29,34,0.94)]",
+          onClick: handleRefresh,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5" }),
+            "Refresh"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full min-h-0 w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LabQuestGraphCanvas,
+        {
+          projectId,
+          questId: selectedQuestId,
+          readOnly,
+          highlightBranch: selectedQuestBranch,
+          atEventId: selectedQuestEventId,
+          preferredViewMode: selectedQuestEventId ? "event" : "branch",
+          activeBranch: selectedQuestBranch,
+          onBranchSelect: (branch) => {
+            setSelectedQuestBranch(branch);
+            setSelectedQuestEventId(null);
+          },
+          onEventSelect: (eventId, branchName) => {
+            setSelectedQuestEventId(eventId);
+            if (branchName) {
+              setSelectedQuestBranch(branchName);
+            }
+          },
+          showFloatingPanels: false,
+          minimalChrome: true,
+          onStageOpen: onOpenStageSelection
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full min-h-0 flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-[20px] border border-[var(--lab-border)] bg-[var(--lab-surface)] px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+          selectedQuestId && !lockedQuestId ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "h-8 px-2",
+              onClick: closeQuestCanvas,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "h-4 w-4" })
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-semibold text-[var(--lab-text-primary)]", children: canvasTitle })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-[var(--lab-text-secondary)]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: canvasSubtitle }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            quests.length,
+            " quests"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            agents.length,
+            " agents"
+          ] }),
+          labStream?.status && labStream.status !== "idle" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              "stream ",
+              labStream.status
+            ] })
+          ] }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        selectedQuestBranch ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: selectedQuestBranch }) : null,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatStateLabel(cliStatus) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "outline",
+            className: "h-8 px-3",
+            onClick: handleRefresh,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Refresh"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-0 flex-1 gap-4 xl:grid-cols-[minmax(0,1fr)_360px]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 overflow-hidden rounded-[24px] border border-[var(--lab-border)] bg-[var(--lab-surface)]", children: selectedQuestId ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LabQuestGraphCanvas,
+        {
+          projectId,
+          questId: selectedQuestId,
+          readOnly,
+          highlightBranch: selectedQuestBranch,
+          atEventId: selectedQuestEventId,
+          preferredViewMode: selectedQuestEventId ? "event" : "branch",
+          activeBranch: selectedQuestBranch,
+          onBranchSelect: (branch) => {
+            setSelectedQuestBranch(branch);
+            setSelectedQuestEventId(null);
+          },
+          onEventSelect: (eventId, branchName) => {
+            setSelectedQuestEventId(eventId);
+            if (branchName) {
+              setSelectedQuestBranch(branchName);
+            }
+          },
+          showFloatingPanels: false,
+          onStageOpen: onOpenStageSelection
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LabOverviewCanvas,
+        {
+          projectId,
+          quests,
+          agents,
+          templates,
+          graphVm: overview.graph_vm ?? null,
+          pendingDecisionCount,
+          activeQuestId: selectedQuestId,
+          hasPiAgent: Boolean(piAgent),
+          piAgent,
+          readOnly,
+          actionPanel: null,
+          overviewPanel: null,
+          showFloatingPanels: false,
+          onOpenCanvas: openQuestCanvas,
+          onSelectAgent: (agentId) => {
+            setSelectedAgentId(agentId);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "min-h-0 overflow-hidden rounded-[24px] border border-[var(--lab-border)] bg-[var(--lab-surface)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 p-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-[var(--lab-text-primary)]", children: "Details" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-[var(--lab-text-secondary)]", children: selectedQuestId ? "Selected node and quest context." : "Overview context and node guidance." })
+          ] }),
+          selectedQuestId ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "h-8 px-3",
+              onClick: () => {
+                clearGraphSelection();
+                setSelectedQuestEventId(null);
+              },
+              children: "Clear node"
+            }
+          ) : null
+        ] }),
+        selectedQuestId ? renderQuestDetail() : renderOverviewDetail()
+      ] }) }) })
+    ] })
+  ] });
+}
+
+const INVALIDATION_BATCH_MS = 80;
+const AGENT_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.agent.changed", "lab.agent.status"]);
+const ASSIGNMENT_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.assignment.changed"]);
+const QUEST_EVENT_TYPES = /* @__PURE__ */ new Set([
+  "lab.quest.changed",
+  "lab.quest.event",
+  "lab.quest.sync"
+]);
+const RUNTIME_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.quest.runtime"]);
+const MEMORY_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.memory.changed"]);
+const PAPER_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.paper.changed"]);
+const BASELINE_EVENT_TYPES = /* @__PURE__ */ new Set(["lab.baseline.archive", "lab.baseline.restore"]);
+const asRecord = (value) => {
+  if (!value || typeof value !== "object") return null;
+  return value;
+};
+const toNonEmptyString = (value) => {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed ? trimmed : null;
+};
+const toBoolean = (value) => {
+  if (typeof value === "boolean") return value;
+  if (typeof value === "number") return value !== 0;
+  if (typeof value === "string") {
+    const normalized = value.trim().toLowerCase();
+    return normalized === "1" || normalized === "true" || normalized === "yes";
+  }
+  return false;
+};
+const toStringArray = (value) => {
+  if (!Array.isArray(value)) return [];
+  return value.map((item) => toNonEmptyString(item)).filter((item) => Boolean(item));
+};
+const resolveQuestId = (envelope) => {
+  if (!envelope) return null;
+  const payloadData = asRecord(envelope.data);
+  const directQuest = toNonEmptyString(payloadData?.quest_id) ?? toNonEmptyString(payloadData?.questId) ?? toNonEmptyString(payloadData?.active_quest_id) ?? toNonEmptyString(envelope.quest_id) ?? toNonEmptyString(envelope.questId) ?? toNonEmptyString(envelope.active_quest_id);
+  if (directQuest) return directQuest;
+  const nestedQuest = asRecord(payloadData?.quest);
+  return toNonEmptyString(nestedQuest?.quest_id) ?? toNonEmptyString(nestedQuest?.id);
+};
+const baseProjectTargets = (projectId) => {
+  return [
+    { queryKey: ["lab-agents", projectId] },
+    { queryKey: ["lab-quests", projectId] },
+    { queryKey: ["lab-overview", projectId] }
+  ];
+};
+const questTargets = (projectId, questId) => {
+  if (!questId) {
+    return [
+      { queryKey: ["lab-quest-detail", projectId] },
+      { queryKey: ["lab-quest", projectId] },
+      { queryKey: ["lab-quest-summary", projectId] },
+      { queryKey: ["lab-quest-graph", projectId] },
+      { queryKey: ["lab-quest-events", projectId] },
+      { queryKey: ["lab-quest-event-payload", projectId] },
+      { queryKey: ["lab-quest-node-trace", projectId] },
+      { queryKey: ["lab-quest-decision-events", projectId] },
+      { queryKey: ["lab-quest-pi-qa-events", projectId] },
+      { queryKey: ["lab-quest-branch-insights", projectId] },
+      { queryKey: ["lab-quest-runtime", projectId] },
+      { queryKey: ["lab-papers", projectId] },
+      { queryKey: ["lab-memory", projectId] }
+    ];
+  }
+  return [
+    { queryKey: ["lab-quest-detail", projectId, questId] },
+    { queryKey: ["lab-quest", projectId, questId] },
+    { queryKey: ["lab-quest-summary", projectId, questId] },
+    { queryKey: ["lab-quest-graph", projectId, questId] },
+    { queryKey: ["lab-quest-events", projectId, questId] },
+    { queryKey: ["lab-quest-event-payload", projectId, questId] },
+    { queryKey: ["lab-quest-node-trace", projectId, questId] },
+    { queryKey: ["lab-quest-decision-events", projectId, questId] },
+    { queryKey: ["lab-quest-pi-qa-events", projectId, questId] },
+    { queryKey: ["lab-quest-branch-insights", projectId, questId] },
+    { queryKey: ["lab-quest-runtime", projectId, questId] },
+    { queryKey: ["lab-papers", projectId, questId] },
+    { queryKey: ["lab-memory", projectId, questId] }
+  ];
+};
+const memoryTargets = (projectId) => {
+  return [
+    { queryKey: ["lab-memory", projectId] }
+  ];
+};
+const buildTargetsForEvent = (eventType, projectId, questId) => {
+  if (AGENT_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-agents", projectId] },
+      { queryKey: ["lab-overview", projectId] }
+    ];
+  }
+  if (ASSIGNMENT_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-agents", projectId] },
+      { queryKey: ["lab-quests", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questTargets(projectId, questId)
+    ];
+  }
+  if (QUEST_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-agents", projectId] },
+      { queryKey: ["lab-quests", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questTargets(projectId, questId)
+    ];
+  }
+  if (RUNTIME_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-quests", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questTargets(projectId, questId)
+    ];
+  }
+  if (MEMORY_EVENT_TYPES.has(eventType)) {
+    return [...memoryTargets(projectId), ...questTargets(projectId, questId)];
+  }
+  if (PAPER_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-papers", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questTargets(projectId, questId)
+    ];
+  }
+  if (BASELINE_EVENT_TYPES.has(eventType)) {
+    return [
+      { queryKey: ["lab-baselines", projectId] },
+      { queryKey: ["lab-quests", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questTargets(projectId, questId)
+    ];
+  }
+  if (eventType.startsWith("lab.")) {
+    return [
+      { queryKey: ["lab-quests", projectId] },
+      { queryKey: ["lab-overview", projectId] },
+      ...questId ? questTargets(projectId, questId) : []
+    ];
+  }
+  return baseProjectTargets(projectId);
+};
+const buildFocusPayloadForEvent = (eventType, projectId, envelope) => {
+  if (eventType !== "lab.agent.changed") return null;
+  const payload = asRecord(envelope?.data);
+  if (!payload) return null;
+  const action = toNonEmptyString(payload.action)?.toLowerCase();
+  if (action !== "created" && action !== "promoted") return null;
+  if (!toBoolean(payload.auto_focus)) return null;
+  const agentId = toNonEmptyString(payload.agent_instance_id);
+  if (!agentId) return null;
+  return {
+    projectId,
+    focusType: "agent",
+    focusId: agentId
+  };
+};
+function useLabProjectStream({ projectId, enabled }) {
+  const queryClient = useQueryClient();
+  const [state, setState] = reactExports.useState({ status: "idle", lastEventAt: null });
+  const localQuestSurface = isQuestRuntimeSurface();
+  reactExports.useEffect(() => {
+    if (!enabled || !projectId || localQuestSurface) {
+      setState((current) => current.status === "idle" ? current : { ...current, status: "idle" });
+      return;
+    }
+    let closed = false;
+    let reconnectTimer = null;
+    let invalidateTimer = null;
+    let attempts = 0;
+    let lastEventId = null;
+    let abortController = null;
+    const seenEventIds = /* @__PURE__ */ new Set();
+    const seenEventOrder = [];
+    const maxSeenEventIds = 512;
+    const pendingTargets = /* @__PURE__ */ new Map();
+    const streamUrl = `${getApiBaseUrl()}/api/v1/projects/${projectId}/lab/stream`;
+    const parseEventBlock = (block) => {
+      const lines = block.split(/\n/);
+      let eventType = "";
+      let eventId = "";
+      const dataLines = [];
+      for (const line of lines) {
+        if (!line) continue;
+        if (line.startsWith("event:")) {
+          eventType = line.slice(6).trim();
+          continue;
+        }
+        if (line.startsWith("data:")) {
+          dataLines.push(line.slice(5).trimStart());
+          continue;
+        }
+        if (line.startsWith("id:")) {
+          eventId = line.slice(3).trim();
+        }
+      }
+      if (dataLines.length === 0) return null;
+      return {
+        event: eventType || "message",
+        data: dataLines.join("\n"),
+        id: eventId || void 0
+      };
+    };
+    const isDuplicateEventId = (eventType, eventId) => {
+      const normalizedId = (eventId || "").trim();
+      if (!normalizedId) return false;
+      const normalizedType = (eventType || "").trim().toLowerCase();
+      const dedupeKey = normalizedType ? `${normalizedType}|${normalizedId}` : normalizedId;
+      if (seenEventIds.has(dedupeKey)) return true;
+      seenEventIds.add(dedupeKey);
+      seenEventOrder.push(dedupeKey);
+      if (seenEventOrder.length > maxSeenEventIds) {
+        const evicted = seenEventOrder.shift();
+        if (evicted) seenEventIds.delete(evicted);
+      }
+      return false;
+    };
+    const flushInvalidations = () => {
+      if (pendingTargets.size === 0) return;
+      const entries = Array.from(pendingTargets.values());
+      pendingTargets.clear();
+      entries.forEach((target) => {
+        queryClient.invalidateQueries({
+          queryKey: target.queryKey,
+          exact: target.exact
+        });
+      });
+    };
+    const enqueueInvalidations = (targets) => {
+      targets.forEach((target) => {
+        const key = `${target.exact ? 1 : 0}:${JSON.stringify(target.queryKey)}`;
+        pendingTargets.set(key, target);
+      });
+      if (invalidateTimer) return;
+      invalidateTimer = window.setTimeout(() => {
+        invalidateTimer = null;
+        flushInvalidations();
+      }, INVALIDATION_BATCH_MS);
+    };
+    const handleStreamEvent = (eventType, payloadText) => {
+      if (eventType === "lab.ping") return;
+      setState((current) => ({ ...current, lastEventAt: Date.now() }));
+      let envelope = null;
+      try {
+        const parsed = JSON.parse(payloadText || "{}");
+        envelope = asRecord(parsed);
+      } catch {
+        envelope = null;
+      }
+      const questId = resolveQuestId(envelope);
+      const payload = asRecord(envelope?.data);
+      const questIds = toStringArray(payload?.quest_ids);
+      const targets = buildTargetsForEvent(eventType, projectId, questId);
+      enqueueInvalidations(targets);
+      questIds.forEach((id) => {
+        enqueueInvalidations(questTargets(projectId, id));
+      });
+      const focusPayload = buildFocusPayloadForEvent(eventType, projectId, envelope);
+      if (focusPayload) {
+        dispatchLabFocus(focusPayload);
+      }
+    };
+    const scheduleReconnect = () => {
+      if (closed) return;
+      if (reconnectTimer) {
+        window.clearTimeout(reconnectTimer);
+      }
+      const capped = Math.min(attempts, 4);
+      const baseDelay = Math.min(1e4, 1e3 * 2 ** capped);
+      const jitter = Math.min(250, attempts * 50);
+      setState(
+        (current) => current.status === "connecting" || current.status === "open" ? { ...current, status: "reconnecting" } : current
+      );
+      reconnectTimer = window.setTimeout(connect, baseDelay + jitter);
+    };
+    const connect = () => {
+      if (closed) return;
+      if (abortController) {
+        abortController.abort();
+      }
+      abortController = new AbortController();
+      const controller = abortController;
+      setState((current) => ({
+        ...current,
+        status: attempts > 0 ? "reconnecting" : "connecting"
+      }));
+      void (async () => {
+        try {
+          const token = typeof window !== "undefined" ? window.localStorage.getItem("ds_access_token") : null;
+          if (!token) return;
+          const headers = {
+            Accept: "text/event-stream",
+            Authorization: `Bearer ${token}`
+          };
+          if (lastEventId) {
+            headers["Last-Event-ID"] = lastEventId;
+          }
+          const response = await fetch(streamUrl, {
+            method: "GET",
+            headers,
+            signal: controller.signal
+          });
+          if (closed || controller.signal.aborted) return;
+          if (response.status === 401) {
+            if (typeof window !== "undefined") {
+              window.localStorage.removeItem("ds_access_token");
+              redirectToLanding("session_expired");
+            }
+            return;
+          }
+          if (!response.ok) {
+            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+          }
+          attempts = 0;
+          setState((current) => ({ ...current, status: "open" }));
+          enqueueInvalidations(baseProjectTargets(projectId));
+          const reader = response.body?.getReader();
+          if (!reader) {
+            throw new Error("No response body");
+          }
+          const decoder = new TextDecoder();
+          let buffer = "";
+          while (true) {
+            if (closed || controller.signal.aborted) break;
+            const { done, value } = await reader.read();
+            if (done) break;
+            if (closed || controller.signal.aborted) break;
+            buffer += decoder.decode(value, { stream: true });
+            if (buffer.includes("\r")) {
+              buffer = buffer.replace(/\r\n/g, "\n");
+            }
+            let boundaryIndex = buffer.indexOf("\n\n");
+            while (boundaryIndex !== -1) {
+              const raw = buffer.slice(0, boundaryIndex);
+              buffer = buffer.slice(boundaryIndex + 2);
+              const normalized = raw.replace(/\r\n/g, "\n").trim();
+              const parsed = parseEventBlock(normalized);
+              if (parsed?.id) {
+                lastEventId = parsed.id;
+                if (isDuplicateEventId(parsed.event, parsed.id)) {
+                  boundaryIndex = buffer.indexOf("\n\n");
+                  continue;
+                }
+              }
+              if (parsed && !closed && !controller.signal.aborted) {
+                handleStreamEvent(parsed.event, parsed.data);
+              }
+              boundaryIndex = buffer.indexOf("\n\n");
+            }
+          }
+          const trailing = buffer.replace(/\r\n/g, "\n").trim();
+          if (trailing && !closed && !controller.signal.aborted) {
+            const parsed = parseEventBlock(trailing);
+            if (parsed?.id) {
+              lastEventId = parsed.id;
+              if (isDuplicateEventId(parsed.event, parsed.id)) {
+                return;
+              }
+            }
+            if (parsed) {
+              handleStreamEvent(parsed.event, parsed.data);
+            }
+          }
+          if (!closed && !controller.signal.aborted) {
+            attempts += 1;
+            scheduleReconnect();
+          }
+        } catch {
+          if (closed || controller.signal.aborted) return;
+          setState((current) => ({ ...current, status: "error" }));
+          attempts += 1;
+          scheduleReconnect();
+        }
+      })();
+    };
+    connect();
+    return () => {
+      closed = true;
+      flushInvalidations();
+      if (reconnectTimer) {
+        window.clearTimeout(reconnectTimer);
+      }
+      if (invalidateTimer) {
+        window.clearTimeout(invalidateTimer);
+      }
+      if (abortController) {
+        abortController.abort();
+      }
+    };
+  }, [enabled, localQuestSurface, projectId, queryClient]);
+  return state;
+}
+
+function resolveLabListPollingInterval({
+  liveEnabled,
+  streamStatus,
+  fastMs,
+  slowMs
+}) {
+  if (!liveEnabled) return false;
+  return streamStatus === "open" ? slowMs : fastMs;
+}
+
+function LabSurface({
+  projectId,
+  readOnly,
+  lockedQuestId = null,
+  immersiveLockedQuest = false,
+  onRefresh,
+  onOpenStageSelection
+}) {
+  const queryClient = useQueryClient();
+  const setActiveQuest = useLabCopilotStore((state) => state.setActiveQuest);
+  const activeQuestId = useLabCopilotStore((state) => state.activeQuestId);
+  const clearSelections = useLabCopilotStore((state) => state.clearSelections);
+  const cliServers = useCliStore((state) => state.servers);
+  const loadCliServers = useCliStore((state) => state.loadServers);
+  const cliProjectId = useCliStore((state) => state.projectId);
+  const activeTab = useActiveTab();
+  const isLabTabActive = reactExports.useMemo(() => {
+    const customData = activeTab?.context?.customData;
+    const tabProjectId = typeof customData?.projectId === "string" ? customData.projectId : null;
+    const matchesProject = !tabProjectId || tabProjectId === projectId;
+    return activeTab?.pluginId === BUILTIN_PLUGINS.LAB && matchesProject;
+  }, [activeTab, projectId]);
+  reactExports.useEffect(() => {
+    if (!projectId) return;
+    if (cliProjectId === projectId) return;
+    void loadCliServers(projectId);
+  }, [cliProjectId, loadCliServers, projectId]);
+  const onlineCliServers = reactExports.useMemo(
+    () => cliServers.filter((server) => server.status !== "offline" && server.status !== "error"),
+    [cliServers]
+  );
+  const cliStatus = cliServers.length === 0 ? "unbound" : onlineCliServers.length > 0 ? "online" : "offline";
+  const labReadOnly = true;
+  const [isPageActive, setIsPageActive] = reactExports.useState(true);
+  reactExports.useEffect(() => {
+    const handleVisibility = () => {
+      setIsPageActive(typeof document !== "undefined" && document.visibilityState === "visible");
+    };
+    handleVisibility();
+    document.addEventListener("visibilitychange", handleVisibility);
+    return () => document.removeEventListener("visibilitychange", handleVisibility);
+  }, []);
+  const labStaleTime = 3e4;
+  const liveRefetchEnabled = Boolean(projectId && isLabTabActive && isPageActive);
+  const labStreamEnabled = Boolean(projectId && isPageActive);
+  const LIVE_AGENTS_INTERVAL_MS = 5e3;
+  const LIVE_QUESTS_INTERVAL_MS = 1e4;
+  const LIVE_OVERVIEW_INTERVAL_MS = 1e4;
+  const labStream = useLabProjectStream({ projectId, enabled: labStreamEnabled });
+  const labStreamStatus = labStream?.status ?? "idle";
+  const agentsRefetchInterval = resolveLabListPollingInterval({
+    liveEnabled: liveRefetchEnabled,
+    streamStatus: labStreamStatus,
+    fastMs: LIVE_AGENTS_INTERVAL_MS,
+    // Agent statuses are derived from chat session state; until we publish per-agent status events,
+    // keep polling relatively frequent even when the project stream is healthy.
+    slowMs: LIVE_AGENTS_INTERVAL_MS
+  });
+  const questsRefetchInterval = resolveLabListPollingInterval({
+    liveEnabled: liveRefetchEnabled,
+    streamStatus: labStreamStatus,
+    fastMs: LIVE_QUESTS_INTERVAL_MS,
+    slowMs: 3e4
+  });
+  const overviewRefetchInterval = resolveLabListPollingInterval({
+    liveEnabled: liveRefetchEnabled,
+    streamStatus: labStreamStatus,
+    fastMs: LIVE_OVERVIEW_INTERVAL_MS,
+    slowMs: 3e4
+  });
+  const wasLiveRefetchEnabledRef = reactExports.useRef(liveRefetchEnabled);
+  reactExports.useEffect(() => {
+    const wasEnabled = wasLiveRefetchEnabledRef.current;
+    wasLiveRefetchEnabledRef.current = liveRefetchEnabled;
+    if (!projectId || !liveRefetchEnabled || wasEnabled) return;
+    queryClient.invalidateQueries({ queryKey: ["lab-agents", projectId] });
+    queryClient.invalidateQueries({ queryKey: ["lab-quests", projectId] });
+    queryClient.invalidateQueries({ queryKey: ["lab-overview", projectId] });
+  }, [liveRefetchEnabled, projectId, queryClient]);
+  const templatesQuery = useQuery({
+    queryKey: ["lab-templates", projectId],
+    queryFn: () => listLabTemplates(projectId),
+    enabled: Boolean(projectId),
+    staleTime: labStaleTime
+  });
+  const agentsQuery = useQuery({
+    queryKey: ["lab-agents", projectId],
+    queryFn: () => listLabAgents(projectId, { silent: true }),
+    enabled: Boolean(projectId),
+    staleTime: labStaleTime,
+    refetchInterval: agentsRefetchInterval
+  });
+  const questsQuery = useQuery({
+    queryKey: ["lab-quests", projectId],
+    queryFn: () => listLabQuests(projectId, { silent: true }),
+    enabled: Boolean(projectId),
+    staleTime: labStaleTime,
+    refetchInterval: questsRefetchInterval
+  });
+  const overviewQuery = useQuery({
+    queryKey: ["lab-overview", projectId],
+    queryFn: () => getLabOverview(projectId, { silent: true }),
+    staleTime: labStaleTime,
+    refetchInterval: overviewRefetchInterval
+  });
+  const projectQuery = useQuery({
+    queryKey: ["project", projectId],
+    queryFn: () => getProject(projectId),
+    enabled: Boolean(projectId),
+    staleTime: labStaleTime
+  });
+  const templates = templatesQuery.data?.items ?? [];
+  const agents = agentsQuery.data?.items ?? [];
+  const quests = questsQuery.data?.items ?? [];
+  const overview = overviewQuery.data ?? {};
+  const latestQuestId = reactExports.useMemo(() => {
+    if (quests.length === 0) return null;
+    const latest = quests.reduce((current, candidate) => {
+      const currentTime = current?.created_at ? new Date(current.created_at).getTime() : 0;
+      const candidateTime = candidate?.created_at ? new Date(candidate.created_at).getTime() : 0;
+      return candidateTime > currentTime ? candidate : current;
+    }, quests[0]);
+    return latest?.quest_id ?? null;
+  }, [quests]);
+  const projectName = projectQuery.data?.name ?? null;
+  reactExports.useEffect(() => {
+    if (lockedQuestId) {
+      setActiveQuest(lockedQuestId);
+      return;
+    }
+    if (activeQuestId || !latestQuestId) return;
+    setActiveQuest(latestQuestId);
+  }, [activeQuestId, latestQuestId, lockedQuestId, setActiveQuest]);
+  reactExports.useEffect(() => {
+    clearSelections();
+  }, [clearSelections, projectId]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "lab-root flex h-full min-h-0 flex-col",
+      "data-activity": isPageActive ? "active" : "inactive",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("lab-panel h-full min-h-0 flex-1 overflow-hidden"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LabCanvasStudio,
+        {
+          projectId,
+          readOnly: labReadOnly,
+          onRefresh,
+          onOpenStageSelection,
+          cliStatus,
+          labStream,
+          projectName,
+          templates,
+          agents,
+          quests,
+          overview,
+          isLoading: {
+            agents: agentsQuery.isLoading,
+            quests: questsQuery.isLoading,
+            overview: overviewQuery.isLoading
+          },
+          lockedQuestId,
+          immersiveLockedQuest
+        }
+      ) })
+    }
+  );
+}
+
+const LAB_FOCUS_EVENT = "ds:lab:focus";
+function LabPlugin({ context, setTitle }) {
+  const { t } = useI18n("lab");
+  const maxEntitlement = useMaxEntitlement("lab.use");
+  const projectId = typeof context.customData?.projectId === "string" ? context.customData.projectId : null;
+  const readOnly = Boolean(context.customData?.readOnly);
+  const focusType = context.customData?.focusType === "agent" || context.customData?.focusType === "quest" || context.customData?.focusType === "quest-branch" || context.customData?.focusType === "quest-event" || context.customData?.focusType === "overview" ? context.customData.focusType : null;
+  const focusId = typeof context.customData?.focusId === "string" ? context.customData.focusId : null;
+  const focusBranch = typeof context.customData?.branch === "string" ? context.customData.branch : null;
+  const focusEventId = typeof context.customData?.eventId === "string" ? context.customData.eventId : null;
+  reactExports.useEffect(() => {
+    setTitle(t("plugin_home_title", void 0, "Home"));
+  }, [setTitle, t]);
+  reactExports.useEffect(() => {
+    if (!projectId || !focusType) return;
+    if (!focusId && focusType !== "overview") return;
+    window.dispatchEvent(
+      new CustomEvent(LAB_FOCUS_EVENT, {
+        detail: {
+          projectId,
+          focusType,
+          focusId,
+          branch: focusBranch,
+          eventId: focusEventId
+        }
+      })
+    );
+  }, [focusBranch, focusEventId, focusId, focusType, projectId]);
+  if (!projectId) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center rounded-2xl border border-[var(--soft-border)] bg-[var(--soft-bg-surface)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-[var(--soft-text-secondary)]", children: t("plugin_project_not_found", void 0, "Project not found.") }) });
+  }
+  if (!maxEntitlement.isEntitlementLoading && !maxEntitlement.isMaxEntitled) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center rounded-2xl border border-[var(--soft-border)] bg-[var(--soft-bg-surface)]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-medium text-[var(--soft-text-primary)]", children: t("plugin_plan_access_required", void 0, "Plan access required") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-[var(--soft-text-secondary)]", children: t("plugin_max_only_desc", void 0, "Lab is currently available for Max users only.") })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(LabSurface, { projectId, readOnly });
+}
+
+export { LabPlugin as default };