@openspecui/web 1.5.0 → 1.6.0

package/dist-ssg/server/entry-server.js

@@ -36333,23 +36333,23 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = `${iconName}`;
   return Component;
 };
-const __iconNode$O = [
+const __iconNode$P = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("Archive", __iconNode$O);
-const __iconNode$N = [
+const Archive = createLucideIcon("Archive", __iconNode$P);
+const __iconNode$O = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("ArrowLeft", __iconNode$N);
-const __iconNode$M = [
+const ArrowLeft = createLucideIcon("ArrowLeft", __iconNode$O);
+const __iconNode$N = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("ArrowRight", __iconNode$M);
-const __iconNode$L = [
+const ArrowRight = createLucideIcon("ArrowRight", __iconNode$N);
+const __iconNode$M = [
   [
     "path",
     {
@@ -36359,63 +36359,63 @@ const __iconNode$L = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("Camera", __iconNode$L);
-const __iconNode$K = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("Check", __iconNode$K);
-const __iconNode$J = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("ChevronDown", __iconNode$J);
-const __iconNode$I = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("ChevronRight", __iconNode$I);
-const __iconNode$H = [
+const Camera = createLucideIcon("Camera", __iconNode$M);
+const __iconNode$L = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("Check", __iconNode$L);
+const __iconNode$K = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("ChevronDown", __iconNode$K);
+const __iconNode$J = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("ChevronRight", __iconNode$J);
+const __iconNode$I = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("CircleAlert", __iconNode$H);
-const __iconNode$G = [
+const CircleAlert = createLucideIcon("CircleAlert", __iconNode$I);
+const __iconNode$H = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("CircleCheckBig", __iconNode$G);
-const __iconNode$F = [
+const CircleCheckBig = createLucideIcon("CircleCheckBig", __iconNode$H);
+const __iconNode$G = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("CircleCheck", __iconNode$F);
-const __iconNode$E = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("Circle", __iconNode$E);
-const __iconNode$D = [
+const CircleCheck = createLucideIcon("CircleCheck", __iconNode$G);
+const __iconNode$F = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("Circle", __iconNode$F);
+const __iconNode$E = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("Copy", __iconNode$D);
-const __iconNode$C = [
+const Copy = createLucideIcon("Copy", __iconNode$E);
+const __iconNode$D = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("EllipsisVertical", __iconNode$C);
-const __iconNode$B = [
+const EllipsisVertical = createLucideIcon("EllipsisVertical", __iconNode$D);
+const __iconNode$C = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("FilePlus", __iconNode$B);
-const __iconNode$A = [
+const FilePlus = createLucideIcon("FilePlus", __iconNode$C);
+const __iconNode$B = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("FileText", __iconNode$A);
-const __iconNode$z = [
+const FileText = createLucideIcon("FileText", __iconNode$B);
+const __iconNode$A = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File = createLucideIcon("File", __iconNode$z);
-const __iconNode$y = [
+const File = createLucideIcon("File", __iconNode$A);
+const __iconNode$z = [
   [
     "path",
     {
@@ -36424,8 +36424,8 @@ const __iconNode$y = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("FolderOpen", __iconNode$y);
-const __iconNode$x = [
+const FolderOpen = createLucideIcon("FolderOpen", __iconNode$z);
+const __iconNode$y = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -36436,8 +36436,8 @@ const __iconNode$x = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("FolderPlus", __iconNode$x);
-const __iconNode$w = [
+const FolderPlus = createLucideIcon("FolderPlus", __iconNode$y);
+const __iconNode$x = [
   [
     "path",
     {
@@ -36455,8 +36455,8 @@ const __iconNode$w = [
   ["path", { d: "M3 5a2 2 0 0 0 2 2h3", key: "f2jnh7" }],
   ["path", { d: "M3 3v13a2 2 0 0 0 2 2h3", key: "k8epm1" }]
 ];
-const FolderTree = createLucideIcon("FolderTree", __iconNode$w);
-const __iconNode$v = [
+const FolderTree = createLucideIcon("FolderTree", __iconNode$x);
+const __iconNode$w = [
   [
     "path",
     {
@@ -36465,20 +36465,31 @@ const __iconNode$v = [
     }
   ]
 ];
-const Folder = createLucideIcon("Folder", __iconNode$v);
-const __iconNode$u = [
+const Folder = createLucideIcon("Folder", __iconNode$w);
+const __iconNode$v = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("GitBranch", __iconNode$u);
-const __iconNode$t = [
+const GitBranch = createLucideIcon("GitBranch", __iconNode$v);
+const __iconNode$u = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("GitCommitHorizontal", __iconNode$t);
+const GitCommitHorizontal = createLucideIcon("GitCommitHorizontal", __iconNode$u);
+const __iconNode$t = [
+  [
+    "path",
+    {
+      d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",
+      key: "tonef"
+    }
+  ],
+  ["path", { d: "M9 18c-4.51 2-5-2-7-2", key: "9comsn" }]
+];
+const Github = createLucideIcon("Github", __iconNode$t);
 const __iconNode$s = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
@@ -39512,6 +39523,80 @@ Click to copy`,
     }
   );
 }
+const VIRTUAL_PROJECT_DIRNAME = "project";
+const WINDOWS_DRIVE_PREFIX = /^[A-Za-z]:\//;
+function normalizeFsPath$1(path2) {
+  return path2.replace(/\\/g, "/").replace(/\/+$/g, "");
+}
+function isAbsolutePath(path2) {
+  return path2.startsWith("/") || WINDOWS_DRIVE_PREFIX.test(path2);
+}
+function stripRelativePrefix(path2) {
+  return path2.replace(/^\.?\//, "");
+}
+function splitSegments(path2) {
+  return normalizeFsPath$1(path2).split("/").filter(Boolean);
+}
+function toNpmSpecifier(path2) {
+  const normalized = normalizeFsPath$1(path2);
+  const match = /(?:^|\/)node_modules\/(?:\.pnpm\/[^/]+\/node_modules\/)?(@[^/]+\/[^/]+|[^/]+)(\/.*)?/.exec(
+    normalized
+  );
+  const pkgName = match?.[1];
+  if (!pkgName) return null;
+  const rest = match[2] ?? "";
+  return `npm:${pkgName}${rest}`;
+}
+function toVirtualProjectPath(path2) {
+  const normalized = stripRelativePrefix(path2);
+  return `${VIRTUAL_PROJECT_DIRNAME}:${normalized}`;
+}
+function isPathInside$1(root2, target) {
+  const normalizedRoot = normalizeFsPath$1(root2);
+  const normalizedTarget = normalizeFsPath$1(target);
+  const rootLower = normalizedRoot.toLowerCase();
+  const targetLower = normalizedTarget.toLowerCase();
+  return targetLower === rootLower || targetLower.startsWith(`${rootLower}/`);
+}
+function toRelativeFromRoot$1(root2, target) {
+  const rootSegments = splitSegments(root2);
+  const targetSegments = splitSegments(target);
+  let index2 = 0;
+  while (index2 < rootSegments.length && index2 < targetSegments.length) {
+    if (rootSegments[index2]?.toLowerCase() !== targetSegments[index2]?.toLowerCase()) {
+      break;
+    }
+    index2 += 1;
+  }
+  return targetSegments.slice(index2).join("/");
+}
+function findOpspecSlice(path2) {
+  const segments = splitSegments(path2);
+  const idx = segments.lastIndexOf("openspec");
+  if (idx < 0) return null;
+  return segments.slice(idx).join("/");
+}
+function toOpsxDisplayPath(absoluteOrRelativePath, options) {
+  const normalized = normalizeFsPath$1(absoluteOrRelativePath);
+  const npmSpecifier = toNpmSpecifier(normalized);
+  if (options?.source === "package" || npmSpecifier) {
+    if (npmSpecifier) return npmSpecifier;
+  }
+  if (!isAbsolutePath(normalized)) {
+    return toVirtualProjectPath(normalized);
+  }
+  if (options?.projectDir && isPathInside$1(options.projectDir, normalized)) {
+    const relativePath = toRelativeFromRoot$1(options.projectDir, normalized);
+    return toVirtualProjectPath(relativePath);
+  }
+  const openspecSlice = findOpspecSlice(normalized);
+  if (openspecSlice) {
+    return toVirtualProjectPath(openspecSlice);
+  }
+  const segments = splitSegments(normalized);
+  const tail = segments.slice(-4).join("/");
+  return toVirtualProjectPath(tail);
+}
 var dist$1 = {};
 var composer = {};
 var directives = {};
@@ -39972,7 +40057,7 @@ function requireAnchors() {
   anchors.findNewAnchor = findNewAnchor;
   return anchors;
 }
-var Node = {};
+var Node$1 = {};
 var applyReviver = {};
 var hasRequiredApplyReviver;
 function requireApplyReviver() {
@@ -40055,7 +40140,7 @@ function requireToJS() {
 }
 var hasRequiredNode;
 function requireNode() {
-  if (hasRequiredNode) return Node;
+  if (hasRequiredNode) return Node$1;
   hasRequiredNode = 1;
   var applyReviver2 = requireApplyReviver();
   var identity2 = requireIdentity();
@@ -40090,8 +40175,8 @@ function requireNode() {
       return typeof reviver === "function" ? applyReviver2.applyReviver(reviver, { "": res }, "", res) : res;
     }
   }
-  Node.NodeBase = NodeBase;
-  return Node;
+  Node$1.NodeBase = NodeBase;
+  return Node$1;
 }
 var hasRequiredAlias;
 function requireAlias() {
@@ -46870,15 +46955,14 @@ function parseDatedIdTimestamp(id2) {
   return Number.isFinite(ts) ? ts : null;
 }
 function normalizeTrendEvents(events, pointLimit) {
-  return events.filter((event) => Number.isFinite(event.ts) && event.ts > 0 && Number.isFinite(event.value)).sort((a, b) => a.ts - b.ts).slice(-100);
-}
-function buildBucketedTrend(events, pointLimit, mode) {
-  const normalizedEvents = normalizeTrendEvents(events);
-  if (normalizedEvents.length === 0) {
-    return [];
-  }
-  const end = normalizedEvents[normalizedEvents.length - 1].ts;
-  const probeStart = normalizedEvents[0].ts;
+  return events.filter((event) => Number.isFinite(event.ts) && event.ts > 0 && Number.isFinite(event.value)).sort((a, b) => a.ts - b.ts).slice(-pointLimit);
+}
+function buildTimeWindow(probeEvents, rightEdgeTs) {
+  if (probeEvents.length === 0) return null;
+  const probeEnd = probeEvents[probeEvents.length - 1].ts;
+  const hasRightEdge = typeof rightEdgeTs === "number" && Number.isFinite(rightEdgeTs) && rightEdgeTs > 0;
+  const end = hasRightEdge ? Math.max(probeEnd, rightEdgeTs) : probeEnd;
+  const probeStart = probeEvents[0].ts;
   const rangeMs = Math.max(1, end - probeStart);
   const bucketMs = rangeMs >= DAY_MS ? Math.max(DAY_MS, Math.ceil(rangeMs / DASHBOARD_TREND_BAR_COUNT / DAY_MS) * DAY_MS) : Math.max(1, Math.ceil(rangeMs / DASHBOARD_TREND_BAR_COUNT));
   const windowStart = end - bucketMs * DASHBOARD_TREND_BAR_COUNT;
@@ -46886,6 +46970,16 @@ function buildBucketedTrend(events, pointLimit, mode) {
     { length: DASHBOARD_TREND_BAR_COUNT },
     (_, index2) => windowStart + bucketMs * (index2 + 1)
   );
+  return { windowStart, bucketMs, bucketEnds };
+}
+function buildBucketedTrend(events, pointLimit, mode, rightEdgeTs) {
+  const normalizedEvents = normalizeTrendEvents(events, pointLimit);
+  if (normalizedEvents.length === 0) {
+    return [];
+  }
+  const timeWindow = buildTimeWindow(normalizedEvents, rightEdgeTs);
+  if (!timeWindow) return [];
+  const { windowStart, bucketMs, bucketEnds } = timeWindow;
   const sums = Array.from({ length: bucketEnds.length }, () => 0);
   for (const event of normalizedEvents) {
     if (event.ts <= windowStart) {
@@ -46899,7 +46993,7 @@ function buildBucketedTrend(events, pointLimit, mode) {
     return { ts, value: sums[index2] };
   });
 }
-function buildStaticObjectiveTrends(snapshot) {
+function buildStaticObjectiveTrends(snapshot, pointLimit, rightEdgeTs) {
   const trends = createEmptyTrends();
   const requirementEvents = snapshot.specs.flatMap((spec) => {
     const ts = resolveTrendTimestamp(spec.updatedAt, spec.createdAt);
@@ -46909,14 +47003,20 @@ function buildStaticObjectiveTrends(snapshot) {
     snapshot.specs.flatMap((spec) => {
       const ts = resolveTrendTimestamp(spec.createdAt, spec.updatedAt);
       return ts === null ? [] : [{ ts, value: 1 }];
-    })
+    }),
+    pointLimit,
+    "sum",
+    rightEdgeTs
   );
-  trends.requirements = buildBucketedTrend(requirementEvents);
+  trends.requirements = buildBucketedTrend(requirementEvents, pointLimit, "sum", rightEdgeTs);
   trends.completedChanges = buildBucketedTrend(
     snapshot.archives.flatMap((archive) => {
       const ts = parseDatedIdTimestamp(archive.id) ?? resolveTrendTimestamp(archive.updatedAt, archive.createdAt);
       return ts === null ? [] : [{ ts, value: archive.parsedTasks.length }];
-    })
+    }),
+    pointLimit,
+    "sum",
+    rightEdgeTs
   );
   return trends;
 }
@@ -46926,6 +47026,34 @@ function isGlobPattern$1(path2) {
 function normalizePath(path2) {
   return path2.replace(/\\/g, "/").replace(/^\.?\//, "");
 }
+function normalizeFsPath(path2) {
+  return path2.replace(/\\/g, "/");
+}
+function isAbsoluteFsPath(path2) {
+  return /^(?:[A-Za-z]:\/|\/)/.test(path2);
+}
+function isPathInside(root2, target) {
+  const normalizedRoot = normalizeFsPath(root2).replace(/\/+$/, "").toLowerCase();
+  const normalizedTarget = normalizeFsPath(target).toLowerCase();
+  return normalizedTarget === normalizedRoot || normalizedTarget.startsWith(`${normalizedRoot}/`);
+}
+function toRelativeFromRoot(root2, target) {
+  const normalizedRoot = normalizeFsPath(root2).replace(/\/+$/, "");
+  const normalizedTarget = normalizeFsPath(target);
+  return normalizedTarget.slice(normalizedRoot.length + 1);
+}
+function toSchemaRelativePath(inputPath, schemaRoot) {
+  const path2 = normalizeFsPath(inputPath);
+  if (!isAbsoluteFsPath(path2)) return normalizePath(path2);
+  if (schemaRoot && isPathInside(schemaRoot, path2)) {
+    return normalizePath(toRelativeFromRoot(schemaRoot, path2));
+  }
+  const templatesIdx = path2.lastIndexOf("/templates/");
+  if (templatesIdx >= 0) {
+    return normalizePath(path2.slice(templatesIdx + 1));
+  }
+  return getPathBasename(path2);
+}
 function getPathBasename(path2) {
   const normalized = normalizePath(path2);
   const parts = normalized.split("/");
@@ -47086,6 +47214,48 @@ function buildChangeStatus(snapshot, change, preferredSchema) {
     artifacts
   };
 }
+function buildStaticGitSnapshot(snapshot) {
+  const defaultBranch = snapshot.git?.defaultBranch || "main";
+  const repositoryUrl = snapshot.git?.repositoryUrl?.trim() || null;
+  const recentCommits = snapshot.git?.recentCommits ?? [];
+  if (recentCommits.length === 0) {
+    return {
+      defaultBranch,
+      worktrees: []
+    };
+  }
+  const commitEntries = recentCommits.slice(0, 5).map((commit) => ({
+    type: "commit",
+    hash: commit.hash,
+    title: commit.title,
+    relatedChanges: commit.relatedChanges,
+    diff: commit.diff
+  }));
+  const aggregateDiff = commitEntries.reduce(
+    (acc, entry) => {
+      acc.files += entry.diff.files;
+      acc.insertions += entry.diff.insertions;
+      acc.deletions += entry.diff.deletions;
+      return acc;
+    },
+    { files: 0, insertions: 0, deletions: 0 }
+  );
+  return {
+    defaultBranch,
+    worktrees: [
+      {
+        path: repositoryUrl ?? "Repository URL unavailable",
+        relativePath: "repo",
+        branchName: "(snapshot)",
+        isCurrent: true,
+        ahead: 0,
+        behind: 0,
+        diff: aggregateDiff,
+        entries: commitEntries
+      }
+    ]
+  };
+}
 async function loadSnapshot() {
   if (snapshotCache) {
     return snapshotCache;
@@ -47175,6 +47345,14 @@ async function getDashboardOverview() {
       }
     };
   }
+  const trendPointLimit = Math.max(
+    20,
+    Math.min(
+      500,
+      Math.trunc(snapshot.config?.dashboard?.trendPointLimit ?? DASHBOARD_TREND_POINT_LIMIT)
+    )
+  );
+  const rightEdgeTs = snapshot.git?.latestCommitTs ?? null;
   const specifications = snapshot.specs.map((spec) => ({
     id: spec.id,
     name: spec.name,
@@ -47198,7 +47376,7 @@ async function getDashboardOverview() {
   const inProgressChanges = activeChanges.filter(
     (change) => change.progress.total > 0 && change.progress.completed < change.progress.total
   ).length;
-  const trends = buildStaticObjectiveTrends(snapshot);
+  const trends = buildStaticObjectiveTrends(snapshot, trendPointLimit, rightEdgeTs);
   const hasObjectiveSpecificationTrend = trends.specifications.length > 0 || specifications.length === 0;
   const hasObjectiveRequirementTrend = trends.requirements.length > 0 || requirements === 0;
   const hasObjectiveCompletedTrend = trends.completedChanges.length > 0 || snapshot.archives.length === 0;
@@ -47223,15 +47401,12 @@ async function getDashboardOverview() {
       hasObjectiveCompletedTrend
     }),
     trendMeta: {
-      pointLimit: DASHBOARD_TREND_POINT_LIMIT,
+      pointLimit: trendPointLimit,
       lastUpdatedAt: Date.now()
     },
     specifications,
     activeChanges,
-    git: {
-      defaultBranch: "main",
-      worktrees: []
-    }
+    git: buildStaticGitSnapshot(snapshot)
   };
 }
 async function getSpec(id2) {
@@ -47345,9 +47520,35 @@ async function getOpsxTemplates(schema2) {
   if (!snapshot?.opsx?.templates) return null;
   if (!schema2) {
     const first = Object.keys(snapshot.opsx.templates)[0];
-    return first ? snapshot.opsx.templates[first] : null;
+    if (!first) return null;
+    const templates2 = snapshot.opsx.templates[first];
+    return Object.fromEntries(
+      Object.entries(templates2).map(([artifactId, template]) => [
+        artifactId,
+        {
+          ...template,
+          displayPath: template.displayPath ?? toOpsxDisplayPath(template.path, {
+            source: template.source,
+            projectDir: snapshot.meta.projectDir
+          })
+        }
+      ])
+    );
   }
-  return snapshot.opsx.templates[schema2] ?? null;
+  const templates = snapshot.opsx.templates[schema2];
+  if (!templates) return null;
+  return Object.fromEntries(
+    Object.entries(templates).map(([artifactId, template]) => [
+      artifactId,
+      {
+        ...template,
+        displayPath: template.displayPath ?? toOpsxDisplayPath(template.path, {
+          source: template.source,
+          projectDir: snapshot.meta.projectDir
+        })
+      }
+    ])
+  );
 }
 async function getOpsxSchemaFiles(name2) {
   const snapshot = await loadSnapshot();
@@ -47359,6 +47560,9 @@ async function getOpsxSchemaFiles(name2) {
   if (!schemaName) return null;
   const entries = [];
   const seen = /* @__PURE__ */ new Set();
+  const schemaRoot = snapshot.opsx.schemaResolutions?.[schemaName]?.path;
+  const schemaYamlContent = snapshot.opsx.schemaYamls?.[schemaName];
+  const templateContentsByArtifact = snapshot.opsx.templateContents?.[schemaName] ?? {};
   const addEntry = (entry) => {
     if (seen.has(entry.path)) return;
     seen.add(entry.path);
@@ -47372,19 +47576,44 @@ async function getOpsxSchemaFiles(name2) {
     }
   };
   if (snapshot.opsx.schemaDetails?.[schemaName]) {
-    addEntry({ path: "schema.yaml", type: "file" });
+    addEntry({ path: "schema.yaml", type: "file", content: schemaYamlContent });
   }
   const templates = snapshot.opsx.templates?.[schemaName];
   if (templates) {
-    Object.values(templates).forEach((template) => {
-      addDirEntries(template.path);
-      addEntry({ path: template.path, type: "file" });
+    Object.entries(templates).forEach(([artifactId, template]) => {
+      const relativePath = toSchemaRelativePath(template.path, schemaRoot);
+      const templateContent = templateContentsByArtifact[artifactId]?.content ?? void 0;
+      addDirEntries(relativePath);
+      addEntry({ path: relativePath, type: "file", content: templateContent });
     });
   }
   return entries;
 }
-async function getOpsxTemplateContents() {
-  return null;
+async function getOpsxTemplateContents(schema2) {
+  const snapshot = await loadSnapshot();
+  if (!snapshot?.opsx) return null;
+  const targetSchema = schema2 ?? snapshot.opsx.schemas?.[0]?.name ?? Object.keys(snapshot.opsx.templates ?? {})[0] ?? null;
+  if (!targetSchema) return null;
+  const templates = snapshot.opsx.templates?.[targetSchema] ?? {};
+  const contents = snapshot.opsx.templateContents?.[targetSchema] ?? {};
+  const merged = Object.fromEntries(
+    Object.entries(templates).map(([artifactId, template]) => {
+      const contentInfo = contents[artifactId];
+      return [
+        artifactId,
+        {
+          content: contentInfo?.content ?? null,
+          path: template.path,
+          displayPath: contentInfo?.displayPath ?? template.displayPath ?? toOpsxDisplayPath(template.path, {
+            source: template.source,
+            projectDir: snapshot.meta.projectDir
+          }),
+          source: template.source
+        }
+      ];
+    })
+  );
+  return merged;
 }
 async function getOpsxChangeList() {
   const snapshot = await loadSnapshot();
@@ -47435,10 +47664,17 @@ async function getOpsxGlobArtifactFiles(changeId, outputPath) {
 }
 function StatusIndicator() {
   if (isStaticMode()) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "status-indicator flex items-center gap-1.5 text-xs", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Camera, { className: "h-3.5 w-3.5 text-blue-500" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "status-text text-blue-600", children: "Static" })
-    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "status-indicator flex items-center gap-1.5 text-xs",
+        title: "Live features disabled (no file watching, task toggling, or AI integration)",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Camera, { className: "h-3.5 w-3.5 text-blue-500" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "status-text text-blue-600", children: "Static" })
+        ]
+      }
+    );
   }
   const status = useServerStatus();
   const reconnect = useManualReconnect();
@@ -47472,7 +47708,7 @@ function StatusIndicator() {
 function DesktopStatusBar() {
   const staticMode = isStaticMode();
   const [generatedAt, setGeneratedAt] = reactExports.useState("Unknown");
-  const [snapshotProjectDir, setSnapshotProjectDir] = reactExports.useState(null);
+  const [snapshotRepositoryUrl, setSnapshotRepositoryUrl] = reactExports.useState(null);
   reactExports.useEffect(() => {
     if (!staticMode) return;
     void loadSnapshot().then((snapshot) => {
@@ -47481,35 +47717,32 @@ function DesktopStatusBar() {
       } else {
         setGeneratedAt("Unknown");
       }
-      setSnapshotProjectDir(snapshot?.meta?.projectDir ?? null);
+      setSnapshotRepositoryUrl(snapshot?.git?.repositoryUrl ?? null);
     }).catch(() => {
       setGeneratedAt("Unknown");
-      setSnapshotProjectDir(null);
+      setSnapshotRepositoryUrl(null);
     });
   }, [staticMode]);
   if (staticMode) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "desktop-status border-border bg-muted/30 text-muted-foreground flex h-8 items-center justify-between gap-4 border-t px-4 text-xs", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-4", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate", children: [
-          "Generated: ",
-          generatedAt
-        ] }),
-        snapshotProjectDir && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "h-3.5 w-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            PathMarquee,
-            {
-              children: snapshotProjectDir,
-              maxWidth: 280,
-              duration: 12,
-              className: "text-xs"
-            }
-          )
-        ] })
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "desktop-status border-border bg-muted/30 text-muted-foreground flex h-8 items-center justify-between gap-4 border-t px-4 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "truncate", children: [
+        "Generated: ",
+        generatedAt
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "Live features disabled (no file watching, task toggling, or AI integration)" })
-    ] });
+      snapshotRepositoryUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Github, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          PathMarquee,
+          {
+            children: snapshotRepositoryUrl,
+            maxWidth: 280,
+            duration: 12,
+            className: "text-xs"
+          }
+        )
+      ] })
+    ] }) });
   }
   const status = useServerStatus();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "desktop-status border-border bg-muted/30 text-muted-foreground flex h-8 items-center justify-between gap-4 border-t px-4 text-xs", children: [
@@ -47766,7 +47999,7 @@ function Dialog({
               "div",
               {
                 ref: panelRef,
-                className: `bg-background relative flex h-full w-[calc(100%-0.5rem)] max-w-2xl flex-col overflow-hidden rounded-[var(--openspec-dialog-radius,0.75rem)] border shadow-xl ${borderClass} ${className}`,
+                className: `bg-background relative flex h-fit w-[calc(100%-0.5rem)] max-w-2xl flex-col overflow-hidden rounded-[var(--openspec-dialog-radius,0.75rem)] border shadow-xl ${borderClass} ${className}`,
                 style: { maxHeight },
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border flex flex-none shrink-0 items-center justify-between border-b px-4 py-3", children: [
@@ -104582,55 +104815,140 @@ function CodeEditor({
     }
   );
 }
-function ContextMenu({ open, items, position: position2, onClose }) {
+function resolveAnchorPosition(anchor) {
+  if (!anchor) return null;
+  if (anchor.type === "point") return { x: anchor.x, y: anchor.y };
+  const element2 = anchor.element;
+  if (!element2) return null;
+  const rect = element2.getBoundingClientRect();
+  const placement = anchor.placement ?? "bottom-start";
+  switch (placement) {
+    case "bottom-end":
+      return { x: rect.right, y: rect.bottom };
+    case "top-start":
+      return { x: rect.left, y: rect.top };
+    case "top-end":
+      return { x: rect.right, y: rect.top };
+    case "bottom-start":
+    default:
+      return { x: rect.left, y: rect.bottom };
+  }
+}
+function clampWithinBounds(position2, menuRect, boundaryRect) {
+  const margin = 12;
+  const left = boundaryRect?.left ?? 0;
+  const top2 = boundaryRect?.top ?? 0;
+  const right = boundaryRect?.right ?? window.innerWidth;
+  const bottom = boundaryRect?.bottom ?? window.innerHeight;
+  const minX = left + margin;
+  const minY = top2 + margin;
+  const maxX = Math.max(minX, right - menuRect.width - margin);
+  const maxY = Math.max(minY, bottom - menuRect.height - margin);
+  return {
+    x: Math.max(minX, Math.min(position2.x, maxX)),
+    y: Math.max(minY, Math.min(position2.y, maxY))
+  };
+}
+function toLocalPointStyle(point2, wrapperElement) {
+  if (!wrapperElement) {
+    return { position: "fixed", left: point2.x, top: point2.y };
+  }
+  const rect = wrapperElement.getBoundingClientRect();
+  return {
+    position: "absolute",
+    left: point2.x - rect.left + wrapperElement.scrollLeft,
+    top: point2.y - rect.top + wrapperElement.scrollTop
+  };
+}
+function getPlacement(anchor) {
+  if (anchor?.type === "target") return anchor.placement ?? "bottom-start";
+  return "bottom-start";
+}
+function ContextMenu({
+  open,
+  items,
+  anchor,
+  wrapperElement,
+  boundaryElement,
+  position: position2,
+  onClose
+}) {
   const menuRef = reactExports.useRef(null);
-  const anchorRef = reactExports.useRef(null);
+  const fallbackAnchor = reactExports.useMemo(
+    () => position2 ? { type: "point", x: position2.x, y: position2.y } : null,
+    [position2]
+  );
+  const activeAnchor = anchor ?? fallbackAnchor;
+  const hostElement = wrapperElement ?? boundaryElement ?? null;
+  const anchorPosition = reactExports.useMemo(() => resolveAnchorPosition(activeAnchor), [activeAnchor]);
   const [adjustedPosition, setAdjustedPosition] = reactExports.useState(null);
+  const menuId = reactExports.useId().replace(/[^a-zA-Z0-9_-]/g, "");
+  const anchorName = `--context-menu-anchor-${menuId}`;
+  const menuDataId = `context-menu-${menuId}`;
+  const placement = getPlacement(activeAnchor);
   const visibleItems = reactExports.useMemo(() => items.filter((item) => item.label.length > 0), [items]);
-  const shouldRender = open && !!position2 && visibleItems.length > 0;
+  const shouldRender = open && !!anchorPosition && visibleItems.length > 0;
   reactExports.useLayoutEffect(() => {
-    if (!open || !position2) {
+    if (!open || !anchorPosition) {
       setAdjustedPosition(null);
       return;
     }
     const menu = menuRef.current;
     if (!menu) {
-      setAdjustedPosition(position2);
+      setAdjustedPosition(anchorPosition);
       return;
     }
-    const rect = menu.getBoundingClientRect();
-    const margin = 12;
-    const maxX = window.innerWidth - rect.width - margin;
-    const maxY = window.innerHeight - rect.height - margin;
-    const x = Math.max(margin, Math.min(position2.x, maxX));
-    const y = Math.max(margin, Math.min(position2.y, maxY));
-    setAdjustedPosition({ x, y });
-  }, [open, position2]);
+    const boundaryRect = hostElement?.getBoundingClientRect() ?? null;
+    const clamped = clampWithinBounds(anchorPosition, menu.getBoundingClientRect(), boundaryRect);
+    setAdjustedPosition(clamped);
+  }, [anchorPosition, hostElement, open]);
   reactExports.useEffect(() => {
-    const menu = menuRef.current;
-    if (!menu || !open) return;
-    const handleToggle = (event) => {
-      if (!(event instanceof Event)) return;
-      const target = event.target;
-      if (target instanceof HTMLElement && !target.matches(":popover-open")) {
-        onClose();
-      }
-    };
     const handleScroll = () => onClose();
-    menu.addEventListener("toggle", handleToggle);
     window.addEventListener("scroll", handleScroll, true);
     window.addEventListener("resize", handleScroll);
     return () => {
-      menu.removeEventListener("toggle", handleToggle);
       window.removeEventListener("scroll", handleScroll, true);
       window.removeEventListener("resize", handleScroll);
     };
   }, [open, onClose]);
-  const menuStyle = adjustedPosition ?? position2 ?? {
-    x: 0,
-    y: 0
-  };
-  const menuStyleValues = { left: menuStyle.x, top: menuStyle.y };
+  reactExports.useEffect(() => {
+    if (!shouldRender) return;
+    const handlePointerDown = (event) => {
+      if (event.button === 2) return;
+      const target = event.target;
+      if (!(target instanceof Node)) return;
+      const menu = menuRef.current;
+      if (menu?.contains(target)) return;
+      if (activeAnchor?.type === "target" && activeAnchor.element?.contains(target)) return;
+      onClose();
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    window.addEventListener("pointerdown", handlePointerDown, true);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("pointerdown", handlePointerDown, true);
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [activeAnchor, onClose, shouldRender]);
+  reactExports.useEffect(() => {
+    if (!open || activeAnchor?.type !== "target" || !activeAnchor.element) return;
+    const target = activeAnchor.element;
+    const previousAnchorName = target.style.getPropertyValue("anchor-name");
+    const previousPriority = target.style.getPropertyPriority("anchor-name");
+    target.style.setProperty("anchor-name", anchorName);
+    return () => {
+      if (previousAnchorName) {
+        target.style.setProperty("anchor-name", previousAnchorName, previousPriority);
+      } else {
+        target.style.removeProperty("anchor-name");
+      }
+    };
+  }, [activeAnchor, anchorName, open]);
+  const resolvedPosition = adjustedPosition ?? anchorPosition;
+  const fallbackStyle = resolvedPosition === null ? { left: 0, top: 0 } : { left: resolvedPosition.x, top: resolvedPosition.y };
+  const syntheticAnchorStyle = activeAnchor?.type === "point" && anchorPosition ? toLocalPointStyle(anchorPosition, hostElement) : null;
   reactExports.useEffect(() => {
     const menu = menuRef.current;
     if (!menu) return;
@@ -104638,44 +104956,83 @@ function ContextMenu({ open, items, position: position2, onClose }) {
       if (!menu.matches(":popover-open")) {
         menu.showPopover?.();
       }
-    } else {
-      if (menu.matches(":popover-open")) {
-        menu.hidePopover?.();
-      }
+    } else if (menu.matches(":popover-open")) {
+      menu.hidePopover?.();
     }
-  }, [shouldRender, position2, adjustedPosition]);
-  const styles = String.raw;
+  }, [shouldRender]);
   if (!shouldRender) return null;
+  const styles = String.raw;
+  const anchorPlacementCSS = placement === "top-start" ? "bottom: anchor(top); left: anchor(left); top: auto; right: auto;" : placement === "top-end" ? "bottom: anchor(top); left: anchor(right); top: auto; right: auto;" : placement === "bottom-end" ? "top: anchor(bottom); left: anchor(right); bottom: auto; right: auto;" : "top: anchor(bottom); left: anchor(left); bottom: auto; right: auto;";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: styles`
-        .context-menu-anchor {
-          position: fixed;
+        .context-menu-anchor[data-context-menu-id='${menuDataId}'] {
           width: 1px;
           height: 1px;
-          anchor-name: --context-menu-anchor;
           pointer-events: none;
           z-index: 50;
+          anchor-name: ${anchorName};
         }
-        .context-menu-popover {
-          position: fixed;
+        .context-menu-popover[data-context-menu-id='${menuDataId}'] {
+          position: absolute;
           inset: auto;
         }
-        @supports (position-anchor: --context-menu-anchor) {
-          .context-menu-popover {
-            position-anchor: --context-menu-anchor;
+        @supports (position-anchor: ${anchorName}) {
+          .context-menu-popover[data-context-menu-id='${menuDataId}'] {
+            position-anchor: ${anchorName};
+            ${anchorPlacementCSS}
+          }
+        }
+        @supports (position-try-fallbacks: --context-menu-right-bottom) {
+          @position-try --context-menu-right-bottom {
             top: anchor(bottom);
-            left: anchor(left);
+            left: anchor(right);
+            right: auto;
+            bottom: auto;
+          }
+          @position-try --context-menu-left-bottom {
+            top: anchor(bottom);
+            right: anchor(left);
+            left: auto;
+            bottom: auto;
+          }
+          @position-try --context-menu-left-top {
+            bottom: anchor(top);
+            right: anchor(left);
+            left: auto;
+            top: auto;
+          }
+          @position-try --context-menu-right-top {
+            bottom: anchor(top);
+            left: anchor(right);
+            right: auto;
+            top: auto;
+          }
+          .context-menu-popover[data-context-menu-id='${menuDataId}'] {
+            position-try-fallbacks:
+              --context-menu-right-bottom,
+              --context-menu-left-bottom,
+              --context-menu-left-top,
+              --context-menu-right-top;
           }
         }
       ` }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: anchorRef, className: "context-menu-anchor", style: menuStyleValues, "aria-hidden": true }),
+    syntheticAnchorStyle && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        "data-context-menu-id": menuDataId,
+        className: "context-menu-anchor",
+        style: syntheticAnchorStyle,
+        "aria-hidden": true
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         ref: menuRef,
-        popover: "auto",
+        popover: "manual",
+        "data-context-menu-id": menuDataId,
         className: "context-menu-popover border-border bg-card text-foreground z-50 min-w-[180px] rounded-md border p-1 shadow-lg",
-        style: menuStyleValues,
+        style: fallbackStyle,
         children: visibleItems.map((item) => {
           const isDisabled = item.disabled;
           const toneClass = item.tone === "destructive" ? "text-destructive hover:bg-destructive/10" : "";
@@ -104702,6 +105059,36 @@ function ContextMenu({ open, items, position: position2, onClose }) {
     )
   ] });
 }
+const ContextMenuWrapper = reactExports.forwardRef(
+  function ContextMenuWrapper2({ children, className, ...props }, ref) {
+    const mergedClassName = className ? `relative ${className}` : "relative";
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref, "data-context-menu-wrapper": "", className: mergedClassName, ...props, children });
+  }
+);
+const ContextMenuTargeter = reactExports.forwardRef(
+  function ContextMenuTargeter2({ children, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        ref,
+        "data-context-menu-targeter": "",
+        className: className ?? "inline-flex",
+        ...props,
+        children
+      }
+    );
+  }
+);
+function toContextMenuItems(items) {
+  return items.map((item) => ({
+    id: item.id,
+    label: item.label,
+    icon: item.icon,
+    disabled: item.disabled,
+    tone: item.tone,
+    onSelect: item.onSelect
+  }));
+}
 const css = String.raw;
 const layoutStyles = css`
   /* 窄屏：单列布局 */
@@ -104728,7 +105115,7 @@ const layoutStyles = css`
   @container (min-width: 768px) {
     .fev-layout {
       display: grid;
-      grid-template-columns: 1fr 240px;
+      grid-template-columns: minmax(0, 1fr) minmax(240px, clamp(240px, 30%, 420px));
       gap: 1rem;
     }
     .fev-sidebar-tabs {
@@ -104776,72 +105163,145 @@ function getParentPath$1(path2) {
   const parts = path2.split("/");
   return parts.slice(0, -1).join("/");
 }
+function splitBreadcrumbRoot(rootPath) {
+  const normalized = (rootPath ?? "").trim().replace(/\/+$/g, "");
+  if (!normalized) return [];
+  const scopedMatch = /^([A-Za-z][A-Za-z0-9+.-]*:)(.*)$/.exec(normalized);
+  if (!scopedMatch) {
+    return normalized.split("/").filter(Boolean);
+  }
+  const prefix2 = scopedMatch[1];
+  const suffix = scopedMatch[2].replace(/^\/+/g, "");
+  const segments = [prefix2];
+  if (suffix.length > 0) {
+    segments.push(...suffix.split("/").filter(Boolean));
+  }
+  return segments;
+}
 function Breadcrumb({
   path: path2,
+  rootPath,
   entries,
   onNavigate
 }) {
-  const parts = path2.split("/");
+  const rootSegments = splitBreadcrumbRoot(rootPath).map((name2, index2) => ({
+    key: `root-${index2}-${name2}`,
+    kind: "root",
+    name: name2
+  }));
+  const parts = path2.split("/").filter(Boolean);
   const isMarkdown = path2.endsWith(".md");
-  const segments = [];
+  const fileSegments = [];
   for (let i = 0; i < parts.length; i++) {
     const segmentPath = parts.slice(0, i + 1).join("/");
     const isFile = i === parts.length - 1;
-    segments.push({ name: parts[i], path: segmentPath, isFile });
+    fileSegments.push({ key: `path-${segmentPath}`, name: parts[i], path: segmentPath, isFile });
   }
+  const segments = [...rootSegments, ...fileSegments];
+  const rootCount = rootSegments.length;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-border/50 bg-muted/20 flex items-center gap-1 overflow-x-auto border-b px-3 py-2 text-xs", children: segments.map((segment, i) => {
     const isLast = i === segments.length - 1;
-    const canNavigate = !isLast && entries.some((e) => e.type === "file" && e.path.startsWith(segment.path + "/"));
+    const isRootSegment = i < rootCount;
+    const canNavigate = !isRootSegment && !isLast && entries.some(
+      (e) => e.type === "file" && e.path.startsWith(fileSegments[i - rootCount].path + "/")
+    );
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1", children: [
       i > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "text-muted-foreground/50 h-3 w-3" }),
-      isLast ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-foreground flex items-center gap-1.5", children: [
-        segment.isFile ? isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3.5 w-3.5" }),
+      isRootSegment ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3.5 w-3.5" }),
+        segment.name
+      ] }) : isLast ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-foreground flex items-center gap-1.5", children: [
+        fileSegments[i - rootCount].isFile ? isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3.5 w-3.5" }),
         segment.name
       ] }) : canNavigate ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
           onClick: () => {
             const firstFile = entries.find(
-              (e) => e.type === "file" && e.path.startsWith(segment.path + "/")
+              (e) => e.type === "file" && e.path.startsWith(fileSegments[i - rootCount].path + "/")
             );
             if (firstFile) onNavigate(firstFile.path);
           },
           className: "text-muted-foreground hover:text-foreground flex items-center gap-1.5 transition-colors",
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3.5 w-3.5" }),
-            segment.name
+            fileSegments[i - rootCount].name
           ]
         }
       ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-3.5 w-3.5" }),
-        segment.name
+        fileSegments[i - rootCount].name
       ] })
-    ] }, segment.path);
+    ] }, segment.key);
   }) });
 }
 function FileTabs({
   entries,
   selectedPath,
-  onSelect
+  onSelect,
+  entryActions
 }) {
+  const wrapperRef = reactExports.useRef(null);
+  const [menuAnchor, setMenuAnchor] = reactExports.useState(null);
   const files = entries.filter((e) => e.type === "file");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "scrollbar-thin scrollbar-track-transparent border-border bg-muted/30 flex gap-1 overflow-x-auto rounded-md border p-1", children: files.map((entry) => {
-    const isActive = entry.path === selectedPath;
-    const isMarkdown = entry.path.endsWith(".md");
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => onSelect(entry.path),
-        title: entry.path,
-        className: `flex shrink-0 items-center gap-1.5 rounded px-2.5 py-1.5 text-xs transition-colors ${isActive ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background/50 hover:text-foreground"}`,
-        children: [
-          isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-[120px] truncate", children: getFileName(entry.path) })
-        ]
-      },
-      entry.path
-    );
-  }) });
+  const selectedFile = files.find((entry) => entry.path === selectedPath) ?? files[0] ?? null;
+  const selectedActions = selectedFile && entryActions ? toContextMenuItems(entryActions(selectedFile)) : [];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ContextMenuWrapper,
+    {
+      ref: wrapperRef,
+      className: "border-border bg-muted/30 flex items-stretch overflow-hidden rounded-md border",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "scrollbar-thin scrollbar-track-transparent flex min-w-0 flex-1 gap-1 overflow-x-auto px-1 py-1", children: files.map((entry) => {
+          const isActive = entry.path === selectedPath;
+          const isMarkdown = entry.path.endsWith(".md");
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: () => onSelect(entry.path),
+              title: entry.path,
+              className: `flex shrink-0 items-center gap-1.5 rounded px-2.5 py-1.5 text-xs transition-colors ${isActive ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:bg-background/50 hover:text-foreground"}`,
+              children: [
+                isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-[120px] truncate", children: getFileName(entry.path) })
+              ]
+            },
+            entry.path
+          );
+        }) }),
+        selectedActions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuTargeter, { className: "text-muted-foreground inline-flex items-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "bg-border/80 block w-px self-stretch" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (event) => {
+                setMenuAnchor({
+                  type: "target",
+                  element: event.currentTarget,
+                  placement: "bottom-end"
+                });
+              },
+              className: "text-muted-foreground hover:text-foreground hover:bg-background/80 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded",
+              "aria-label": "Current file actions",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ContextMenu,
+          {
+            open: menuAnchor !== null,
+            items: selectedActions,
+            anchor: menuAnchor,
+            wrapperElement: wrapperRef.current,
+            boundaryElement: wrapperRef.current,
+            onClose: () => setMenuAnchor(null)
+          }
+        )
+      ]
+    }
+  );
 }
 function FileTree({
   entries,
@@ -104852,6 +105312,7 @@ function FileTree({
   entryActions
 }) {
   const [menuState, setMenuState] = reactExports.useState(null);
+  const wrapperRef = reactExports.useRef(null);
   const getIndentLevel = (entry) => {
     const parentPath = getParentPath$1(entry.path);
     if (!parentPath) return 0;
@@ -104862,90 +105323,94 @@ function FileTree({
     }
     return entry.path.split("/").length - 1;
   };
-  const openMenu = (entry, position2, items) => {
-    const mapped = items.map((item) => ({
-      id: item.id,
-      label: item.label,
-      icon: item.icon,
-      disabled: item.disabled,
-      tone: item.tone,
-      onSelect: item.onSelect
-    }));
+  const openMenu = (anchor, items) => {
+    const mapped = toContextMenuItems(items);
     if (mapped.length === 0) return;
-    setMenuState({ entry, items: mapped, position: position2 });
+    setMenuState({ anchor, items: mapped });
   };
   const closeMenu = () => setMenuState(null);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border bg-muted/30 flex h-full flex-col rounded-md border", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/50 text-muted-foreground flex items-center justify-between border-b px-3 py-2 text-xs font-medium", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate", children: headerLabel }),
-      headerActions
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "scrollbar-thin scrollbar-track-transparent flex-1 overflow-y-auto", children: entries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground px-3 py-2 text-xs", children: "No files yet." }) : entries.map((entry) => {
-      const depth = getIndentLevel(entry);
-      const isActive = entry.path === selectedPath;
-      const isFile = entry.type === "file";
-      const actions = entryActions ? entryActions(entry) : [];
-      const showActions = actions.length > 0;
-      const icon = isFile ? entry.path.endsWith(".md") ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-4 w-4 shrink-0" });
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: `group flex w-full items-center gap-2 px-2 py-1 text-sm transition-colors ${isActive ? "bg-primary/10 text-foreground" : isFile ? "text-muted-foreground hover:bg-muted/50 hover:text-foreground" : "text-muted-foreground"}`,
-          onContextMenu: (event) => {
-            if (!showActions) return;
-            event.preventDefault();
-            if (isFile) onSelect(entry.path);
-            openMenu(entry, { x: event.clientX, y: event.clientY }, actions);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "button",
-              {
-                type: "button",
-                disabled: !isFile,
-                onClick: () => isFile && onSelect(entry.path),
-                className: `flex flex-1 items-center gap-2 text-left ${!isFile ? "cursor-default" : ""}`,
-                style: { paddingLeft: 4 + depth * 14 },
-                children: [
-                  icon,
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `truncate ${!isFile ? "text-foreground font-medium" : ""}`, children: getFileName(entry.path) })
-                ]
-              }
-            ),
-            showActions && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: (event) => {
-                  event.stopPropagation();
-                  const rect = event.currentTarget.getBoundingClientRect();
-                  openMenu(entry, { x: rect.right, y: rect.bottom }, actions);
-                },
-                className: "hover:bg-muted text-muted-foreground flex h-7 w-7 items-center justify-center rounded-md",
-                "aria-label": "File actions",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "h-4 w-4" })
-              }
-            )
-          ]
-        },
-        entry.path
-      );
-    }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ContextMenu,
-      {
-        open: !!menuState,
-        items: menuState?.items ?? [],
-        position: menuState?.position ?? null,
-        onClose: closeMenu
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ContextMenuWrapper,
+    {
+      ref: wrapperRef,
+      className: "border-border bg-muted/30 flex h-full flex-col rounded-md border",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/50 text-muted-foreground flex items-center justify-between border-b px-3 py-2 text-xs font-medium", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate", children: headerLabel }),
+          headerActions
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "scrollbar-thin scrollbar-track-transparent flex-1 overflow-y-auto", children: entries.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground px-3 py-2 text-xs", children: "No files yet." }) : entries.map((entry) => {
+          const depth = getIndentLevel(entry);
+          const isActive = entry.path === selectedPath;
+          const isFile = entry.type === "file";
+          const actions = entryActions ? entryActions(entry) : [];
+          const showActions = actions.length > 0;
+          const icon = isFile ? entry.path.endsWith(".md") ? /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "h-4 w-4 shrink-0" });
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: `group flex w-full items-center gap-2 px-2 py-1 text-sm transition-colors ${isActive ? "bg-primary/10 text-foreground" : isFile ? "text-muted-foreground hover:bg-muted/50 hover:text-foreground" : "text-muted-foreground"}`,
+              onContextMenu: (event) => {
+                if (!showActions) return;
+                event.preventDefault();
+                if (isFile) onSelect(entry.path);
+                openMenu({ type: "point", x: event.clientX, y: event.clientY }, actions);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: !isFile,
+                    onClick: () => isFile && onSelect(entry.path),
+                    className: `flex flex-1 items-center gap-2 text-left ${!isFile ? "cursor-default" : ""}`,
+                    style: { paddingLeft: 4 + depth * 14 },
+                    children: [
+                      icon,
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `truncate ${!isFile ? "text-foreground font-medium" : ""}`, children: getFileName(entry.path) })
+                    ]
+                  }
+                ),
+                showActions && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTargeter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      openMenu(
+                        { type: "target", element: event.currentTarget, placement: "bottom-end" },
+                        actions
+                      );
+                    },
+                    className: "hover:bg-muted text-muted-foreground flex h-7 w-7 items-center justify-center rounded-md",
+                    "aria-label": "File actions",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "h-4 w-4" })
+                  }
+                ) })
+              ]
+            },
+            entry.path
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ContextMenu,
+          {
+            open: !!menuState,
+            items: menuState?.items ?? [],
+            anchor: menuState?.anchor ?? null,
+            boundaryElement: wrapperRef.current,
+            onClose: closeMenu
+          }
+        )
+      ]
+    }
+  );
 }
 function FileExplorer({
   entries,
   selectedPath,
   onSelect,
+  breadcrumbRoot,
   headerLabel = "Files",
   headerActions,
   entryActions,
@@ -104960,7 +105425,15 @@ function FileExplorer({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "@container-[size] h-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: layoutStyles }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "fev-layout", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fev-sidebar-tabs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(FileTabs, { entries: sortedEntries, selectedPath, onSelect }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fev-sidebar-tabs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FileTabs,
+        {
+          entries: sortedEntries,
+          selectedPath,
+          onSelect,
+          entryActions
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fev-sidebar-tree", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         FileTree,
         {
@@ -104973,7 +105446,15 @@ function FileExplorer({
         }
       ) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fev-editor-wrapper border-border bg-background overflow-hidden rounded-md border shadow-sm", children: activeFile ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { path: activeFile.path, entries: sortedEntries, onNavigate: onSelect }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Breadcrumb,
+          {
+            path: activeFile.path,
+            rootPath: breadcrumbRoot,
+            entries: sortedEntries,
+            onNavigate: onSelect
+          }
+        ),
         renderEditor(activeFile)
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center", children: sortedEntries.length > 0 ? "Select a file to view" : emptyState ?? "No files found." }) })
     ] })
@@ -105421,7 +105902,7 @@ function useOpsxTemplateContentsSubscription(schema2) {
   );
   return useSubscription(
     subscribe2,
-    () => getOpsxTemplateContents(),
+    () => getOpsxTemplateContents(schema2),
     [schema2],
     `opsx.subscribeTemplateContents:${schema2 ?? ""}`
   );
@@ -105962,11 +106443,10 @@ function Config() {
   const [createEntryParent, setCreateEntryParent] = reactExports.useState(null);
   const [createEntryName, setCreateEntryName] = reactExports.useState("");
   const [activeEntry, setActiveEntry] = reactExports.useState(null);
-  const [headerMenuPosition, setHeaderMenuPosition] = reactExports.useState(
-    null
-  );
-  const [fileMenuPosition, setFileMenuPosition] = reactExports.useState(null);
-  const [viewMenuPosition, setViewMenuPosition] = reactExports.useState(null);
+  const [headerMenuAnchor, setHeaderMenuAnchor] = reactExports.useState(null);
+  const [fileMenuAnchor, setFileMenuAnchor] = reactExports.useState(null);
+  const [viewMenuAnchor, setViewMenuAnchor] = reactExports.useState(null);
+  const schemaMenuWrapperRef = reactExports.useRef(null);
   const [schemaEditorWrap, setSchemaEditorWrap] = reactExports.useState(true);
   const [newSchemaName, setNewSchemaName] = reactExports.useState("");
   const [newSchemaMode, setNewSchemaMode] = reactExports.useState("init");
@@ -106047,9 +106527,9 @@ function Config() {
     setDirtyFiles({});
     setSchemaEntryError(null);
     setActiveEntry(null);
-    setHeaderMenuPosition(null);
-    setFileMenuPosition(null);
-    setViewMenuPosition(null);
+    setHeaderMenuAnchor(null);
+    setFileMenuAnchor(null);
+    setViewMenuAnchor(null);
   }, [selectedSchema]);
   reactExports.useEffect(() => {
     if (!schemaFiles || schemaFiles.length === 0) {
@@ -106142,14 +106622,20 @@ function Config() {
     const isRoot = activeEntry.path === "/";
     const childCount = activeEntry.type === "directory" ? isRoot ? schemaEntries.length : schemaEntries.filter((entry) => entry.path.startsWith(activeEntry.path + "/")).length : void 0;
     return {
-      path: isRoot ? schemaResolution?.path ?? "/" : activeEntry.path,
+      path: isRoot ? schemaResolution?.displayPath ?? schemaResolution?.path ?? "/" : activeEntry.path,
       type: activeEntry.type,
       source: schemaResolution?.source ?? "unknown",
       sizeBytes,
       childCount
     };
   }, [activeEntry, schemaEntries, schemaResolution]);
-  const schemaRootLabel = schemaResolution?.path ?? "Schema root";
+  const schemaRootLabel = reactExports.useMemo(() => {
+    if (schemaResolution?.displayPath) return schemaResolution.displayPath;
+    if (schemaResolution?.path) {
+      return toOpsxDisplayPath(schemaResolution.path, { source: schemaResolution.source });
+    }
+    return "project:openspec/schemas";
+  }, [schemaResolution]);
   const schemaRootEntry = reactExports.useMemo(() => ({ path: "/", type: "directory" }), []);
   const saveConfigMutation = useMutation({
     mutationFn: async () => {
@@ -106553,11 +107039,12 @@ function Config() {
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "truncate", children: [
                     "Path: ",
-                    schemaResolution.path
+                    schemaResolution.displayPath ?? schemaResolution.path
                   ] }),
                   schemaResolution.shadows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    "Shadows: ",
-                    schemaResolution.shadows.map((s) => s.source).join(", ")
+                    "Shadows:",
+                    " ",
+                    schemaResolution.shadows.map((s) => `${s.source}(${s.displayPath ?? s.path})`).join(", ")
                   ] })
                 ] })
               ] }),
