@tutti-os/workspace-issue-manager 0.0.15 → 0.0.16

package/dist/{chunk-QTFOTY4H.js → chunk-7O62INYA.js}

@@ -1,6 +1,6 @@
 import {
   createIssueManagerI18nRuntime
-} from "./chunk-U26GIQIJ.js";
+} from "./chunk-TER7RTXO.js";
 
 // src/core/feature.ts
 import {
@@ -322,4 +322,4 @@ export {
   buildIssueManagerRunPrompt,
   buildIssueManagerTaskBreakdownPrompt
 };
-//# sourceMappingURL=chunk-QTFOTY4H.js.map
+//# sourceMappingURL=chunk-7O62INYA.js.map

package/dist/{chunk-7KCCNQDW.js → chunk-BSI36JGO.js}

@@ -24,7 +24,7 @@ import {
   resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput
-} from "./chunk-EETI7JRL.js";
+} from "./chunk-GLGNWTCD.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   clampIssueManagerSidebarWidth,
@@ -35,7 +35,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-QTFOTY4H.js";
+} from "./chunk-7O62INYA.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -5618,6 +5618,7 @@ function IssueManagerNode({
     }
   );
 }
+var issueManagerWorkbenchDragHandleAttribute = "data-workbench-drag-handle";
 function IssueManagerNodeHeader({
   activeTopicId = null,
   className,
@@ -5631,6 +5632,17 @@ function IssueManagerNodeHeader({
   workspaceId,
   ...headerProps
 }) {
+  const {
+    [issueManagerWorkbenchDragHandleAttribute]: dragHandleData,
+    onDoubleClick,
+    onPointerDown,
+    ...restHeaderProps
+  } = headerProps;
+  const dragHandleProps = {
+    "data-workbench-drag-handle": dragHandleData,
+    onDoubleClick,
+    onPointerDown
+  };
   const { effectiveCollapsed, toggleLabel, toggleSidebar } = useIssueManagerNodeHeaderView({
     copy,
     isSidebarAutoCollapsed,
@@ -5647,35 +5659,50 @@ function IssueManagerNodeHeader({
   return /* @__PURE__ */ jsxs17(
     "header",
     {
-      ...headerProps,
+      ...restHeaderProps,
       className: cn11(
         "relative flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "z-10 flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
-          /* @__PURE__ */ jsx19(
-            Button13,
-            {
-              "aria-label": toggleLabel,
-              className: "cursor-pointer rounded-md",
-              "data-issue-manager-sidebar-auto-collapsed": isSidebarAutoCollapsed ? "true" : void 0,
-              "data-issue-manager-sidebar-collapsed": effectiveCollapsed ? "true" : void 0,
-              size: "icon-sm",
-              title: toggleLabel,
-              type: "button",
-              variant: "ghost",
-              onClick: (event) => {
-                event.stopPropagation();
-                toggleSidebar();
-              },
-              onDoubleClick: (event) => event.stopPropagation(),
-              onPointerDown: (event) => event.stopPropagation(),
-              children: /* @__PURE__ */ jsx19(PanelIcon, { className: "size-[18px]" })
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx19(
+          "div",
+          {
+            ...dragHandleProps,
+            "aria-hidden": "true",
+            className: "absolute inset-0 cursor-grab active:cursor-grabbing"
+          }
+        ),
+        /* @__PURE__ */ jsxs17(
+          "div",
+          {
+            ...dragHandleProps,
+            className: "z-10 flex min-w-0 cursor-grab items-center gap-2 active:cursor-grabbing",
+            children: [
+              /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
+              /* @__PURE__ */ jsx19(
+                Button13,
+                {
+                  "aria-label": toggleLabel,
+                  className: "cursor-pointer rounded-md",
+                  "data-issue-manager-sidebar-auto-collapsed": isSidebarAutoCollapsed ? "true" : void 0,
+                  "data-issue-manager-sidebar-collapsed": effectiveCollapsed ? "true" : void 0,
+                  size: "icon-sm",
+                  title: toggleLabel,
+                  type: "button",
+                  variant: "ghost",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    toggleSidebar();
+                  },
+                  onDoubleClick: (event) => event.stopPropagation(),
+                  onPointerDown: (event) => event.stopPropagation(),
+                  children: /* @__PURE__ */ jsx19(PanelIcon, { className: "size-[18px]" })
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx19("div", { className: "pointer-events-none absolute top-1/2 left-1/2 z-20 flex max-w-[220px] -translate-x-1/2 -translate-y-1/2 items-center justify-center", children: /* @__PURE__ */ jsx19(
           "div",
           {
@@ -5740,4 +5767,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-7KCCNQDW.js.map
+//# sourceMappingURL=chunk-BSI36JGO.js.map