@researai/deepscientist 1.5.15 → 1.5.16

package/src/ui/dist/assets/LabPlugin-DQPg-NrB.js

@@ -1,2677 +0,0 @@
-import { w as createLucideIcon, aN as useQuery, r as reactExports, j as jsxRuntimeExports, bh as Skeleton, bi as Badge, aQ as client, bj as ReactFlowProvider, u as useI18n, aF as resolveAgentDisplayName, a_ as resolveAgentLogo, b1 as pickAvatarFrameColor, aX as isLabWorkingStatus, bk as normalizeLabStatus, bl as useNodesState, bm as useReactFlow, bn as index, bo as Background, b as cn, bp as Handle, bq as Position, br as CircleHelp, bs as OrbitLogoStatus, bt as Clock, bu as Moon, aI as formatRelativeTime, m as ChevronDown, aT as useQueryClient, aA as useLabCopilotStore, aU as useLabGraphSelectionStore, bv as resolveLabCanvasSelectionSemantic, aO as Button, g as RefreshCw, bw as LabQuestGraphCanvas, bx as ArrowLeft, b4 as ScrollArea, N as Sparkles, by as GitBranch, bz as LAB_CANVAS_SEMANTIC_TONE_META, bA as getLabQuest, bB as getLabQuestSummary, bC as getLabQuestEventPayload, bD as getLabQuestNodeTrace, bE as isQuestRuntimeSurface, bF as getApiBaseUrl, bG as redirectToLanding, bH as useCliStore, bI as useActiveTab, v as BUILTIN_PLUGINS, bJ as listLabTemplates, aB as listLabAgents, aC as listLabQuests, bK as getLabOverview, bL as getProject, bM as useMaxEntitlement } from './index-D_E4281X.js';
-import { B as Bot } from './bot-0DYntytV.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 };