@@ -106574,6 +107061,7 @@ function Config() {
                   const rawArtifact = rawArtifactMap.get(artifact.id);
                   const templateInfo = templateContents?.[artifact.id] ?? (templates?.[artifact.id] ? { ...templates[artifact.id], content: null } : null);
                   const templatePath = templateInfo?.path ?? (typeof rawArtifact?.template === "string" ? rawArtifact.template : void 0);
+                  const templateDisplayPath = templateInfo?.displayPath ?? templatePath ?? null;
                   const draftTemplateContent = templatePath !== void 0 ? draftByPath.get(templatePath) : void 0;
                   const templateBody = draftTemplateContent !== void 0 ? draftTemplateContent : templateInfo ? templateInfo.content : null;
                   const rawKnownFields = [
@@ -106632,7 +107120,7 @@ function Config() {
                         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide", children: "Template" }),
                         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground pl-4 text-xs", children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mr-1", children: "Template:" }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "bg-muted rounded px-1", children: templatePath }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "bg-muted rounded px-1", children: templateDisplayPath }),
                           templateInfo?.source ? ` (${templateInfo.source})` : null
                         ] }),
                         templateBody !== null && templateBody !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-muted/30 rounded-lg p-4 [zoom:0.86]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -106662,7 +107150,7 @@ function Config() {
             ] });
           }
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full space-y-4", children: [
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuWrapper, { ref: schemaMenuWrapperRef, className: "h-full space-y-4", children: [
         schemaFilesError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-destructive text-xs", children: [
           "Failed to load schema files: ",
           schemaFilesError.message
@@ -106673,6 +107161,7 @@ function Config() {
             entries: schemaEntries,
             selectedPath: selectedSchemaPath,
             onSelect: setSelectedSchemaPath,
+            breadcrumbRoot: schemaRootLabel,
             headerLabel: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "uppercase tracking-wide", children: "Files" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -106684,42 +107173,50 @@ function Config() {
                 }
               )
             ] }),
