@tutti-os/workspace-issue-manager 0.0.41 → 0.0.43

package/dist/{chunk-UKHXZOVZ.js → chunk-UVXKVWZL.js}

@@ -101,6 +101,9 @@ var issueManagerTopicDeleteHub = createIssueManagerKeyedEventHub({
 var issueManagerTopicUpdateHub = createIssueManagerKeyedEventHub({
   getKey: issueManagerNodeScopeKey
 });
+var issueManagerIssueCreateRequestHub = createIssueManagerKeyedEventHub({
+  getKey: issueManagerNodeScopeKey
+});
 function resolveIssueManagerTopicHeaderState(input) {
   return issueManagerTopicHeaderStateHub.get(issueManagerNodeScopeKey(input)) ?? {
     activeTopicId: input.activeTopicId,
@@ -137,6 +140,9 @@ function dispatchIssueManagerTopicDelete(input) {
 function dispatchIssueManagerTopicUpdate(input) {
   issueManagerTopicUpdateHub.publish(input);
 }
+function dispatchIssueManagerIssueCreateRequest(input) {
+  issueManagerIssueCreateRequestHub.publish(input);
+}
 function useIssueManagerTaskListCollapsedSync(input) {
   const onCollapsedChange = useEffectEvent(input.onCollapsedChange);
   useEffect(() => {
@@ -231,6 +237,18 @@ function useIssueManagerTopicHeaderCommandSync(input) {
     onUpdateTopic
   ]);
 }
+function useIssueManagerIssueCreateRequestSync(input) {
+  const onCreateIssue = useEffectEvent(input.onCreateIssue);
+  useEffect(() => {
+    const handleCreateIssueRequest = () => {
+      onCreateIssue();
+    };
+    return issueManagerIssueCreateRequestHub.subscribe(
+      issueManagerNodeScopeKey(input),
+      handleCreateIssueRequest
+    );
+  }, [input.nodeId, input.workspaceId, onCreateIssue]);
+}
 function useIssueManagerNodeHeaderView(input) {
   const [manualCollapsed, setManualCollapsed] = useState(
     input.isSidebarCollapsed
@@ -2277,7 +2295,16 @@ import {
   useEffect as useEffect10,
   useRef as useRef8
 } from "react";
-import { Button as Button13, PanelIcon, cn as cn13 } from "@tutti-os/ui-system";
+import {
+  Button as Button13,
+  FileCreateIcon as FileCreateIcon6,
+  PanelIcon,
+  Tooltip as Tooltip2,
+  TooltipContent as TooltipContent2,
+  TooltipProvider,
+  TooltipTrigger as TooltipTrigger2,
+  cn as cn13
+} from "@tutti-os/ui-system";
 import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
@@ -2289,7 +2316,7 @@ import {
   useRef as useRef7,
   useState as useState10
 } from "react";
-import { Button as Button11, FileCreateIcon as FileCreateIcon3, cn as cn11 } from "@tutti-os/ui-system";
+import { Button as Button11, FileCreateIcon as FileCreateIcon4, cn as cn11 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
 import { useState as useState7 } from "react";
@@ -4241,12 +4268,12 @@ import {
   Badge as Badge4,
   Button as Button8,
   CloseIcon,
+  FileCreateIcon as FileCreateIcon3,
   Input as Input2,
   ScrollArea as ScrollArea3,
   UnderlineTabs,
   cn as cn8
 } from "@tutti-os/ui-system";
-import { CreateChatIcon } from "@tutti-os/ui-system/icons";
 
 // src/ui/internal/shell/IssueManagerShellState.ts
 var issueManagerStatusFilters = [
@@ -4398,7 +4425,7 @@ function IssueManagerSidebarHeader({
         variant: "secondary",
         onClick: onCreateIssue,
         children: [
-          /* @__PURE__ */ jsx13(CreateChatIcon, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13(FileCreateIcon3, { "aria-hidden": "true" }),
           /* @__PURE__ */ jsx13("span", { children: copy.t("actions.createIssue") })
         ]
       }
@@ -5937,7 +5964,7 @@ function IssueManagerShellEmptyState({
         type: "button",
         onClick: () => controller.setIssueEditorMode("create"),
         children: [
-          /* @__PURE__ */ jsx18(FileCreateIcon3, { size: 16 }),
+          /* @__PURE__ */ jsx18(FileCreateIcon4, { size: 16 }),
           controller.copy.t("actions.createIssue")
         ]
       }
@@ -5965,7 +5992,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger as DropdownMenuTrigger2,
   EditIcon,
-  FileCreateIcon as FileCreateIcon4,
+  FileCreateIcon as FileCreateIcon5,
   Input as Input3,
   MoreHorizontalIcon,
   PinFilledIcon,
@@ -6142,7 +6169,7 @@ function IssueManagerTopicSelector({
               });
             },
             children: [
-              /* @__PURE__ */ jsx19(FileCreateIcon4, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx19(FileCreateIcon5, { className: "size-3.5" }),
               /* @__PURE__ */ jsx19("span", { className: "truncate", children: copy.t("actions.createTopic") })
             ]
           }
@@ -6367,6 +6394,13 @@ function IssueManagerNode({
     },
     workspaceId
   });
+  useIssueManagerIssueCreateRequestSync({
+    nodeId,
+    onCreateIssue: () => {
+      controller.setIssueEditorMode("create");
+    },
+    workspaceId
+  });
   return /* @__PURE__ */ jsxs18(
     "section",
     {
@@ -6416,7 +6450,7 @@ function IssueManagerNode({
 var issueManagerWorkbenchDragHandleAttribute = "data-workbench-drag-handle";
 var issueManagerHeaderChromeIconButtonClassName = "size-7 min-h-7 min-w-7 cursor-pointer rounded-md p-0 text-[var(--text-secondary)] hover:bg-[color-mix(in_srgb,var(--text-primary)_8%,transparent)] hover:text-[var(--text-primary)]";
 var issueManagerHeaderChromeIconClassName = "size-[18px]";
-var issueManagerHeaderTrafficLightClassName = "size-3 shrink-0 rounded-full border-0 p-0 opacity-95 outline-none transition-[filter,opacity] duration-150 hover:brightness-110 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--background-panel)]";
+var issueManagerHeaderTrafficLightClassName = "relative -m-1 size-5 shrink-0 cursor-pointer rounded-full border-0 bg-transparent p-0 text-[var(--text-placeholder)] opacity-95 outline-none transition-[color,filter,opacity] duration-150 ease-out before:absolute before:inset-1 before:rounded-full before:bg-current before:transition-colors before:duration-150 before:ease-out before:content-[''] hover:brightness-110 focus-visible:ring-2 focus-visible:ring-[var(--accent)] focus-visible:ring-offset-1 focus-visible:ring-offset-[var(--background-panel)]";
 function IssueManagerNodeHeader({
   activeTopicId = null,
   className,
@@ -6464,7 +6498,13 @@ function IssueManagerNodeHeader({
   };
   const displayModeLabel = safeDisplayMode === "fullscreen" ? copy.t("actions.restoreWindow") : copy.t("actions.maximizeWindow");
   const sidebarHeaderStyle = {
-    width: effectiveCollapsed ? "min(100%, 520px)" : "min(var(--issue-manager-sidebar-width, 280px), 100%)"
+    width: effectiveCollapsed ? "max-content" : "min(var(--issue-manager-sidebar-width, 280px), 100%)"
+  };
+  const rightHeaderDividerMaskStyle = {
+    left: effectiveCollapsed ? "0px" : "min(var(--issue-manager-sidebar-width, 280px), 100%)"
+  };
+  const topicHeaderStyle = {
+    left: effectiveCollapsed ? "50%" : "calc(min(var(--issue-manager-sidebar-width, 280px), 100%) + ((100% - min(var(--issue-manager-sidebar-width, 280px), 100%)) / 2))"
   };
   return /* @__PURE__ */ jsxs18(
     "header",
@@ -6483,11 +6523,22 @@ function IssueManagerNodeHeader({
             className: "absolute inset-0 cursor-grab active:cursor-grabbing"
           }
         ),
+        /* @__PURE__ */ jsx20(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute right-0 bottom-0 z-[11] h-px bg-[var(--background-panel)]",
+            style: rightHeaderDividerMaskStyle
+          }
+        ),
         /* @__PURE__ */ jsxs18(
           "div",
           {
             ...dragHandleProps,
-            className: "relative z-10 flex h-full min-w-0 cursor-grab items-center gap-2 border-r border-[var(--border-1)] bg-[var(--background-panel)] pr-3 pl-7 active:cursor-grabbing",
+            className: cn13(
+              "relative z-10 flex h-full min-w-0 cursor-grab items-center gap-2 bg-[var(--background-panel)] pr-3 pl-4 active:cursor-grabbing",
+              !effectiveCollapsed && "border-r border-[var(--border-1)]"
+            ),
             style: sidebarHeaderStyle,
             children: [
               /* @__PURE__ */ jsxs18(
@@ -6526,56 +6577,14 @@ function IssueManagerNodeHeader({
                 }
               ),
               /* @__PURE__ */ jsx20("span", { className: "min-w-0 shrink truncate text-[15px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
-              /* @__PURE__ */ jsx20(
-                "div",
-                {
-                  className: "ml-auto flex min-w-0 shrink items-center",
-                  onDoubleClick: (event) => event.stopPropagation(),
-                  onPointerDown: (event) => event.stopPropagation(),
-                  children: /* @__PURE__ */ jsx20(
-                    IssueManagerTopicSelector,
-                    {
-                      activeTopicId: topicState.activeTopicId,
-                      className: "max-w-[150px] flex-none text-[var(--text-primary)]",
-                      copy,
-                      topics: topicState.topics,
-                      onCreateTopic: (input) => {
-                        dispatchIssueManagerTopicCreate({
-                          input,
-                          nodeId,
-                          workspaceId
-                        });
-                      },
-                      onDeleteTopic: (topicId) => {
-                        dispatchIssueManagerTopicDelete({
-                          nodeId,
-                          topicId,
-                          workspaceId
-                        });
-                      },
-                      onSelectTopic: (topicId) => {
-                        dispatchIssueManagerTopicSelection({
-                          nodeId,
-                          topicId,
-                          workspaceId
-                        });
-                      },
-                      onUpdateTopic: (input) => {
-                        dispatchIssueManagerTopicUpdate({
-                          input,
-                          nodeId,
-                          workspaceId
-                        });
-                      }
-                    }
-                  )
-                }
-              ),
               /* @__PURE__ */ jsx20(
                 Button13,
                 {
                   "aria-label": toggleLabel,
-                  className: issueManagerHeaderChromeIconButtonClassName,
+                  className: cn13(
+                    !effectiveCollapsed && "ml-auto",
+                    issueManagerHeaderChromeIconButtonClassName
+                  ),
                   "data-issue-manager-sidebar-auto-collapsed": isSidebarAutoCollapsed ? "true" : void 0,
                   "data-issue-manager-sidebar-collapsed": effectiveCollapsed ? "true" : void 0,
                   size: "icon-sm",
@@ -6590,9 +6599,84 @@ function IssueManagerNodeHeader({
                   onPointerDown: (event) => event.stopPropagation(),
                   children: /* @__PURE__ */ jsx20(PanelIcon, { className: issueManagerHeaderChromeIconClassName })
                 }
-              )
+              ),
+              effectiveCollapsed ? /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs18(Tooltip2, { children: [
+                /* @__PURE__ */ jsx20(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx20(
+                  Button13,
+                  {
+                    "aria-label": copy.t("actions.createIssue"),
+                    className: issueManagerHeaderChromeIconButtonClassName,
+                    size: "icon-sm",
+                    type: "button",
+                    variant: "ghost",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      dispatchIssueManagerIssueCreateRequest({
+                        nodeId,
+                        workspaceId
+                      });
+                    },
+                    onDoubleClick: (event) => event.stopPropagation(),
+                    onPointerDown: (event) => event.stopPropagation(),
+                    children: /* @__PURE__ */ jsx20(FileCreateIcon6, { "aria-hidden": "true" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx20(TooltipContent2, { side: "bottom", children: copy.t("actions.createIssue") })
+              ] }) }) : null
             ]
           }
+        ),
+        /* @__PURE__ */ jsx20(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-y-0 z-10 flex min-w-0 -translate-x-1/2 items-center justify-center px-3",
+            style: topicHeaderStyle,
+            children: /* @__PURE__ */ jsx20(
+              "div",
+              {
+                className: "pointer-events-auto flex min-w-0 max-w-full items-center",
+                onDoubleClick: (event) => event.stopPropagation(),
+                onPointerDown: (event) => event.stopPropagation(),
+                children: /* @__PURE__ */ jsx20(
+                  IssueManagerTopicSelector,
+                  {
+                    activeTopicId: topicState.activeTopicId,
+                    className: "max-w-[220px] text-[var(--text-primary)]",
+                    copy,
+                    topics: topicState.topics,
+                    onCreateTopic: (input) => {
+                      dispatchIssueManagerTopicCreate({
+                        input,
+                        nodeId,
+                        workspaceId
+                      });
+                    },
+                    onDeleteTopic: (topicId) => {
+                      dispatchIssueManagerTopicDelete({
+                        nodeId,
+                        topicId,
+                        workspaceId
+                      });
+                    },
+                    onSelectTopic: (topicId) => {
+                      dispatchIssueManagerTopicSelection({
+                        nodeId,
+                        topicId,
+                        workspaceId
+                      });
+                    },
+                    onUpdateTopic: (input) => {
+                      dispatchIssueManagerTopicUpdate({
+                        input,
+                        nodeId,
+                        workspaceId
+                      });
+                    }
+                  }
+                )
+              }
+            )
+          }
         )
       ]
     }
@@ -6604,18 +6688,17 @@ function IssueManagerTrafficLightButton({
   pressed,
   tone
 }) {
-  return /* @__PURE__ */ jsx20(
+  const button = /* @__PURE__ */ jsx20(
     "button",
     {
       "aria-label": label,
       "aria-pressed": pressed,
       className: cn13(
         issueManagerHeaderTrafficLightClassName,
-        tone === "close" && "bg-[#ff5f57]",
-        tone === "minimize" && "bg-[#ffbd2e]",
-        tone === "maximize" && "bg-[#28c840]"
+        tone === "close" && "hover:text-[#ff5f57] focus-visible:text-[#ff5f57]",
+        tone === "minimize" && "hover:text-[#ffbd2e] focus-visible:text-[#ffbd2e]",
+        tone === "maximize" && "hover:text-[#28c840] focus-visible:text-[#28c840]"
       ),
-      title: label,
       type: "button",
       onClick: (event) => {
         event.stopPropagation();
@@ -6625,6 +6708,10 @@ function IssueManagerTrafficLightButton({
       onPointerDown: (event) => event.stopPropagation()
     }
   );
+  return /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs18(Tooltip2, { children: [
+    /* @__PURE__ */ jsx20(TooltipTrigger2, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx20(TooltipContent2, { side: "bottom", children: label })
+  ] }) });
 }
 
 export {
@@ -6632,4 +6719,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-UKHXZOVZ.js.map
+//# sourceMappingURL=chunk-UVXKVWZL.js.map