@tutti-os/workspace-issue-manager 0.0.33 → 0.0.35

package/dist/{chunk-AM6P2Q3K.js → chunk-FHPEIPBO.js}

@@ -24,7 +24,7 @@ import {
   resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput
-} from "./chunk-AFYBY6G4.js";
+} from "./chunk-VM6JTHOF.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   appendIssueManagerWorkspaceReferenceMentionsToContent,
@@ -36,7 +36,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-MQSZDN7T.js";
+} from "./chunk-BZTHQIC6.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -2277,7 +2277,7 @@ import {
   useEffect as useEffect10,
   useRef as useRef8
 } from "react";
-import { Button as Button13, PanelIcon, cn as cn12 } from "@tutti-os/ui-system";
+import { Button as Button13, PanelIcon, cn as cn13 } from "@tutti-os/ui-system";
 import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
@@ -2289,7 +2289,7 @@ import {
   useRef as useRef7,
   useState as useState10
 } from "react";
-import { Button as Button11, FileCreateIcon as FileCreateIcon4, cn as cn10 } from "@tutti-os/ui-system";
+import { Button as Button11, FileCreateIcon as FileCreateIcon3, cn as cn11 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
 import { useState as useState7 } from "react";
@@ -2328,7 +2328,7 @@ import {
   FileCreateIcon as FileCreateIcon2,
   FileIcon,
   ScrollArea,
-  cn as cn2
+  cn as cn3
 } from "@tutti-os/ui-system";
 
 // src/ui/internal/content/IssueManagerTitleTooltip.tsx
@@ -2380,27 +2380,28 @@ function resolveIssueManagerCreatorLabel(entity) {
 }
 
 // src/ui/internal/panel/IssueManagerPanelSurface.tsx
-import { Button, FileCreateIcon } from "@tutti-os/ui-system";
+import { Button, FileCreateIcon, cn } from "@tutti-os/ui-system";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var issueManagerLoadingBoneClassName = "h-4 rounded-[4px] bg-[var(--transparency-block)]";
 function IssueManagerPaneLoadingState() {
   return /* @__PURE__ */ jsxs2(
     "div",
     {
       "aria-hidden": "true",
-      className: "mx-auto flex w-full max-w-4xl flex-col gap-6",
+      className: "mx-auto flex w-full max-w-4xl flex-col gap-9",
       children: [
-        /* @__PURE__ */ jsx2("div", { className: "h-6 w-28 rounded-full bg-muted" }),
-        /* @__PURE__ */ jsx2("div", { className: "h-12 w-2/3 rounded-full bg-muted" }),
-        /* @__PURE__ */ jsxs2("div", { className: "rounded-[28px] border border-border/70 bg-transparent px-5 py-5", children: [
-          /* @__PURE__ */ jsx2("div", { className: "h-4 w-24 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-10/12 rounded-full bg-muted" })
+        /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-28") }),
+        /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-2/3") }),
+        /* @__PURE__ */ jsxs2("div", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-24") }),
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-full") }),
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-11/12") }),
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-10/12") })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-5 py-5", children: [
-          /* @__PURE__ */ jsx2("div", { className: "h-4 w-32 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+        /* @__PURE__ */ jsxs2("div", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-32") }),
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-full") }),
+          /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-9/12") })
         ] })
       ]
     }
@@ -2408,16 +2409,16 @@ function IssueManagerPaneLoadingState() {
 }
 function IssueManagerTaskDrawerLoadingState() {
   return /* @__PURE__ */ jsxs2("div", { "aria-hidden": "true", className: "grid gap-5", children: [
-    /* @__PURE__ */ jsx2("div", { className: "h-12 w-full rounded-2xl bg-muted" }),
+    /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-full") }),
     /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsx2("div", { className: "h-10 rounded-xl bg-muted" }),
-      /* @__PURE__ */ jsx2("div", { className: "h-10 rounded-xl bg-muted" })
+      /* @__PURE__ */ jsx2("div", { className: issueManagerLoadingBoneClassName }),
+      /* @__PURE__ */ jsx2("div", { className: issueManagerLoadingBoneClassName })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-4 py-4", children: [
-      /* @__PURE__ */ jsx2("div", { className: "h-4 w-24 rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx2("div", { className: "mt-4 h-4 w-full rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-3", children: [
+      /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-24") }),
+      /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-full") }),
+      /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-11/12") }),
+      /* @__PURE__ */ jsx2("div", { className: cn(issueManagerLoadingBoneClassName, "w-9/12") })
     ] })
   ] });
 }
@@ -2429,7 +2430,7 @@ import {
   useRef,
   useState as useState3
 } from "react";
-import { cn } from "@tutti-os/ui-system";
+import { cn as cn2 } from "@tutti-os/ui-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var issueManagerSubtaskBoardStatuses = [
   "not_started",
@@ -2858,7 +2859,7 @@ function IssueManagerSubtaskBoardColumn({
       "div",
       {
         "aria-hidden": "true",
-        className: cn(
+        className: cn2(
           "rounded-[8px] border border-dashed motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-[0.98] motion-safe:duration-[160ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none",
           resolveIssueManagerBoardPlaceholderClassName(status)
         ),
@@ -2876,7 +2877,7 @@ function IssueManagerSubtaskBoardColumn({
   return /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: cn(
+      className: cn2(
         "min-h-[220px] rounded-lg border px-2.5 py-2.5",
         canAcceptTaskDrop && "transition-shadow duration-[180ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",
         resolveIssueManagerBoardColumnClassName(status)
@@ -2892,7 +2893,7 @@ function IssueManagerSubtaskBoardColumn({
               "span",
               {
                 "aria-hidden": "true",
-                className: cn(
+                className: cn2(
                   "size-2 rounded-full",
                   resolveIssueManagerBoardDotClassName(status)
                 )
@@ -2916,7 +2917,7 @@ function IssueManagerSubtaskBoardColumn({
                   /* @__PURE__ */ jsxs3(
                     "button",
                     {
-                      className: cn(
+                      className: cn2(
                         "rounded-[8px] bg-[var(--background-fronted)] px-3 py-2.5 text-left transition-shadow duration-150 motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25",
                         "cursor-grab active:cursor-grabbing",
                         isDraggingTask && issueManagerSubtaskDragShadowClassName
@@ -3013,7 +3014,7 @@ function IssueManagerDetailTextSection({
 }) {
   const bodyText = stripIssueManagerDescriptionTerminalPunctuation(body);
   const metaText = meta ? stripIssueManagerDescriptionTerminalPunctuation(meta) : null;
-  const bodyClassName = cn2(
+  const bodyClassName = cn3(
     "max-w-full whitespace-normal break-words text-[13px] leading-5 [overflow-wrap:anywhere]",
     isPlaceholder ? "font-normal text-[var(--text-secondary)]" : tone === "destructive" ? "font-semibold text-[var(--state-danger)]" : "font-semibold text-[var(--text-primary)]"
   );
@@ -3075,7 +3076,7 @@ function IssueManagerLatestRunStatusSection({
       "span",
       {
         "aria-hidden": "true",
-        className: cn2(
+        className: cn3(
           "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-[var(--line-2)]",
           canOpenAgentSession ? "bg-transparency-actived text-primary" : "bg-transparent text-[var(--text-secondary)]"
         ),
@@ -3087,7 +3088,7 @@ function IssueManagerLatestRunStatusSection({
         /* @__PURE__ */ jsx4(
           "p",
           {
-            className: cn2(
+            className: cn3(
               "min-w-0 flex-1 text-[13px] font-semibold leading-5 text-[var(--text-primary)] [overflow-wrap:anywhere]",
               agentSessionId ? "font-mono" : ""
             ),
@@ -3101,7 +3102,7 @@ function IssueManagerLatestRunStatusSection({
       errorMessage ? /* @__PURE__ */ jsx4("p", { className: "mt-2 text-[11px] font-medium leading-5 text-[var(--state-danger)] [overflow-wrap:anywhere]", children: errorMessage }) : null
     ] })
   ] });
-  const cardClassName = cn2(
+  const cardClassName = cn3(
     "min-w-0 rounded-[12px] border border-[var(--line-2)] px-4 py-3",
     canOpenAgentSession ? "w-full bg-transparent text-left transition-colors hover:bg-transparency-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset" : "bg-transparent"
   );
@@ -3249,7 +3250,7 @@ function IssueManagerSubtaskViewModeSwitch({
           "span",
           {
             "aria-hidden": "true",
-            className: cn2(
+            className: cn3(
               "absolute top-0.5 bottom-0.5 left-0.5 w-[calc((100%-4px)/2)] rounded-[5px] bg-[var(--background-fronted)] transition-transform duration-150 ease-out",
               value === "board" && "translate-x-full"
             )
@@ -3259,7 +3260,7 @@ function IssueManagerSubtaskViewModeSwitch({
           "button",
           {
             "aria-pressed": value === mode,
-            className: cn2(
+            className: cn3(
               "relative z-[1] inline-flex h-7 w-14 items-center justify-center rounded-[5px] px-2.5 text-[12px] font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25",
               value === mode ? "text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
             ),
@@ -3282,7 +3283,7 @@ function IssueManagerSubtaskList({
   return /* @__PURE__ */ jsx4("div", { className: "overflow-hidden rounded-lg border border-[var(--line-2)] bg-transparent", children: tasks.map((task) => /* @__PURE__ */ jsxs4(
     "button",
     {
-      className: cn2(
+      className: cn3(
         "flex w-full items-start justify-between gap-4 border-b border-[var(--line-2)] px-4 py-3 text-left transition-colors last:border-b-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset",
         selectedTaskId === task.taskId ? "bg-transparency-actived" : "bg-transparent hover:bg-transparency-hover"
       ),
@@ -3354,7 +3355,7 @@ function resolveIssueManagerVisibleSubtasks(input) {
 // src/ui/internal/content/IssueManagerDescriptionSection.tsx
 import { useEffect as useEffect5, useRef as useRef2, useState as useState5 } from "react";
 import { RichTextReadonlyContent } from "@tutti-os/ui-rich-text/editor";
-import { cn as cn3 } from "@tutti-os/ui-system";
+import { cn as cn4 } from "@tutti-os/ui-system";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function IssueManagerDescriptionSection({
   content,
@@ -3417,7 +3418,7 @@ function IssueManagerDescriptionSection({
     /* @__PURE__ */ jsxs5(
       "div",
       {
-        className: cn3(
+        className: cn4(
           "relative min-w-0 rounded-lg border border-border-1 bg-transparent px-4 py-3",
           minHeightClass
         ),
@@ -3425,7 +3426,7 @@ function IssueManagerDescriptionSection({
           /* @__PURE__ */ jsx5(
             "div",
             {
-              className: cn3(
+              className: cn4(
                 "min-w-0 max-w-full overflow-x-hidden max-h-[18rem] overflow-y-auto pr-2 text-[13px] font-normal leading-5 text-[var(--text-secondary)]",
                 isOverflowing && "pb-8"
               ),
@@ -3478,7 +3479,7 @@ function IssueManagerDescriptionContent({
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
 import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
 import { RichTextTriggerEditor } from "@tutti-os/ui-rich-text/editor";
-import { Button as Button3, LinkIcon, cn as cn4 } from "@tutti-os/ui-system";
+import { Button as Button3, LinkIcon, cn as cn5 } from "@tutti-os/ui-system";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var issueManagerRichTextTextareaBaseClassName = "min-h-20 w-full rounded-[8px] border border-transparent bg-[var(--transparency-block)] p-3 text-[13px] font-normal leading-[1.3] text-[var(--text-primary)] transition-[background-color,border-color,color] outline-none shadow-none placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-transparent focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-[var(--state-danger)] aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none";
 var issueManagerRichTextPlaceholderBaseClassName = "min-h-20 w-full p-3 text-[13px] font-normal leading-[1.3] text-[var(--text-placeholder)]";
@@ -3518,12 +3519,12 @@ function IssueManagerRichTextTextarea({
         noMatchesLabel: controller.copy.t("richTextAt.noMatches"),
         removeReferenceActionLabel: controller.copy.t("actions.removeReference")
       },
-      textareaClassName: cn4(
+      textareaClassName: cn5(
         issueManagerRichTextTextareaBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
       ),
-      placeholderClassName: cn4(
+      placeholderClassName: cn5(
         issueManagerRichTextPlaceholderBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
@@ -3929,7 +3930,7 @@ function IssueManagerIssuePane({
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { Button as Button7, cn as cn6 } from "@tutti-os/ui-system";
+import { Button as Button7, cn as cn7 } from "@tutti-os/ui-system";
 
 // src/ui/internal/task/IssueManagerRunSections.tsx
 import {
@@ -3942,7 +3943,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
   IssueIcon,
-  cn as cn5
+  cn as cn6
 } from "@tutti-os/ui-system";
 import { WorkspaceUserProjectSelect } from "@tutti-os/workspace-user-project/ui";
 import { Fragment, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -4002,7 +4003,7 @@ function IssueManagerProviderActionMenu({
     /* @__PURE__ */ jsx10(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs9(
       Button6,
       {
-        className: cn5(
+        className: cn6(
           "min-w-0",
           "[&[data-state=open]_[data-issue-manager-provider-chevron=true]]:rotate-180",
           providerActionTriggerClassName,
@@ -4092,7 +4093,7 @@ function IssueManagerExecutionDirectoryTrigger({
       classNames: {
         content: "w-[240px] min-w-[240px]",
         item: "min-h-7 overflow-hidden rounded-md py-1 pr-7 pl-2.5 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]",
-        trigger: cn5(
+        trigger: cn6(
           "group inline-flex min-h-7 max-w-[240px] min-w-0 items-center gap-1.5 overflow-hidden rounded-md border-0 bg-transparent px-0.5 py-0 text-[13px] font-normal leading-[1.2] text-[var(--text-secondary)] shadow-none outline-none hover:bg-transparent hover:text-[var(--text-primary)] focus:bg-transparent focus:text-[var(--text-primary)] focus-visible:bg-transparent focus-visible:ring-0 disabled:bg-transparent disabled:text-[var(--text-disabled)]",
           className
         )
@@ -4162,7 +4163,7 @@ function IssueManagerBottomBar({
   return /* @__PURE__ */ jsx11("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs10(
     "div",
     {
-      className: cn6(
+      className: cn7(
         "flex gap-3",
         isNarrowLayout ? "flex-wrap items-center justify-end" : "items-center justify-end"
       ),
@@ -4234,7 +4235,7 @@ function IssueManagerFloatingNotice({
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { cn as cn8 } from "@tutti-os/ui-system";
+import { cn as cn9 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
 import { useComposedInputValue as useComposedInputValue2 } from "@tutti-os/ui-react-hooks";
@@ -4242,12 +4243,12 @@ import {
   Badge as Badge4,
   Button as Button8,
   CloseIcon,
-  FileCreateIcon as FileCreateIcon3,
   Input as Input2,
   ScrollArea as ScrollArea3,
   UnderlineTabs,
-  cn as cn7
+  cn as cn8
 } from "@tutti-os/ui-system";
+import { CreateChatIcon } from "@tutti-os/ui-system/icons";
 
 // src/ui/internal/shell/IssueManagerShellState.ts
 var issueManagerStatusFilters = [
@@ -4369,6 +4370,10 @@ function resolveIssueManagerShellContentViewState(input) {
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var issueManagerSidebarHeaderClassName = "grid grid-cols-[minmax(0,1fr)_max-content] items-center gap-2.5 [--agent-gui-rail-control-radius:6px]";
+var issueManagerSidebarSearchFieldClassName = "room-issue-node__search-field";
+var issueManagerSidebarSearchInputClassName = "room-issue-node__search-input";
+var issueManagerSidebarCreateButtonClassName = "agent-gui-node__new-conversation-icon-button";
 function IssueManagerSidebarHeader({
   copy,
   issueSearchQuery,
@@ -4376,7 +4381,7 @@ function IssueManagerSidebarHeader({
   onIssueSearchUsage,
   onIssueSearchQueryChange
 }) {
-  return /* @__PURE__ */ jsx13("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2.5", children: [
+  return /* @__PURE__ */ jsx13("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs11("div", { className: issueManagerSidebarHeaderClassName, children: [
     /* @__PURE__ */ jsx13(
       IssueManagerSearchField,
       {
@@ -4390,14 +4395,14 @@ function IssueManagerSidebarHeader({
     /* @__PURE__ */ jsxs11(
       Button8,
       {
-        className: "gap-2 px-3",
+        className: issueManagerSidebarCreateButtonClassName,
         size: "dialog",
         type: "button",
         variant: "secondary",
         onClick: onCreateIssue,
         children: [
-          /* @__PURE__ */ jsx13(FileCreateIcon3, { size: 16 }),
-          copy.t("actions.createIssue")
+          /* @__PURE__ */ jsx13(CreateChatIcon, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx13("span", { children: copy.t("actions.createIssue") })
         ]
       }
     )
@@ -4439,11 +4444,11 @@ function IssueManagerSidebarBody({
     ScrollArea3,
     {
       scrollbarMode: "native",
-      className: cn7("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
+      className: cn8("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
       children: /* @__PURE__ */ jsx13(
         "div",
         {
-          className: cn7(
+          className: cn8(
             "flex min-h-full flex-col gap-2.5 px-4 pt-1.5 pb-4",
             isNarrowLayout ? "min-h-0" : "h-full"
           ),
@@ -4459,8 +4464,7 @@ function IssueManagerSidebarBody({
             IssueManagerSidebarEmptyState,
             {
               body: sidebarViewState.body,
-              isNarrowLayout,
-              title: sidebarViewState.title
+              isNarrowLayout
             }
           ) : /* @__PURE__ */ jsx13(
             IssueManagerSidebarIssueList,
@@ -4492,7 +4496,7 @@ function IssueManagerSidebarStandalonePane({
       {
         isNarrowLayout,
         retryLabel,
-        title,
+        title: title ?? "",
         onRetry
       }
     );
@@ -4501,8 +4505,7 @@ function IssueManagerSidebarStandalonePane({
     IssueManagerSidebarEmptyState,
     {
       body: body ?? "",
-      isNarrowLayout,
-      title
+      isNarrowLayout
     }
   );
 }
@@ -4517,17 +4520,16 @@ function IssueManagerSearchField({
   return /* @__PURE__ */ jsxs11(
     "div",
     {
-      className: "relative min-w-0 flex-1",
+      className: issueManagerSidebarSearchFieldClassName,
       "data-has-value": searchInput.value ? "true" : "false",
       children: [
         /* @__PURE__ */ jsx13(
           Input2,
           {
             "aria-label": placeholder,
-            className: cn7(
-              "box-border h-8 min-h-8 rounded-md border-0 bg-[var(--transparency-block)] px-3 text-[13px] font-normal leading-normal text-[var(--text-primary)] shadow-none outline-none ring-0 transition-colors placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:border-0 focus:bg-[var(--transparency-hover)] focus-visible:border-0 focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 focus-visible:ring-offset-0 disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100",
-              "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
-              searchInput.value ? "pr-9" : "pr-3"
+            className: cn8(
+              issueManagerSidebarSearchInputClassName,
+              "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none"
             ),
             placeholder,
             type: "search",
@@ -4545,11 +4547,11 @@ function IssueManagerSearchField({
           "button",
           {
             "aria-label": clearLabel,
-            className: "absolute top-1/2 right-1 inline-flex size-6 -translate-y-1/2 items-center justify-center rounded-md border-0 bg-transparent p-0 text-[var(--text-tertiary)] transition-colors hover:bg-[var(--transparency-hover)] hover:text-[var(--text-secondary)] focus-visible:bg-[var(--transparency-hover)] focus-visible:text-[var(--text-secondary)] focus-visible:outline-none",
+            className: "room-issue-node__search-clear-button",
             type: "button",
             onClick: searchInput.clearValue,
             onMouseDown: (event) => event.preventDefault(),
-            children: /* @__PURE__ */ jsx13(CloseIcon, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx13(CloseIcon, { "aria-hidden": "true" })
           }
         ) : null
       ]
@@ -4567,7 +4569,7 @@ function IssueManagerSidebarIssueList({
   return /* @__PURE__ */ jsx13(
     "div",
     {
-      className: cn7(
+      className: cn8(
         "flex gap-2.5",
         isNarrowLayout ? "flex-row flex-nowrap items-start overflow-x-auto overflow-y-hidden [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "flex-col"
       ),
@@ -4598,7 +4600,7 @@ function IssueManagerSidebarItem({
   return /* @__PURE__ */ jsxs11(
     "button",
     {
-      className: cn7(
+      className: cn8(
         "relative rounded-lg border px-3.5 py-3.5 text-left transition-colors",
         isNarrowLayout ? "h-24 max-h-24 min-h-24 w-[clamp(220px,58vw,320px)] flex-[0_0_clamp(220px,58vw,320px)] overflow-hidden" : "w-full",
         selected ? "border-[var(--border-1)] bg-[var(--background-fronted)]" : "border-[var(--border-1)] bg-transparent hover:bg-[var(--transparency-block)]"
@@ -4660,14 +4662,14 @@ function IssueManagerSidebarLoadingState({
     "div",
     {
       "aria-hidden": "true",
-      className: cn7(
+      className: cn8(
         "gap-2.5",
         isNarrowLayout ? "flex flex-row flex-nowrap overflow-x-hidden" : "grid"
       ),
       children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: cn7(
+          className: cn8(
             "rounded-lg bg-transparent px-3.5 py-3.5",
             isNarrowLayout && "h-24 max-h-24 min-h-24 w-[clamp(220px,58vw,320px)] flex-[0_0_clamp(220px,58vw,320px)]"
           ),
@@ -4683,25 +4685,25 @@ function IssueManagerSidebarLoadingState({
   );
 }
 function IssueManagerSidebarEmptyState({
+  body,
   isNarrowLayout,
-  title,
   tone = "default"
 }) {
   return /* @__PURE__ */ jsx13(
     "div",
     {
-      className: cn7(
+      className: cn8(
         "relative flex flex-1 flex-col items-center justify-center self-stretch overflow-hidden p-0 text-center",
         isNarrowLayout ? "h-24 max-h-24 min-h-24 w-full flex-[0_0_100%]" : "min-h-full"
       ),
       children: /* @__PURE__ */ jsx13(
         "p",
         {
-          className: cn7(
+          className: cn8(
             "max-w-sm text-[13px] leading-5 text-[var(--text-secondary)]",
             tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-secondary)]"
           ),
-          children: title
+          children: body
         }
       )
     }
@@ -4716,7 +4718,7 @@ function IssueManagerSidebarErrorState({
   return /* @__PURE__ */ jsxs11(
     "div",
     {
-      className: cn7(
+      className: cn8(
         "relative flex flex-1 flex-col items-center justify-center self-stretch overflow-hidden px-4 py-6 text-center",
         isNarrowLayout ? "h-24 max-h-24 min-h-24 w-full flex-[0_0_100%]" : "min-h-full"
       ),
@@ -4754,8 +4756,7 @@ function resolveIssueManagerSidebarPresentationState(input) {
   if (sidebarViewState.kind === "empty") {
     return {
       body: sidebarViewState.body,
-      kind: "empty",
-      title: sidebarViewState.title
+      kind: "empty"
     };
   }
   return { kind: "none" };
@@ -4794,7 +4795,7 @@ function IssueManagerSidebar({
     "aside",
     {
       "aria-hidden": isCollapsed ? "true" : void 0,
-      className: cn8(
+      className: cn9(
         "relative isolate flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-transparent opacity-100 transition-[border-color] duration-[140ms] ease-in-out after:pointer-events-none after:absolute after:inset-0 after:z-[1] after:bg-[color-mix(in_srgb,var(--background-panel)_88%,transparent)] after:opacity-0 after:transition-opacity after:duration-[160ms] after:delay-[70ms] motion-reduce:transition-none motion-reduce:after:transition-none [&>*]:transition-[opacity,filter] [&>*]:duration-[160ms] [&>*]:delay-[70ms] [&>*]:ease-in-out motion-reduce:[&>*]:transition-none",
         isNarrowLayout ? "border-b border-[var(--border-1)]" : "border-r border-[var(--border-1)]",
         isCollapsed && "pointer-events-none border-r-transparent after:opacity-100 after:delay-0 [&>*]:opacity-0 [&>*]:blur-[1px] [&>*]:delay-0 motion-reduce:[&>*]:blur-none"
@@ -4824,7 +4825,7 @@ function IssueManagerSidebar({
         /* @__PURE__ */ jsx14(
           "div",
           {
-            className: cn8(
+            className: cn9(
               "relative flex min-h-0 flex-col",
               isNarrowLayout ? "flex-none" : "flex-1"
             ),
@@ -4835,7 +4836,7 @@ function IssueManagerSidebar({
                 isNarrowLayout: false,
                 kind: presentation.kind,
                 retryLabel: presentation.kind === "error" ? presentation.retryLabel : void 0,
-                title: presentation.title,
+                title: presentation.kind === "error" ? presentation.title : void 0,
                 onRetry: () => controller.refreshAll()
               }
             ) }) : /* @__PURE__ */ jsx14(
@@ -4949,7 +4950,7 @@ function IssueManagerTaskComposerPane({
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
 import { useRef as useRef5 } from "react";
-import { ScrollArea as ScrollArea4, cn as cn9 } from "@tutti-os/ui-system";
+import { ScrollArea as ScrollArea4, cn as cn10 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
 import { useState as useState8 } from "react";
@@ -5346,7 +5347,7 @@ function IssueManagerTaskDrawer({
   return /* @__PURE__ */ jsx17(
     "div",
     {
-      className: cn9(
+      className: cn10(
         "absolute inset-0 z-20 flex justify-end overscroll-contain bg-[var(--backdrop)] backdrop-blur-[1px] motion-reduce:animate-none",
         isClosing ? "motion-safe:animate-out motion-safe:fade-out-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)]" : "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)]"
       ),
@@ -5361,7 +5362,7 @@ function IssueManagerTaskDrawer({
       children: /* @__PURE__ */ jsxs15(
         "aside",
         {
-          className: cn9(
+          className: cn10(
             "flex h-full w-[min(360px,92cqw)] flex-col overscroll-contain border-l border-border-1 bg-background-panel text-[var(--text-primary)] shadow-[-20px_0_60px_var(--shadow-elevated)] @min-[960px]/issue-manager-content:w-[480px] motion-reduce:animate-none",
             isClosing ? "motion-safe:animate-out motion-safe:slide-out-to-right-full motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.4,0,0.2,1)]" : "motion-safe:animate-in motion-safe:slide-in-from-right-full motion-safe:duration-[220ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)]"
           ),
@@ -5386,7 +5387,7 @@ function IssueManagerTaskDrawer({
                 children: /* @__PURE__ */ jsx17(
                   "div",
                   {
-                    className: cn9(
+                    className: cn10(
                       "flex flex-col",
                       view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-8 px-6 pt-1 pb-7"
                     ),
@@ -5829,7 +5830,7 @@ function IssueManagerShell({
             "aria-valuemax": shellView.resizeHandle.ariaValueMax,
             "aria-valuemin": shellView.resizeHandle.ariaValueMin,
             "aria-valuenow": shellView.resizeHandle.ariaValueNow,
-            className: cn10(
+            className: cn11(
               "group absolute top-0 bottom-0 left-[calc(var(--issue-manager-sidebar-width)-6px)] z-20 w-3 cursor-col-resize touch-none opacity-100 transition-[left,opacity] duration-[180ms,120ms] ease-[cubic-bezier(0.4,0,0.2,1),ease] motion-reduce:transition-none",
               shellView.sidebar.isCollapsed && "pointer-events-none left-[-6px] opacity-0"
             ),
@@ -5914,8 +5915,8 @@ function IssueManagerShellEmptyState({
   emptyIllustration
 }) {
   return /* @__PURE__ */ jsx18("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs16("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
-    emptyIllustration ? /* @__PURE__ */ jsx18("div", { className: "mb-4", children: emptyIllustration }) : null,
-    /* @__PURE__ */ jsx18("h2", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
+    emptyIllustration ? /* @__PURE__ */ jsx18("div", { className: "mb-2", children: emptyIllustration }) : null,
+    /* @__PURE__ */ jsx18("h2", { className: "text-[15px] font-semibold leading-5 text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
     /* @__PURE__ */ jsx18("p", { className: "max-w-[420px] text-[13px] leading-5 text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
     /* @__PURE__ */ jsxs16(
       Button11,
@@ -5924,7 +5925,7 @@ function IssueManagerShellEmptyState({
         type: "button",
         onClick: () => controller.setIssueEditorMode("create"),
         children: [
-          /* @__PURE__ */ jsx18(FileCreateIcon4, { size: 16 }),
+          /* @__PURE__ */ jsx18(FileCreateIcon3, { size: 16 }),
           controller.copy.t("actions.createIssue")
         ]
       }
@@ -5952,13 +5953,13 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger as DropdownMenuTrigger2,
   EditIcon,
-  FileCreateIcon as FileCreateIcon5,
+  FileCreateIcon as FileCreateIcon4,
   Input as Input3,
   MoreHorizontalIcon,
   PinFilledIcon,
   PinIcon,
   Textarea,
-  cn as cn11
+  cn as cn12
 } from "@tutti-os/ui-system";
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var topicSelectorMenuItemClassName = "min-h-7 overflow-hidden rounded-md py-1 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]";
@@ -5994,7 +5995,7 @@ function IssueManagerTopicSelector({
         Button12,
         {
           "aria-label": topicLabel,
-          className: cn11(
+          className: cn12(
             "max-w-[220px] gap-1 rounded-md border-0 bg-transparent text-[13px] font-normal shadow-none hover:bg-transparent focus:bg-transparent focus-visible:border-0 focus-visible:bg-transparent focus-visible:ring-0 active:bg-transparent aria-expanded:bg-transparent [&[data-state=open]>svg]:rotate-180",
             className
           ),
@@ -6016,7 +6017,7 @@ function IssueManagerTopicSelector({
             /* @__PURE__ */ jsxs17(
               DropdownMenuItem2,
               {
-                className: cn11(
+                className: cn12(
                   topicSelectorMenuItemClassName,
                   topicSelectorRowItemClassName
                 ),
@@ -6037,7 +6038,7 @@ function IssueManagerTopicSelector({
               BareIconButton2,
               {
                 "aria-label": pinLabel,
-                className: cn11(
+                className: cn12(
                   "pointer-events-none shrink-0 opacity-0 text-[var(--text-tertiary)] transition-opacity duration-150 group-hover/topic-row:pointer-events-auto group-hover/topic-row:opacity-100 group-focus-within/topic-row:pointer-events-auto group-focus-within/topic-row:opacity-100 hover:text-[var(--text-primary)]",
                   isPinned && "text-[var(--text-primary)]"
                 ),
@@ -6117,7 +6118,7 @@ function IssueManagerTopicSelector({
         /* @__PURE__ */ jsxs17(
           DropdownMenuItem2,
           {
-            className: cn11(
+            className: cn12(
               topicSelectorMenuItemClassName,
               "justify-start gap-2 px-2 text-left"
             ),
@@ -6129,7 +6130,7 @@ function IssueManagerTopicSelector({
               });
             },
             children: [
-              /* @__PURE__ */ jsx19(FileCreateIcon5, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx19(FileCreateIcon4, { className: "size-3.5" }),
               /* @__PURE__ */ jsx19("span", { className: "truncate", children: copy.t("actions.createTopic") })
             ]
           }
@@ -6401,6 +6402,8 @@ function IssueManagerNode({
   );
 }
 var issueManagerWorkbenchDragHandleAttribute = "data-workbench-drag-handle";
+var issueManagerHeaderChromeIconButtonClassName = "cursor-pointer rounded-md text-[var(--text-secondary)] hover:text-[var(--text-primary)]";
+var issueManagerHeaderChromeIconClassName = "size-3.5";
 function IssueManagerNodeHeader({
   activeTopicId = null,
   className,
@@ -6442,7 +6445,7 @@ function IssueManagerNodeHeader({
     "header",
     {
       ...restHeaderProps,
-      className: cn12(
+      className: cn13(
         "relative flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
@@ -6459,14 +6462,14 @@ function IssueManagerNodeHeader({
           "div",
           {
             ...dragHandleProps,
-            className: "z-10 flex min-w-0 cursor-grab items-center gap-2 active:cursor-grabbing",
+            className: "z-10 flex min-w-0 flex-1 cursor-grab items-center gap-1 active:cursor-grabbing",
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
+              /* @__PURE__ */ jsx20("span", { className: "shrink-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
               /* @__PURE__ */ jsx20(
                 Button13,
                 {
                   "aria-label": toggleLabel,
-                  className: "cursor-pointer rounded-md",
+                  className: issueManagerHeaderChromeIconButtonClassName,
                   "data-issue-manager-sidebar-auto-collapsed": isSidebarAutoCollapsed ? "true" : void 0,
                   "data-issue-manager-sidebar-collapsed": effectiveCollapsed ? "true" : void 0,
                   size: "icon-sm",
@@ -6479,7 +6482,7 @@ function IssueManagerNodeHeader({
                   },
                   onDoubleClick: (event) => event.stopPropagation(),
                   onPointerDown: (event) => event.stopPropagation(),
-                  children: /* @__PURE__ */ jsx20(PanelIcon, { className: "size-[18px]" })
+                  children: /* @__PURE__ */ jsx20(PanelIcon, { className: issueManagerHeaderChromeIconClassName })
                 }
               )
             ]
@@ -6549,4 +6552,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-AM6P2Q3K.js.map
+//# sourceMappingURL=chunk-FHPEIPBO.js.map