-            headerActions: headerMenuItems.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            headerActions: headerMenuItems.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTargeter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 type: "button",
                 onClick: (event) => {
-                  const rect = event.currentTarget.getBoundingClientRect();
-                  setFileMenuPosition(null);
-                  setViewMenuPosition(null);
-                  setHeaderMenuPosition({ x: rect.right, y: rect.bottom });
+                  setFileMenuAnchor(null);
+                  setViewMenuAnchor(null);
+                  setHeaderMenuAnchor({
+                    type: "target",
+                    element: event.currentTarget,
+                    placement: "bottom-end"
+                  });
                 },
                 className: "hover:bg-muted rounded-md p-1",
                 "aria-label": "Schema menu",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "h-4 w-4" })
               }
-            ) : void 0,
-            entryActions: schemaMode === "edit" && canManageEntries ? (entry) => {
+            ) }) : void 0,
+            entryActions: (entry) => {
+              const propertiesAction = {
+                id: "properties",
+                label: "Properties",
+                icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Info$1, { className: "h-3.5 w-3.5" }),
+                onSelect: () => handleOpenEntryInfo(entry)
+              };
+              if (schemaMode !== "edit" || !canManageEntries) {
+                return [propertiesAction];
+              }
               const parent = entry.type === "directory" ? entry.path : getParentPath(entry.path);
