@openspecui/web 2.0.1 → 2.1.1

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

@@ -36081,6 +36081,43 @@ function requireServer_node() {
   return server_node;
 }
 var server_nodeExports = requireServer_node();
+const HOSTED_VERSION_PATH_RE = /^\/versions\/[^/]+(?:\/|$)/;
+function normalizeApiBaseUrl(input) {
+  const trimmed = input.trim();
+  if (!trimmed) return null;
+  let url;
+  try {
+    url = new URL(trimmed);
+  } catch {
+    return null;
+  }
+  url.hash = "";
+  url.search = "";
+  const pathname = url.pathname.replace(/\/+$/, "");
+  url.pathname = pathname.length > 0 ? pathname : "/";
+  return url.toString().replace(/\/$/, url.pathname === "/" ? "" : "");
+}
+function getSearchParam(search2, key2) {
+  const value = new URLSearchParams(search2).get(key2)?.trim();
+  return value ? value : null;
+}
+function isHostedVersionEntryPath(pathname) {
+  return HOSTED_VERSION_PATH_RE.test(pathname);
+}
+function getHostedApiBootstrapState(locationLike) {
+  const hosted = isHostedVersionEntryPath(locationLike.pathname);
+  const apiBaseUrl = normalizeApiBaseUrl(getSearchParam(locationLike.search, "api") ?? "");
+  const sessionId = hosted ? getSearchParam(locationLike.search, "session") : null;
+  return {
+    hosted,
+    apiBaseUrl,
+    sessionId
+  };
+}
+function getHostedScopedStorageKey(baseKey, locationLike) {
+  const state = getHostedApiBootstrapState(locationLike);
+  return state.hosted && state.sessionId ? `hosted-session:${state.sessionId}:${baseKey}` : baseKey;
+}
 let staticModeDetected = null;
 if (typeof window !== "undefined" && window.__OPENSPEC_STATIC_MODE__ === true && true) {
   staticModeDetected = true;
@@ -36136,8 +36173,12 @@ const POP_ROUTES = [
   "/opsx-verify",
   "/opsx-compose"
 ];
-const KV_KEY = "nav-layout";
-const LS_KEY = "nav-layout";
+function getRemoteStorageKey() {
+  return getHostedScopedStorageKey("nav-layout", window.location);
+}
+function getLocalStorageKey() {
+  return getHostedScopedStorageKey("nav-layout", window.location);
+}
 const PERSIST_DEBOUNCE = 300;
 function isTabId(value) {
   return ALL_TABS.includes(value);
@@ -36183,6 +36224,41 @@ function parseHref(href, state) {
     state: toParsedHistoryState(state, key2)
   };
 }
+function normalizeBasePath(basePath) {
+  const trimmed = basePath.trim();
+  if (!trimmed || trimmed === "./" || trimmed === ".") return "/";
+  const withLeadingSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  const normalized = withLeadingSlash.endsWith("/") ? withLeadingSlash : `${withLeadingSlash}/`;
+  return normalized.replace(/\/+/g, "/");
+}
+function stripBasePath(pathname, basePath) {
+  if (basePath === "/") return pathname || "/";
+  if (pathname === basePath.slice(0, -1)) return "/";
+  if (!pathname.startsWith(basePath)) return pathname || "/";
+  const stripped = pathname.slice(basePath.length - 1);
+  return stripped || "/";
+}
+function applyBasePath(pathname, basePath) {
+  if (basePath === "/") return pathname || "/";
+  const normalizedPath = pathname.startsWith("/") ? pathname : `/${pathname}`;
+  if (normalizedPath === "/") return basePath.slice(0, -1) || "/";
+  return `${basePath.slice(0, -1)}${normalizedPath}`;
+}
+function normalizeNavigationHref(href) {
+  if (typeof window === "undefined") return href;
+  const url = new URL(href, window.location.origin);
+  const basePath = normalizeBasePath(getBasePath());
+  url.pathname = stripBasePath(url.pathname, basePath);
+  return `${url.pathname}${url.search}${url.hash}`;
+}
+function preserveHostedSearchParams(target, source) {
+  for (const key2 of ["api", "session"]) {
+    const value = source.searchParams.get(key2);
+    if (value && !target.searchParams.has(key2)) {
+      target.searchParams.set(key2, value);
+    }
+  }
+}
 function pathToTabId(path2) {
   for (const tab2 of ALL_TABS) {
     if (path2 === tab2 || path2.startsWith(tab2 + "/")) {
@@ -36270,6 +36346,8 @@ function normalizeState(state) {
 }
 function parseBrowserLocation(loc, layout) {
   const url = new URL(loc.href);
+  const basePath = normalizeBasePath(getBasePath());
+  url.pathname = stripBasePath(url.pathname, basePath);
   const rawBottomHref = url.searchParams.get("_b");
   const rawPopHref = url.searchParams.get("_p");
   url.searchParams.delete("_b");
@@ -36285,7 +36363,11 @@ function parseBrowserLocation(loc, layout) {
   };
 }
 function buildCanonicalUrl(state) {
+  const currentUrl = new URL(window.location.href);
   const url = new URL(state.mainLocation.href, window.location.origin);
+  const basePath = normalizeBasePath(getBasePath());
+  url.pathname = applyBasePath(url.pathname, basePath);
+  preserveHostedSearchParams(url, currentUrl);
   url.searchParams.delete("_b");
   url.searchParams.delete("_p");
   if (state.bottomTabs.length > 0) {
@@ -36312,7 +36394,7 @@ function createInitialState() {
 }
 function readLocalStorage() {
   try {
-    const raw2 = localStorage.getItem(LS_KEY);
+    const raw2 = localStorage.getItem(getLocalStorageKey());
     if (!raw2) return null;
     return parsePersistedLayout(JSON.parse(raw2));
   } catch {
@@ -36321,7 +36403,7 @@ function readLocalStorage() {
 }
 function writeLocalStorage(layout) {
   try {
-    localStorage.setItem(LS_KEY, JSON.stringify(layout));
+    localStorage.setItem(getLocalStorageKey(), JSON.stringify(layout));
   } catch {
   }
 }
@@ -36615,7 +36697,7 @@ class NavController {
       type: "NAVIGATE",
       sourceArea: area2,
       action: "PUSH",
-      location: parseHref(path2, state)
+      location: parseHref(normalizeNavigationHref(path2), state)
     });
   }
   replace(area2, path2, state) {
@@ -36623,9 +36705,19 @@ class NavController {
       type: "NAVIGATE",
       sourceArea: area2,
       action: "REPLACE",
-      location: parseHref(path2, state)
+      location: parseHref(normalizeNavigationHref(path2), state)
     });
   }
+  createHref(area2, path2, state) {
+    if (typeof window === "undefined") return path2;
+    const { nextState } = this.computeTransition({
+      type: "NAVIGATE",
+      sourceArea: area2,
+      action: "PUSH",
+      location: parseHref(normalizeNavigationHref(path2), state)
+    });
+    return buildCanonicalUrl(nextState);
+  }
   get mainTabs() {
     return this.state.mainTabs;
   }
@@ -36681,13 +36773,15 @@ class NavController {
     this.initialized = true;
     try {
       const { trpcClient: trpcClient2 } = await Promise.resolve().then(() => trpc$1);
-      const remote = parsePersistedLayout(await trpcClient2.kv.get.query({ key: KV_KEY }));
+      const remote = parsePersistedLayout(
+        await trpcClient2.kv.get.query({ key: getRemoteStorageKey() })
+      );
       if (remote) {
         if (remote.updatedAt > this.state.updatedAt) {
           this.dispatch({ type: "APPLY_LAYOUT", layout: remote });
         } else if (this.state.updatedAt > remote.updatedAt) {
           trpcClient2.kv.set.mutate({
-            key: KV_KEY,
+            key: getRemoteStorageKey(),
             value: {
               mainTabs: this.state.mainTabs,
               bottomTabs: this.state.bottomTabs,
@@ -36698,7 +36792,7 @@ class NavController {
         }
       } else if (this.state.updatedAt > 0) {
         trpcClient2.kv.set.mutate({
-          key: KV_KEY,
+          key: getRemoteStorageKey(),
           value: {
             mainTabs: this.state.mainTabs,
             bottomTabs: this.state.bottomTabs,
@@ -36708,7 +36802,7 @@ class NavController {
         });
       }
       const subscription = trpcClient2.kv.subscribe.subscribe(
-        { key: KV_KEY },
+        { key: getRemoteStorageKey() },
         {
           onData: (data2) => {
             const incoming = parsePersistedLayout(data2);
@@ -36740,6 +36834,15 @@ class NavController {
       popLocation: parsed.pop
     });
   };
+  computeTransition(event) {
+    const transition = reduceKernel(this.state, event);
+    if (!transition.changed) {
+      return { transition, nextState: this.state };
+    }
+    let nextState = applyBehaviorPlugins(this.state, transition.nextState, event);
+    nextState = normalizeState(nextState);
+    return { transition, nextState };
+  }
   dispatch(event) {
     if (typeof window !== "undefined" && event.type !== "POPSTATE" && this.mainHistory == null) {
       const parsed = parseBrowserLocation(window.location, this.state);
@@ -36830,7 +36933,7 @@ class NavController {
       this.persistTimer = null;
       Promise.resolve().then(() => trpc$1).then(
         ({ trpcClient: trpcClient2 }) => trpcClient2.kv.set.mutate({
-          key: KV_KEY,
+          key: getRemoteStorageKey(),
           value: {
             mainTabs: this.state.mainTabs,
             bottomTabs: this.state.bottomTabs,
@@ -36930,23 +37033,23 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = `${iconName}`;
   return Component;
 };
-const __iconNode$R = [
+const __iconNode$S = [
   ["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$R);
-const __iconNode$Q = [
+const Archive = createLucideIcon("Archive", __iconNode$S);
+const __iconNode$R = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("ArrowLeft", __iconNode$Q);
-const __iconNode$P = [
+const ArrowLeft = createLucideIcon("ArrowLeft", __iconNode$R);
+const __iconNode$Q = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("ArrowRight", __iconNode$P);
-const __iconNode$O = [
+const ArrowRight = createLucideIcon("ArrowRight", __iconNode$Q);
+const __iconNode$P = [
   [
     "path",
     {
@@ -36956,68 +37059,79 @@ const __iconNode$O = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
 ];
-const Camera = createLucideIcon("Camera", __iconNode$O);
-const __iconNode$N = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("Check", __iconNode$N);
-const __iconNode$M = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("ChevronDown", __iconNode$M);
-const __iconNode$L = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("ChevronRight", __iconNode$L);
-const __iconNode$K = [
+const Camera = createLucideIcon("Camera", __iconNode$P);
+const __iconNode$O = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("Check", __iconNode$O);
+const __iconNode$N = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("ChevronDown", __iconNode$N);
+const __iconNode$M = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("ChevronRight", __iconNode$M);
+const __iconNode$L = [
   ["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$K);
-const __iconNode$J = [
+const CircleAlert = createLucideIcon("CircleAlert", __iconNode$L);
+const __iconNode$K = [
   ["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$J);
-const __iconNode$I = [
+const CircleCheckBig = createLucideIcon("CircleCheckBig", __iconNode$K);
+const __iconNode$J = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("CircleCheck", __iconNode$I);
-const __iconNode$H = [
+const CircleCheck = createLucideIcon("CircleCheck", __iconNode$J);
+const __iconNode$I = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("CircleX", __iconNode$H);
-const __iconNode$G = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle$1 = createLucideIcon("Circle", __iconNode$G);
-const __iconNode$F = [
+const CircleX = createLucideIcon("CircleX", __iconNode$I);
+const __iconNode$H = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle$1 = createLucideIcon("Circle", __iconNode$H);
+const __iconNode$G = [
   ["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$F);
-const __iconNode$E = [
+const Copy = createLucideIcon("Copy", __iconNode$G);
+const __iconNode$F = [
   ["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$E);
-const __iconNode$D = [
+const EllipsisVertical = createLucideIcon("EllipsisVertical", __iconNode$F);
+const __iconNode$E = [
   ["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$D);
-const __iconNode$C = [
+const FilePlus = createLucideIcon("FilePlus", __iconNode$E);
+const __iconNode$D = [
   ["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$C);
-const __iconNode$B = [
+const FileText = createLucideIcon("FileText", __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" }]
 ];
-const File = createLucideIcon("File", __iconNode$B);
+const File = createLucideIcon("File", __iconNode$C);
+const __iconNode$B = [
+  [
+    "path",
+    {
+      d: "m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2",
+      key: "1nmvlm"
+    }
+  ],
+  ["circle", { cx: "14", cy: "15", r: "1", key: "1gm4qj" }]
+];
+const FolderOpenDot = createLucideIcon("FolderOpenDot", __iconNode$B);
 const __iconNode$A = [
   [
     "path",
@@ -37356,7 +37470,7 @@ const navItems = allNavItems.filter(
 );
 const mobileNavItems = allNavItems.filter((i3) => i3.to !== "/settings");
 const settingsItem = allNavItems.find((i3) => i3.to === "/settings");
-let _draggedTabId = null;
+let _draggedTabId$1 = null;
 function AreaNav({ area: area2, tabs, className, useLinks, onNavigate }) {
   const [dragOverArea, setDragOverArea] = reactExports.useState(false);
   const [dropIndicator, setDropIndicator] = reactExports.useState(null);
@@ -37374,12 +37488,12 @@ function AreaNav({ area: area2, tabs, className, useLinks, onNavigate }) {
   );
   const handleDragStart = reactExports.useCallback((e2, tabId) => {
     if (!e2.dataTransfer) return;
-    _draggedTabId = tabId;
+    _draggedTabId$1 = tabId;
     e2.dataTransfer.setData("text/plain", tabId);
     e2.dataTransfer.effectAllowed = "move";
   }, []);
   const handleDragEnd = reactExports.useCallback(() => {
-    _draggedTabId = null;
+    _draggedTabId$1 = null;
   }, []);
   const handleAreaDragOver = reactExports.useCallback((e2) => {
     e2.preventDefault();
@@ -37400,7 +37514,7 @@ function AreaNav({ area: area2, tabs, className, useLinks, onNavigate }) {
       e2.preventDefault();
       e2.stopPropagation();
       e2.dataTransfer.dropEffect = "move";
-      if (tabs[index2] === _draggedTabId) {
+      if (tabs[index2] === _draggedTabId$1) {
         updateIndicator(null);
         return;
       }
@@ -37419,7 +37533,7 @@ function AreaNav({ area: area2, tabs, className, useLinks, onNavigate }) {
       const indicator = dropIndicatorRef.current;
       setDragOverArea(false);
       updateIndicator(null);
-      _draggedTabId = null;
+      _draggedTabId$1 = null;
       if (!tabId) return;
       const isFromThisArea = tabs.includes(tabId);
       const targetTab = indicator != null ? tabs[indicator.index] : void 0;
@@ -39831,18 +39945,23 @@ function createTRPCOptionsProxy(opts) {
 function isBrowser$1() {
   return typeof window !== "undefined" && typeof window.location !== "undefined";
 }
+function getHostedApiState() {
+  if (!isBrowser$1()) {
+    return {
+      hosted: false,
+      apiBaseUrl: null,
+      sessionId: null
+    };
+  }
+  return getHostedApiBootstrapState(window.location);
+}
 function getApiBaseUrl() {
   if (!isBrowser$1()) {
     return "";
   }
-  const params = new URLSearchParams(window.location.search);
-  const apiUrl = params.get("api");
-  if (apiUrl) {
-    return apiUrl.replace(/\/$/, "");
-  }
-  return "";
+  return getHostedApiState().apiBaseUrl ?? "";
 }
-function getWsUrl() {
+function buildWebSocketUrl(pathname) {
   if (!isBrowser$1()) {
     return "";
   }
@@ -39850,10 +39969,13 @@ function getWsUrl() {
   if (baseUrl) {
     const url = new URL(baseUrl);
     const wsProtocol = url.protocol === "https:" ? "wss:" : "ws:";
-    return `${wsProtocol}//${url.host}/trpc`;
+    return `${wsProtocol}//${url.host}${pathname}`;
   }
   const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-  return `${protocol}//${window.location.host}/trpc`;
+  return `${protocol}//${window.location.host}${pathname}`;
+}
+function getWsUrl() {
+  return buildWebSocketUrl("/trpc");
 }
 function getTrpcUrl() {
   const baseUrl = getApiBaseUrl();
@@ -47850,6 +47972,7 @@ function buildStaticGitSnapshot(snapshot) {
         path: repositoryUrl ?? "Repository URL unavailable",
         relativePath: "repo",
         branchName: "(snapshot)",
+        detached: false,
         isCurrent: true,
         ahead: 0,
         behind: 0,
@@ -48130,6 +48253,7 @@ async function getConfig$1() {
     codeEditor: {
       theme: "github"
     },
+    appBaseUrl: "",
     dashboard: {
       trendPointLimit: 100
     },
@@ -72333,6 +72457,7 @@ const viewerStyles = css$2`
     }
   }
 `;
+let _draggedTabId = null;
 const tabsStyle = (id2) => {
   const css2 = String.raw;
   const anchorName = `--tabs-button-${id2}`;
@@ -72356,7 +72481,11 @@ const tabsStyle = (id2) => {
               & > button {
                 scroll-snap-align: start;
                 text-align: center;
-                &.tab-selected {
+              }
+            }
+            &[data-tabs-variant='default'] {
+              .tabs-button {
+                & > button.tab-selected {
                   background-image: linear-gradient(
                     to bottom,
                     transparent,
@@ -72402,79 +72531,236 @@ const tabsStyle = (id2) => {
           }
         ` });
 };
+function buildReorderedTabIds(currentTabIds, draggedTabId, targetTabId, position2) {
+  if (draggedTabId === targetTabId) {
+    return [...currentTabIds];
+  }
+  const remaining = currentTabIds.filter((tabId) => tabId !== draggedTabId);
+  const targetIndex = remaining.indexOf(targetTabId);
+  if (targetIndex < 0) {
+    return [...currentTabIds];
+  }
+  const insertIndex = position2 === "before" ? targetIndex : targetIndex + 1;
+  remaining.splice(insertIndex, 0, draggedTabId);
+  return remaining;
+}
+function buildStableContentTabIds(previousTabIds, currentTabIds) {
+  const currentTabIdSet = new Set(currentTabIds);
+  const retained = previousTabIds.filter((tabId) => currentTabIdSet.has(tabId));
+  const additions = currentTabIds.filter((tabId) => !retained.includes(tabId));
+  return [...retained, ...additions];
+}
 function Tabs({
   tabs,
   selectedTab: controlled,
   onTabChange,
   onTabClose,
+  onTabOrderChange,
   actions,
   onTabBarDoubleClick,
-  className = ""
+  className = "",
+  variant = "default"
 }) {
   const [uncontrolled, setUncontrolled] = reactExports.useState(tabs[0]?.id ?? "");
+  const [dropIndicator, setDropIndicator] = reactExports.useState(null);
+  const dropIndicatorRef = reactExports.useRef(null);
+  const contentOrderRef = reactExports.useRef(tabs.map((tab2) => tab2.id));
   const activeTab = controlled ?? uncontrolled;
+  const reorderable = typeof onTabOrderChange === "function" && tabs.length > 1;
+  const tabIds = tabs.map((tab2) => tab2.id);
+  const tabsById = reactExports.useMemo(() => new Map(tabs.map((tab2) => [tab2.id, tab2])), [tabs]);
+  const contentTabIds = reactExports.useMemo(() => {
+    const nextOrder = buildStableContentTabIds(contentOrderRef.current, tabIds);
+    contentOrderRef.current = nextOrder;
+    return nextOrder;
+  }, [tabIds]);
+  const contentTabs = contentTabIds.map((tabId) => tabsById.get(tabId)).filter((tab2) => tab2 !== void 0);
+  const id2 = reactExports.useId();
+  const style = reactExports.useMemo(() => tabsStyle(id2), [id2]);
   const handleChange = (id22) => {
     if (!controlled) {
       setUncontrolled(id22);
     }
     onTabChange?.(id22);
   };
+  const updateIndicator = reactExports.useCallback((indicator) => {
+    dropIndicatorRef.current = indicator;
+    setDropIndicator(indicator);
+  }, []);
+  const resetDragState = reactExports.useCallback(() => {
+    _draggedTabId = null;
+    updateIndicator(null);
+  }, [updateIndicator]);
+  const commitReorder = reactExports.useCallback(
+    (targetTabId, position2) => {
+      if (!reorderable || !_draggedTabId) {
+        return;
+      }
+      const nextTabIds = buildReorderedTabIds(tabIds, _draggedTabId, targetTabId, position2);
+      const changed = nextTabIds.some((tabId, index2) => tabId !== tabIds[index2]);
+      if (changed) {
+        onTabOrderChange?.(nextTabIds);
+      }
+    },
+    [onTabOrderChange, reorderable, tabIds]
+  );
+  const handleDragStart = reactExports.useCallback(
+    (event, tabId) => {
+      if (!reorderable || !event.dataTransfer) {
+        return;
+      }
+      _draggedTabId = tabId;
+      event.dataTransfer.setData("text/plain", tabId);
+      event.dataTransfer.effectAllowed = "move";
+    },
+    [reorderable]
+  );
+  const handleDragEnd = reactExports.useCallback(() => {
+    resetDragState();
+  }, [resetDragState]);
+  const handleItemDragOver = reactExports.useCallback(
+    (event, tabId) => {
+      if (!reorderable || !_draggedTabId) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      event.dataTransfer.dropEffect = "move";
+      if (tabId === _draggedTabId) {
+        updateIndicator(null);
+        return;
+      }
+      const rect = event.currentTarget.getBoundingClientRect();
+      const midX = rect.left + rect.width / 2;
+      const position2 = event.clientX < midX ? "before" : "after";
+      updateIndicator({ tabId, position: position2 });
+    },
+    [reorderable, updateIndicator]
+  );
+  const handleItemDrop = reactExports.useCallback(
+    (event, tabId) => {
+      if (!reorderable) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      const indicator = dropIndicatorRef.current;
+      commitReorder(tabId, indicator?.tabId === tabId ? indicator.position : "after");
+      resetDragState();
+    },
+    [commitReorder, reorderable, resetDragState]
+  );
+  const handleListDrop = reactExports.useCallback(
+    (event) => {
+      if (!reorderable) {
+        return;
+      }
+      event.preventDefault();
+      if (_draggedTabId && dropIndicatorRef.current === null) {
+        const remaining = tabIds.filter((tabId) => tabId !== _draggedTabId);
+        remaining.push(_draggedTabId);
+        const changed = remaining.some((tabId, index2) => tabId !== tabIds[index2]);
+        if (changed) {
+          onTabOrderChange?.(remaining);
+        }
+      }
+      resetDragState();
+    },
+    [onTabOrderChange, reorderable, resetDragState, tabIds]
+  );
+  const handleListDragOver = reactExports.useCallback(
+    (event) => {
+      if (!reorderable || !_draggedTabId) {
+        return;
+      }
+      event.preventDefault();
+      event.dataTransfer.dropEffect = "move";
+    },
+    [reorderable]
+  );
   if (tabs.length === 0) return null;
-  const id2 = reactExports.useId();
-  const style = reactExports.useMemo(() => tabsStyle(id2), [id2]);
-  const handleTabBarDoubleClick = (e2) => {
+  const headerClassName = variant === "terminal" ? "tabs-header z-2 bg-terminal text-terminal-foreground sticky top-0 flex min-w-0 items-stretch" : "tabs-header z-2 bg-background sticky top-0 flex min-w-0 items-stretch";
+  const stripClassName = variant === "terminal" ? "tabs-strip min-w-0 flex-1 bg-terminal px-4" : "tabs-strip min-w-0 flex-1 px-4";
+  const listClassName = variant === "terminal" ? "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto pt-2" : "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto";
+  const buttonBaseClassName = `group relative m-0 flex h-full shrink-0 items-center gap-2 px-2 text-sm font-medium transition-colors ${variant === "terminal" ? "rounded-t-[8px] py-1" : "py-2"}`;
+  const activeButtonClassName = variant === "terminal" ? "tab-selected bg-background text-foreground" : "tab-selected text-foreground";
+  const inactiveButtonClassName = variant === "terminal" ? "bg-terminal text-terminal-foreground/80 hover:bg-terminal hover:text-terminal-foreground" : "text-muted-foreground hover:text-foreground";
+  const actionsClassName = variant === "terminal" ? "tabs-actions border-border bg-terminal text-terminal-foreground flex shrink-0 items-center border-b px-1" : "tabs-actions border-border bg-background flex shrink-0 items-center border-b px-1";
+  const handleTabBarDoubleClick = (event) => {
     if (!onTabBarDoubleClick) return;
-    if (e2.target.closest('[data-tab-item="true"]')) return;
+    if (event.target.closest('[data-tab-item="true"]')) return;
     onTabBarDoubleClick();
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: id2, className: `flex min-h-0 min-w-0 flex-1 flex-col ${className}`, children: [
-    style,
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "z-2 bg-background sticky top-0 flex min-w-0 items-stretch", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "tabs-strip min-w-0 flex-1 px-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto",
-          onDoubleClick: handleTabBarDoubleClick,
-          children: tabs.map((tab2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      id: id2,
+      "data-tabs-variant": variant,
+      className: `flex min-h-0 min-w-0 flex-1 flex-col ${className}`,
+      children: [
+        style,
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: headerClassName, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: stripClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
             {
-              "data-tab-item": "true",
-              onClick: () => handleChange(tab2.id),
-              className: `m-0 flex h-full shrink-0 items-center gap-2 px-2 py-2 text-sm font-medium transition-colors ${activeTab === tab2.id ? "tab-selected text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-              children: [
-                tab2.icon,
-                tab2.label,
-                tab2.closable && onTabClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "span",
+              className: listClassName,
+              onDoubleClick: handleTabBarDoubleClick,
+              onDragOver: handleListDragOver,
+              onDrop: handleListDrop,
+              children: tabs.map((tab2) => {
+                const dragIndicatorStyle = dropIndicator?.tabId === tab2.id ? {
+                  boxShadow: dropIndicator.position === "before" ? "inset 2px 0 0 var(--border)" : "inset -2px 0 0 var(--border)"
+                } : void 0;
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
                   {
-                    role: "button",
-                    tabIndex: 0,
-                    onClick: (e2) => {
-                      e2.stopPropagation();
-                      onTabClose(tab2.id);
-                    },
-                    onKeyDown: (e2) => {
-                      if (e2.key === "Enter" || e2.key === " ") {
-                        e2.stopPropagation();
-                        onTabClose(tab2.id);
-                      }
-                    },
-                    className: `text-muted-foreground hover:text-foreground -mr-1 rounded p-0.5 transition ${tab2.closeButtonVisibility === "always" ? "opacity-100" : "opacity-0 group-hover:opacity-100 [button:hover>&]:opacity-100"}`,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { className: "h-3 w-3" })
-                  }
-                )
-              ]
-            },
-            tab2.id
-          ))
-        }
-      ) }),
-      actions && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-border bg-background flex shrink-0 items-center border-b px-1", children: actions })
-    ] }),
-    tabs.map(
-      (tab2) => tab2.unmountOnHide ? activeTab === tab2.id && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: tab2.content }, tab2.id) : /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Activity, { mode: activeTab === tab2.id ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: tab2.content }) }, tab2.id)
-    )
-  ] });
+                    "data-tab-item": "true",
+                    draggable: reorderable,
+                    onClick: () => handleChange(tab2.id),
+                    onDragStart: (event) => handleDragStart(event, tab2.id),
+                    onDragEnd: handleDragEnd,
+                    onDragOver: (event) => handleItemDragOver(event, tab2.id),
+                    onDrop: (event) => handleItemDrop(event, tab2.id),
+                    className: `${buttonBaseClassName} ${activeTab === tab2.id ? activeButtonClassName : inactiveButtonClassName} ${reorderable ? "cursor-grab active:cursor-grabbing" : ""}`,
+                    style: dragIndicatorStyle,
+                    children: [
+                      tab2.icon,
+                      tab2.label,
+                      tab2.closable && onTabClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "span",
+                        {
+                          role: "button",
+                          tabIndex: 0,
+                          onClick: (event) => {
+                            event.stopPropagation();
+                            onTabClose(tab2.id);
+                          },
+                          onKeyDown: (event) => {
+                            if (event.key === "Enter" || event.key === " ") {
+                              event.stopPropagation();
+                              onTabClose(tab2.id);
+                            }
+                          },
+                          draggable: false,
+                          className: `hover:text-foreground -mr-1 rounded p-0.5 transition ${tab2.closeButtonVisibility === "always" ? "opacity-100" : "opacity-0 group-hover:opacity-100 [button:hover>&]:opacity-100"} ${activeTab === tab2.id ? "text-current/80" : "text-muted-foreground"}`,
+                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$2, { className: "h-3 w-3" })
+                        }
+                      )
+                    ]
+                  },
+                  tab2.id
+                );
+              })
+            }
+          ) }),
+          actions && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-tabs-actions": "true", className: actionsClassName, children: actions })
+        ] }),
+        contentTabs.map(
+          (tab2) => tab2.unmountOnHide ? activeTab === tab2.id && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: tab2.content }, tab2.id) : /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Activity, { mode: activeTab === tab2.id ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: tab2.content }) }, tab2.id)
+        )
+      ]
+    }
+  );
 }
 function operationBadgeClass(operation) {
   switch (operation) {
@@ -111812,14 +112098,17 @@ function ButtonGroup({
   value,
   options,
   onChange,
-  className = ""
+  className = "",
+  tone = "default"
 }) {
+  const containerClassName = tone === "terminal" ? "border-terminal-foreground/25 bg-terminal/70 text-terminal-foreground" : "border-border bg-card";
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `border-border bg-card inline-flex overflow-hidden rounded-md border ${className}`,
+      className: `inline-flex overflow-hidden rounded-md border ${containerClassName} ${className}`,
       children: options.map((option2, index2) => {
         const active = option2.value === value;
+        const stateClassName = active ? "bg-primary text-primary-foreground" : tone === "terminal" ? "text-terminal-foreground/72 hover:bg-terminal-foreground/10 hover:text-terminal-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground";
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -111827,7 +112116,7 @@ function ButtonGroup({
             disabled: option2.disabled,
             onClick: () => onChange(option2.value),
             "aria-pressed": active,
-            className: `px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${index2 > 0 ? "border-border border-l" : ""} ${active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"}`,
+            className: `px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${index2 > 0 ? tone === "terminal" ? "border-terminal-foreground/20 border-l" : "border-border border-l" : ""} ${stateClassName}`,
             children: option2.label
           },
           option2.value
@@ -152005,6 +152294,10 @@ async function refreshDashboardGitSnapshot(reason) {
   if (isStaticMode()) return;
   await trpcClient.dashboard.refreshGitSnapshot.mutate({ reason });
 }
+async function removeDetachedDashboardWorktree(path2) {
+  if (isStaticMode()) return;
+  await trpcClient.dashboard.removeDetachedWorktree.mutate({ path: path2 });
+}
 const SPEC_DRIVEN_ORDER = ["proposal", "design", "specs", "tasks"];
 const GIT_WORKTREE_BORDER_CLASS = "border-zinc-400/50";
 const GIT_WORKTREE_BG_CLASS = "bg-zinc-500/8";
@@ -152043,6 +152336,9 @@ function formatArtifactLabel(id2) {
 function isHttpUrl(value) {
   return /^https?:\/\//.test(value);
 }
+async function copyText(value) {
+  await navigator.clipboard.writeText(value);
+}
 function sortArtifactIdsForSchema(schemaName, artifactIds) {
   if (schemaName !== "spec-driven") return artifactIds;
   const rank = /* @__PURE__ */ new Map();
@@ -152183,6 +152479,31 @@ function Dashboard() {
     }
   }, []);
   const focusRefreshAtRef = reactExports.useRef(0);
+  const [removingWorktreePath, setRemovingWorktreePath] = reactExports.useState(null);
+  const handleRemoveDetachedWorktree = reactExports.useCallback(async (worktree) => {
+    if (isStaticMode() || worktree.isCurrent || !worktree.detached || isHttpUrl(worktree.path)) {
+      return;
+    }
+    const confirmed = window.confirm(
+      [
+        "Remove detached worktree?",
+        "",
+        worktree.path,
+        "",
+        "This runs git worktree remove --force."
+      ].join("\n")
+    );
+    if (!confirmed) return;
+    setRemovingWorktreePath(worktree.path);
+    try {
+      await removeDetachedDashboardWorktree(worktree.path);
+    } catch (error2) {
+      console.error("[Dashboard] Failed to remove detached worktree:", error2);
+      window.alert(error2 instanceof Error ? error2.message : "Failed to remove detached worktree.");
+    } finally {
+      setRemovingWorktreePath((current) => current === worktree.path ? null : current);
+    }
+  }, []);
   reactExports.useEffect(() => {
     if (isStaticMode()) return;
     const triggerOnce = (reason) => {
@@ -152407,7 +152728,15 @@ function Dashboard() {
           ] })
         ] }),
         currentWorktree ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(WorktreeRow, { worktree: currentWorktree, emphasize: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            WorktreeRow,
+            {
+              worktree: currentWorktree,
+              emphasize: true,
+              removing: removingWorktreePath === currentWorktree.path,
+              onRemoveDetachedWorktree: handleRemoveDetachedWorktree
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `-mt-px space-y-1 border-l pl-3 pt-2 ${GIT_WORKTREE_LINE_CLASS}`, children: currentWorktree.entries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             GitEntryRow,
             {
@@ -152418,7 +152747,16 @@ function Dashboard() {
         ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground rounded-md border border-dashed px-2.5 py-2 text-xs", children: "No worktree snapshot available." }),
         otherWorktrees.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/70 mt-3 space-y-1 border-t pt-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground text-xs uppercase tracking-wide", children: "Other Worktrees" }),
-          otherWorktrees.map((worktree) => /* @__PURE__ */ jsxRuntimeExports.jsx(WorktreeRow, { worktree, emphasize: false }, worktree.path))
+          otherWorktrees.map((worktree) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            WorktreeRow,
+            {
+              worktree,
+              emphasize: false,
+              removing: removingWorktreePath === worktree.path,
+              onRemoveDetachedWorktree: handleRemoveDetachedWorktree
+            },
+            worktree.path
+          ))
         ] })
       ] })
     ] }) : null
@@ -152595,22 +152933,84 @@ function Dashboard() {
 }
 function WorktreeRow({
   worktree,
-  emphasize
+  emphasize,
+  removing = false,
+  onRemoveDetachedWorktree
 }) {
-  const pathLabel = isHttpUrl(worktree.path) ? worktree.path : `${worktree.relativePath} | ${worktree.path}`;
+  const isRemotePath = isHttpUrl(worktree.path);
+  const canToggleRelativePath = !isRemotePath;
+  const canRemoveDetached = !isRemotePath && worktree.detached && !worktree.isCurrent;
+  const [showRelativePath, setShowRelativePath] = reactExports.useState(false);
+  const [copied, setCopied] = reactExports.useState(false);
+  const displayPath = isRemotePath ? worktree.path : showRelativePath ? worktree.relativePath : worktree.path;
+  const handleCopyPath = reactExports.useCallback(async () => {
+    try {
+      await copyText(displayPath);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1200);
+    } catch (error) {
+      console.error("[Dashboard] Failed to copy worktree path:", error);
+    }
+  }, [displayPath]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
       className: `min-w-0 rounded-e-md rounded-t-md border px-2.5 py-2 ${emphasize ? `${GIT_WORKTREE_BORDER_CLASS} ${GIT_WORKTREE_BG_CLASS}` : "border-border/70 bg-muted/15"}`,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(GitBranch, { className: "h-3.5 w-3.5 shrink-0" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: worktree.branchName })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground truncate text-xs", children: pathLabel })
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-0.5 flex min-w-0 items-center gap-1", children: [
+            canToggleRelativePath ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowRelativePath((current) => !current),
+                className: "text-muted-foreground hover:text-foreground inline-flex h-5 w-5 shrink-0 items-center justify-center rounded border border-transparent",
+                title: showRelativePath ? "Show absolute path" : "Show relative path",
+                "aria-label": showRelativePath ? "Show absolute path" : "Show relative path",
+                children: showRelativePath ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpenDot, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "h-3.5 w-3.5" })
+              }
+            ) : null,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  void handleCopyPath();
+                },
+                onDoubleClick: () => {
+                  if (!canToggleRelativePath) return;
+                  setShowRelativePath((current) => !current);
+                },
+                className: "text-muted-foreground hover:text-foreground inline-flex min-w-0 flex-1 items-center gap-1 truncate text-left text-xs",
+                title: displayPath,
+                "aria-label": `Copy ${showRelativePath && canToggleRelativePath ? "relative" : "absolute"} path for ${worktree.branchName}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: displayPath }),
+                  copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "h-3 w-3 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3 shrink-0" })
+                ]
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 text-right", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+          canRemoveDetached ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                void onRemoveDetachedWorktree?.(worktree);
+              },
+              disabled: removing,
+              className: "text-muted-foreground hover:text-destructive inline-flex h-5 w-5 items-center justify-center rounded border border-transparent disabled:cursor-not-allowed disabled:opacity-60",
+              title: "Remove detached worktree",
+              "aria-label": "Remove detached worktree",
+              children: removing ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          ) : null,
           /* @__PURE__ */ jsxRuntimeExports.jsx(GitAheadBehindBadge, { ahead: worktree.ahead, behind: worktree.behind }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(GitFilesBadge, { files: worktree.diff.files }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(DiffStat, { diff: worktree.diff, className: "justify-end" })