npm - @openspecui/web - Versions diffs - 2.1.0 → 2.1.2 - Mend

@openspecui/web 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist-ssg/client/assets/{webworkerAll-DisB_v8s.js → webworkerAll-CysFfo0u.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{G as R,u as S,T as b,R as P,af as I,ab as B,aq as T,V as _,aJ as O,a1 as A,y as C,ap as E,a2 as k}from"./index.ssg-BCAZPCWG.js";import{F as z}from"./Filter-CeoA-Hyu.js";var U=`in vec2 aPosition;
+import{G as R,u as S,T as b,R as P,af as I,ab as B,aq as T,V as _,aJ as O,a1 as A,y as C,ap as E,a2 as k}from"./index.ssg-7hLvM_9r.js";import{F as z}from"./Filter-ClWz3L4e.js";var U=`in vec2 aPosition;
 out vec2 vTextureCoord;
 uniform vec4 uInputSize;

package/dist-ssg/client/index.ssg.html CHANGED Viewed

@@ -35,8 +35,8 @@
         document.head.append(preconnectApi, preconnectStatic, stylesheet)
       })()
     </script>
-    <script type="module" crossorigin src="/assets/index.ssg-BCAZPCWG.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CjyblKoL.css">
+    <script type="module" crossorigin src="/assets/index.ssg-7hLvM_9r.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Brg9wIKi.css">
   </head>
   <body>
     <div id="root"><!--app-html--></div>

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

@@ -37033,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",
     {
@@ -37059,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",
@@ -37459,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);
@@ -37477,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();
@@ -37503,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;
       }
@@ -37522,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;
@@ -47961,6 +47972,7 @@ function buildStaticGitSnapshot(snapshot) {
         path: repositoryUrl ?? "Repository URL unavailable",
         relativePath: "repo",
         branchName: "(snapshot)",
+        detached: false,
         isCurrent: true,
         ahead: 0,
         behind: 0,
@@ -72445,6 +72457,7 @@ const viewerStyles = css$2`
     }
   }
 `;
+let _draggedTabId = null;
 const tabsStyle = (id2) => {
   const css2 = String.raw;
   const anchorName = `--tabs-button-${id2}`;
@@ -72518,37 +72531,164 @@ 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 = "",
   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 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 = "tabs-button scrollbar-none flex min-w-0 gap-1 overflow-x-auto";
-  const buttonBaseClassName = `m-0 flex h-full shrink-0 items-center gap-2 px-2 py-2 text-sm font-medium transition-colors ${variant === "terminal" ? "rounded-t-[8px]" : ""}`;
+  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 hover:bg-background hover:text-foreground" : "text-muted-foreground hover: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 = (e2) => {
+  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(
@@ -72560,41 +72700,62 @@ function Tabs({
       children: [
         style,
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: headerClassName, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: stripClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: listClassName, onDoubleClick: handleTabBarDoubleClick, children: tabs.map((tab2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "button",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: stripClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
             {
-              "data-tab-item": "true",
-              onClick: () => handleChange(tab2.id),
-              className: `${buttonBaseClassName} ${activeTab === tab2.id ? activeButtonClassName : inactiveButtonClassName}`,
-              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: `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
-          )) }) }),
+                    "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 })
         ] }),
-        tabs.map(
+        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)
         )
       ]
@@ -152133,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";
@@ -152171,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();
@@ -152311,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) => {
@@ -152535,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,
             {
@@ -152546,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
@@ -152723,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" })