+              const isDirectory = entry.type === "directory";
               return [
                 {
                   id: "new-file",
-                  label: "New file",
+                  label: isDirectory ? "New file inside" : "New sibling file",
                   icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, { className: "h-3.5 w-3.5" }),
                   onSelect: () => handleOpenCreateEntry("file", parent)
                 },
                 {
                   id: "new-folder",
-                  label: "New folder",
+                  label: isDirectory ? "New folder inside" : "New sibling folder",
                   icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "h-3.5 w-3.5" }),
                   onSelect: () => handleOpenCreateEntry("directory", parent)
                 },
-                {
-                  id: "properties",
-                  label: "Properties",
-                  icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Info$1, { className: "h-3.5 w-3.5" }),
-                  onSelect: () => handleOpenEntryInfo(entry)
-                },
+                propertiesAction,
                 {
                   id: "delete",
                   label: "Delete",
@@ -106728,39 +107225,45 @@ function Config() {
                   onSelect: () => handleOpenDeleteEntry(entry)
                 }
               ];
-            } : void 0,
+            },
             emptyState: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "No files found for this schema." }),
             renderEditor: (activeFile) => activeFile ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
               schemaMode === "edit" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/50 flex items-center justify-between border-b px-3 py-2 text-xs", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTargeter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
                       type: "button",
                       onClick: (event) => {
-                        const rect = event.currentTarget.getBoundingClientRect();
-                        setHeaderMenuPosition(null);
-                        setViewMenuPosition(null);
-                        setFileMenuPosition({ x: rect.left, y: rect.bottom });
+                        setHeaderMenuAnchor(null);
+                        setViewMenuAnchor(null);
+                        setFileMenuAnchor({
+                          type: "target",
+                          element: event.currentTarget,
+                          placement: "bottom-start"
+                        });
                       },
                       className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
                       children: "File"
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTargeter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
                       type: "button",
                       onClick: (event) => {
-                        const rect = event.currentTarget.getBoundingClientRect();
-                        setHeaderMenuPosition(null);
-                        setFileMenuPosition(null);
-                        setViewMenuPosition({ x: rect.left, y: rect.bottom });
+                        setHeaderMenuAnchor(null);
+                        setFileMenuAnchor(null);
+                        setViewMenuAnchor({
+                          type: "target",
+                          element: event.currentTarget,
+                          placement: "bottom-start"
+                        });
                       },
                       className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
                       children: "View"
                     }
-                  )
+                  ) })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -106807,28 +107310,31 @@ function Config() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ContextMenu,
           {
-            open: !!headerMenuPosition,
+            open: !!headerMenuAnchor,
             items: headerMenuItems,
-            position: headerMenuPosition,
-            onClose: () => setHeaderMenuPosition(null)
+            anchor: headerMenuAnchor,
+            boundaryElement: schemaMenuWrapperRef.current,
+            onClose: () => setHeaderMenuAnchor(null)
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ContextMenu,
           {
-            open: !!fileMenuPosition,
+            open: !!fileMenuAnchor,
             items: fileMenuItems,
-            position: fileMenuPosition,
-            onClose: () => setFileMenuPosition(null)
+            anchor: fileMenuAnchor,
+            boundaryElement: schemaMenuWrapperRef.current,
+            onClose: () => setFileMenuAnchor(null)
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ContextMenu,
           {
-            open: !!viewMenuPosition,
+            open: !!viewMenuAnchor,
             items: viewMenuItems,
-            position: viewMenuPosition,
-            onClose: () => setViewMenuPosition(null)
+            anchor: viewMenuAnchor,
+            boundaryElement: schemaMenuWrapperRef.current,
+            onClose: () => setViewMenuAnchor(null)
           }
         )
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground text-sm", children: "Select a schema to view details." })
@@ -107552,6 +108058,9 @@ function formatArtifactLabel(id2) {
   if (!id2) return "Unknown";
   return id2.split(/[-_]/g).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
+function isHttpUrl(value) {
+  return /^https?:\/\//.test(value);
+}
 function sortArtifactIdsForSchema(schemaName, artifactIds) {
   if (schemaName !== "spec-driven") return artifactIds;
   const rank = /* @__PURE__ */ new Map();
@@ -107761,6 +108270,8 @@ function Dashboard() {
     defaultBranch: "main",
     worktrees: []
   };
+  const staticMode = isStaticMode();
+  const showGitSnapshot = !staticMode || git.worktrees.some((worktree) => worktree.entries.length > 0);
   const hasChanges = activeChanges.length > 0;
   const currentWorktree = git.worktrees.find((worktree) => worktree.isCurrent) ?? null;
   const otherWorktrees = git.worktrees.filter((worktree) => !worktree.isCurrent);
@@ -107792,7 +108303,7 @@ function Dashboard() {
       }
     )
   ] });
-  const renderExecutionSnapshot = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-w-0 gap-3 xl:grid-cols-2", children: [
+  const renderExecutionSnapshot = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `grid min-w-0 gap-3 ${showGitSnapshot ? "xl:grid-cols-2" : "xl:grid-cols-1"}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "@container min-w-0 space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-medium", children: "Workflow Progress" }),
@@ -107860,7 +108371,7 @@ function Dashboard() {
         schema2.schemaName
       )) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "min-w-0 space-y-2", children: [
+    showGitSnapshot ? /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "min-w-0 space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-medium", children: "Git Snapshot" }),
@@ -107869,7 +108380,7 @@ function Dashboard() {
             git.defaultBranch
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        !staticMode ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             type: "button",
@@ -107888,7 +108399,7 @@ function Dashboard() {
               "Refresh"
             ]
           }
-        )
+        ) : null
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/80 min-w-0 rounded-lg border p-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex items-center gap-1.5", children: [
@@ -107913,7 +108424,7 @@ function Dashboard() {
           otherWorktrees.map((worktree) => /* @__PURE__ */ jsxRuntimeExports.jsx(WorktreeRow, { worktree, emphasize: false }, worktree.path))
         ] })
       ] })
-    ] })
+    ] }) : null
   ] });
   const renderSpecificationsSection = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "border-border min-w-0 rounded-lg border", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border flex flex-wrap items-center justify-between gap-1.5 border-b px-4 py-3", children: [
@@ -108085,6 +108596,7 @@ function WorktreeRow({
   worktree,
   emphasize
 }) {
+  const pathLabel = isHttpUrl(worktree.path) ? worktree.path : `${worktree.relativePath} | ${worktree.path}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -108095,11 +108607,7 @@ function WorktreeRow({
             /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-3.5 w-3.5" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: worktree.branchName })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground truncate text-xs", children: [
-            worktree.relativePath,
-            " | ",
-            worktree.path
-          ] })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground truncate text-xs", children: pathLabel })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 text-right", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(GitAheadBehindBadge, { ahead: worktree.ahead, behind: worktree.behind }),