@nextop-os/workspace-issue-manager 0.0.28 → 0.0.29

package/dist/{chunk-UT34M3FS.js → chunk-YTOMO5IO.js}

@@ -23,7 +23,7 @@ import {
   resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput
-} from "./chunk-I7SVY3KV.js";
+} from "./chunk-DRWYHOZ2.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   clampIssueManagerSidebarWidth,
@@ -34,7 +34,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-SUCZIXKI.js";
+} from "./chunk-YN5NYKAA.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -85,25 +85,26 @@ function createIssueManagerKeyedReplayEventHub(input) {
   };
 }
 var issueManagerTopicHeaderStateHub = createIssueManagerKeyedReplayEventHub({
-  getKey: (detail) => detail.nodeId
+  getKey: issueManagerNodeScopeKey
 });
 var issueManagerTopicSelectionHub = createIssueManagerKeyedEventHub({
-  getKey: (detail) => detail.nodeId
+  getKey: issueManagerNodeScopeKey
 });
 var issueManagerTopicCreateHub = createIssueManagerKeyedEventHub({
-  getKey: (detail) => detail.nodeId
+  getKey: issueManagerNodeScopeKey
 });
 var issueManagerTopicDeleteHub = createIssueManagerKeyedEventHub({
-  getKey: (detail) => detail.nodeId
+  getKey: issueManagerNodeScopeKey
 });
 var issueManagerTopicUpdateHub = createIssueManagerKeyedEventHub({
-  getKey: (detail) => detail.nodeId
+  getKey: issueManagerNodeScopeKey
 });
 function resolveIssueManagerTopicHeaderState(input) {
-  return issueManagerTopicHeaderStateHub.get(input.nodeId) ?? {
+  return issueManagerTopicHeaderStateHub.get(issueManagerNodeScopeKey(input)) ?? {
     activeTopicId: input.activeTopicId,
     nodeId: input.nodeId,
-    topics: []
+    topics: [],
+    workspaceId: input.workspaceId
   };
 }
 function dispatchIssueManagerTaskListCollapsed(input) {
@@ -142,7 +143,7 @@ function useIssueManagerTaskListCollapsedSync(input) {
     }
     const handleTaskListCollapsedChange = (event) => {
       const detail = event.detail;
-      if (detail?.nodeId !== input.nodeId) {
+      if (detail?.nodeId !== input.nodeId || detail.workspaceId !== input.workspaceId) {
         return;
       }
       onCollapsedChange(detail.collapsed);
@@ -157,7 +158,7 @@ function useIssueManagerTaskListCollapsedSync(input) {
         handleTaskListCollapsedChange
       );
     };
-  }, [input.nodeId, onCollapsedChange]);
+  }, [input.nodeId, input.workspaceId, onCollapsedChange]);
 }
 function useIssueManagerTopicHeaderStateSync(input) {
   const [state, setState] = useState(
@@ -165,18 +166,18 @@ function useIssueManagerTopicHeaderStateSync(input) {
   );
   useEffect(() => {
     setState(
-      (current) => current.activeTopicId === input.activeTopicId && current.nodeId === input.nodeId && current.topics === resolveIssueManagerTopicHeaderState(input).topics ? current : resolveIssueManagerTopicHeaderState(input)
+      (current) => current.activeTopicId === input.activeTopicId && current.nodeId === input.nodeId && current.workspaceId === input.workspaceId && current.topics === resolveIssueManagerTopicHeaderState(input).topics ? current : resolveIssueManagerTopicHeaderState(input)
     );
-  }, [input.activeTopicId, input.nodeId]);
+  }, [input.activeTopicId, input.nodeId, input.workspaceId]);
   useEffect(() => {
     const handleTopicHeaderStateChange = (detail) => {
       setState(detail);
     };
     return issueManagerTopicHeaderStateHub.subscribe(
-      input.nodeId,
+      issueManagerNodeScopeKey(input),
       handleTopicHeaderStateChange
     );
-  }, [input.nodeId]);
+  }, [input.nodeId, input.workspaceId]);
   return state;
 }
 function useIssueManagerTopicHeaderCommandSync(input) {
@@ -198,19 +199,19 @@ function useIssueManagerTopicHeaderCommandSync(input) {
       onUpdateTopic(detail.input);
     };
     const unsubscribeSelection = issueManagerTopicSelectionHub.subscribe(
-      input.nodeId,
+      issueManagerNodeScopeKey(input),
       handleTopicSelection
     );
     const unsubscribeCreate = issueManagerTopicCreateHub.subscribe(
-      input.nodeId,
+      issueManagerNodeScopeKey(input),
       handleTopicCreate
     );
     const unsubscribeDelete = issueManagerTopicDeleteHub.subscribe(
-      input.nodeId,
+      issueManagerNodeScopeKey(input),
       handleTopicDelete
     );
     const unsubscribeUpdate = issueManagerTopicUpdateHub.subscribe(
-      input.nodeId,
+      issueManagerNodeScopeKey(input),
       handleTopicUpdate
     );
     return () => {
@@ -221,6 +222,7 @@ function useIssueManagerTopicHeaderCommandSync(input) {
     };
   }, [
     input.nodeId,
+    input.workspaceId,
     onCreateTopic,
     onDeleteTopic,
     onSelectTopic,
@@ -236,7 +238,8 @@ function useIssueManagerNodeHeaderView(input) {
   }, [input.isSidebarCollapsed]);
   useIssueManagerTaskListCollapsedSync({
     nodeId: input.nodeId,
-    onCollapsedChange: setManualCollapsed
+    onCollapsedChange: setManualCollapsed,
+    workspaceId: input.workspaceId
   });
   const effectiveCollapsed = input.isSidebarAutoCollapsed || manualCollapsed;
   return {
@@ -247,6 +250,9 @@ function useIssueManagerNodeHeaderView(input) {
     }
   };
 }
+function issueManagerNodeScopeKey(input) {
+  return `${input.workspaceId}\0${input.nodeId}`;
+}
 function resolveIssueManagerSelectedIssue(input) {
   if (!input.selectedIssueId) {
     return null;
@@ -272,10 +278,31 @@ import {
 } from "@nextop-os/workspace-file-reference/react";
 
 // src/ui/react/internal/controller/useIssueManagerController.ts
-import { useMemo as useMemo2 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/ui/react/internal/controller/IssueManagerControllerCapabilities.ts
-var issueManagerProviderOptions = ["codex"];
+var defaultIssueManagerAgentProviderOptions = [
+  {
+    label: "Codex",
+    provider: "codex"
+  }
+];
+function resolveIssueManagerAgentProviderOptions(feature) {
+  if (!feature.agentProviderOptions) {
+    return defaultIssueManagerAgentProviderOptions;
+  }
+  const configuredOptions = feature.agentProviderOptions.getOptions();
+  const normalizedOptions = configuredOptions.map((option) => {
+    const disabledReason = option.disabledReason?.trim();
+    return {
+      ...option.disabled === true ? { disabled: true } : {},
+      ...disabledReason ? { disabledReason } : {},
+      label: option.label.trim() || option.provider.trim(),
+      provider: option.provider.trim()
+    };
+  }).filter((option) => option.provider && option.label);
+  return normalizedOptions;
+}
 function resolveIssueManagerControllerCapabilities(feature) {
   return {
     canSelectExecutionDirectory: typeof feature.executionDirectoryPicker?.selectDirectory === "function",
@@ -560,17 +587,82 @@ function createIssueManagerInsertReferencesPlan(input) {
 
 // src/services/internal/run/controllerRunCommands.ts
 async function executeIssueManagerRunTask(input) {
-  const result = await input.feature.agentRunner.runTask({
-    ...input.executionDirectory?.trim() ? { executionDirectory: input.executionDirectory.trim() } : {},
-    issue: input.issue,
-    provider: input.provider,
-    ...input.task ? { task: input.task } : {},
+  const agentSessionId = createIssueManagerAgentSessionId();
+  const run = await input.feature.backend.createRun({
+    agentProvider: input.provider,
+    agentSessionId,
+    issueId: input.issue.issueId,
+    ...input.task ? { taskId: input.task.taskId } : {},
+    workspaceId: input.workspaceId
+  });
+  let result;
+  try {
+    result = await input.feature.agentRunner.runTask({
+      agentSessionId,
+      run,
+      ...input.executionDirectory?.trim() ? { executionDirectory: input.executionDirectory.trim() } : {},
+      issue: input.issue,
+      provider: input.provider,
+      ...input.task ? { task: input.task } : {},
+      workspaceId: input.workspaceId
+    });
+  } catch (error) {
+    await input.feature.backend.completeRun({
+      errorMessage: errorMessageFromUnknown(error),
+      issueId: input.issue.issueId,
+      outputs: [],
+      runId: run.runId,
+      status: "failed",
+      ...input.task ? { taskId: input.task.taskId } : {},
+      workspaceId: input.workspaceId
+    });
+    throw error;
+  }
+  const completed = await input.feature.backend.completeRun({
+    errorMessage: result.errorMessage,
+    issueId: input.issue.issueId,
+    outputs: result.outputs ?? [],
+    runId: run.runId,
+    status: result.status,
+    summary: result.summary,
+    ...input.task ? { taskId: input.task.taskId } : {},
     workspaceId: input.workspaceId
   });
   return {
-    status: result.status
+    status: completed.run.status
   };
 }
+function createIssueManagerAgentSessionId() {
+  const randomUUID = globalThis.crypto?.randomUUID?.();
+  if (randomUUID) {
+    return randomUUID;
+  }
+  const bytes = new Uint8Array(16);
+  const crypto = globalThis.crypto;
+  if (crypto?.getRandomValues) {
+    crypto.getRandomValues(bytes);
+  } else {
+    for (let index = 0; index < bytes.length; index += 1) {
+      bytes[index] = Math.floor(Math.random() * 256);
+    }
+  }
+  bytes[6] = (bytes[6] ?? 0) & 15 | 64;
+  bytes[8] = (bytes[8] ?? 0) & 63 | 128;
+  const hex = Array.from(
+    bytes,
+    (byte) => byte.toString(16).padStart(2, "0")
+  ).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+function errorMessageFromUnknown(error) {
+  if (error instanceof Error) {
+    return error.message;
+  }
+  if (typeof error === "string") {
+    return error;
+  }
+  return String(error);
+}
 
 // src/services/internal/save/controllerSaveCommands.ts
 async function executeIssueManagerSaveIssue(input) {
@@ -1438,6 +1530,15 @@ function useIssueManagerController({
     () => resolveIssueManagerControllerCapabilities(feature),
     [feature]
   );
+  const [providerOptions, setProviderOptions] = useState2(
+    () => resolveIssueManagerAgentProviderOptions(feature)
+  );
+  useEffect3(() => {
+    setProviderOptions(resolveIssueManagerAgentProviderOptions(feature));
+    return feature.agentProviderOptions?.subscribe?.(() => {
+      setProviderOptions(resolveIssueManagerAgentProviderOptions(feature));
+    });
+  }, [feature]);
   const actions = createIssueManagerControllerActionsBridge({
     controllerSession,
     copy,
@@ -1524,7 +1625,7 @@ function useIssueManagerController({
     isRunningTask,
     nodeState,
     notification,
-    providerOptions: issueManagerProviderOptions,
+    providerOptions,
     listExecutionDirectoryProjects: () => feature.executionDirectoryPicker?.listUserProjects?.() ?? Promise.resolve({ projects: [] }),
     referenceTarget,
     selectTopic(topicId) {
@@ -1578,7 +1679,8 @@ function useIssueManagerNodeView({
     nodeId,
     onCollapsedChange: (collapsed) => {
       controller.setTaskListCollapsed(collapsed);
-    }
+    },
+    workspaceId
   });
   const selectedIssue = resolveIssueManagerSelectedIssue({
     issueDetail: controller.issueDetail.value?.issue ?? null,
@@ -1622,18 +1724,23 @@ import {
 
 // src/ui/IssueManagerNode.tsx
 import {
-  useEffect as useEffect10
+  useEffect as useEffect11
 } from "react";
 import { Button as Button12, PanelIcon, cn as cn11 } from "@nextop-os/ui-system";
 import { WorkspaceFileReferencePicker } from "@nextop-os/workspace-file-reference/ui";
 
 // src/ui/internal/shell/IssueManagerShell.tsx
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState10 } from "react";
 import { Button as Button10, FileCreateIcon as FileCreateIcon4, cn as cn9 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
-import { useState as useState5 } from "react";
-import { Badge as Badge2, Button as Button4, ConfirmationDialog } from "@nextop-os/ui-system";
+import { useState as useState6 } from "react";
+import {
+  Badge as Badge2,
+  Button as Button4,
+  ConfirmationDialog,
+  ScrollArea as ScrollArea2
+} from "@nextop-os/ui-system";
 
 // src/ui/internal/status/IssueManagerStatusBadge.ts
 function issueManagerStatusBadgeVariant(status) {
@@ -1728,20 +1835,23 @@ function IssueManagerDetailTextSection({
   meta,
   tone = "muted"
 }) {
+  const bodyText = stripIssueManagerDescriptionTerminalPunctuation(body);
+  const metaText = meta ? stripIssueManagerDescriptionTerminalPunctuation(meta) : null;
+  const bodyClassName = cn(
+    "max-w-full whitespace-normal break-words text-[14px] 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)]"
+  );
+  if (isPlaceholder) {
+    return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2.5", children: [
+      /* @__PURE__ */ jsx2("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: label }),
+      /* @__PURE__ */ jsx2("p", { className: bodyClassName, children: bodyText })
+    ] });
+  }
   return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2.5", children: [
     /* @__PURE__ */ jsx2("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: label }),
-    /* @__PURE__ */ jsxs2("div", { className: "rounded-[12px] border border-[var(--line-2)] px-4 py-3", children: [
-      /* @__PURE__ */ jsx2(
-        "p",
-        {
-          className: cn(
-            "truncate text-[14px] leading-5",
-            isPlaceholder ? "font-normal text-[var(--text-secondary)]" : tone === "destructive" ? "font-semibold text-[var(--state-danger)]" : "font-semibold text-[var(--text-primary)]"
-          ),
-          children: stripIssueManagerDescriptionTerminalPunctuation(body)
-        }
-      ),
-      meta ? /* @__PURE__ */ jsx2("p", { className: "mt-1 truncate text-xs font-normal text-[var(--text-secondary)]", children: stripIssueManagerDescriptionTerminalPunctuation(meta) }) : null
+    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 rounded-[12px] border border-[var(--line-2)] px-4 py-3", children: [
+      /* @__PURE__ */ jsx2("p", { className: bodyClassName, children: bodyText }),
+      metaText ? /* @__PURE__ */ jsx2("p", { className: "mt-1 truncate text-xs font-normal text-[var(--text-secondary)]", children: metaText }) : null
     ] })
   ] });
 }
@@ -1752,10 +1862,10 @@ function IssueManagerOutputSection({
 }) {
   return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2.5", children: [
     /* @__PURE__ */ jsx2("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.executionOutputs") }),
-    outputs.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx2("div", { className: "grid gap-2", children: outputs.map((output) => /* @__PURE__ */ jsxs2(
+    outputs.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-[12px] border border-[var(--line-2)] bg-transparent", children: outputs.map((output) => /* @__PURE__ */ jsxs2(
       "button",
       {
-        className: "flex items-start justify-between gap-4 rounded-xl border border-border/65 px-4 py-3 text-left transition-colors hover:bg-transparency-hover",
+        className: "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 hover:bg-transparency-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset",
         type: "button",
         onClick: () => {
           void onOpen({
@@ -1791,11 +1901,11 @@ function IssueManagerSubtaskSection({
         copy.t("actions.add")
       ] })
     ] }),
-    tasks.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-lg border border-border/70 bg-transparent", children: tasks.map((task) => /* @__PURE__ */ jsxs2(
+    tasks.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-lg border border-[var(--line-2)] bg-transparent", children: tasks.map((task) => /* @__PURE__ */ jsxs2(
       "button",
       {
         className: cn(
-          "flex w-full items-start justify-between gap-4 border-b border-border/70 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",
+          "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"
         ),
         type: "button",
@@ -1806,7 +1916,7 @@ function IssueManagerSubtaskSection({
               /* @__PURE__ */ jsx2("span", { className: "truncate text-sm font-semibold text-[var(--text-primary)]", children: task.title }),
               /* @__PURE__ */ jsx2(Badge, { variant: issueManagerStatusBadgeVariant(task.status), children: resolveIssueManagerStatusLabel(copy, task.status) })
             ] }),
-            /* @__PURE__ */ jsx2("p", { className: "mt-2 line-clamp-2 text-sm font-normal leading-6 text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
+            /* @__PURE__ */ jsx2("p", { className: "mt-2 line-clamp-2 text-[12px] font-normal leading-[1.5] text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
               task.content,
               copy.t("messages.taskContentEmpty")
             ) })
@@ -1822,7 +1932,7 @@ function IssueManagerSubtaskSection({
 }
 
 // src/ui/internal/content/IssueManagerDescriptionSection.tsx
-import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
+import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
 import { RichTextReadonlyContent } from "@nextop-os/ui-rich-text/editor";
 import { cn as cn2 } from "@nextop-os/ui-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1835,10 +1945,10 @@ function IssueManagerDescriptionSection({
   variant = "card"
 }) {
   const contentRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState2(false);
+  const [isOverflowing, setIsOverflowing] = useState3(false);
   const normalizedContent = normalizeIssueManagerContent(content).trim();
   const displayContent = stripIssueManagerDescriptionTerminalPunctuation(normalizedContent);
-  useEffect3(() => {
+  useEffect4(() => {
     if (variant === "plain") {
       setIsOverflowing(false);
       return;
@@ -1939,7 +2049,7 @@ function IssueManagerDescriptionContent({
 }
 
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
-import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "react";
 import { RichTextAtEditor } from "@nextop-os/ui-rich-text/editor";
 import { Button as Button3, LinkIcon, cn as cn3 } from "@nextop-os/ui-system";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -1958,10 +2068,10 @@ function IssueManagerRichTextTextarea({
     [controller, surface]
   );
   const showReferenceAction = controller.canReferenceWorkspaceFiles;
-  const [focusSignal, setFocusSignal] = useState3(0);
+  const [focusSignal, setFocusSignal] = useState4(0);
   const previousValueRef = useRef2(value);
   const wasAddingReferenceRef = useRef2(false);
-  useEffect4(() => {
+  useEffect5(() => {
     const isAddingReference = controller.referenceTarget?.mode === "insert" && controller.referenceTarget.parentKind === surface;
     if (wasAddingReferenceRef.current && !isAddingReference && value !== previousValueRef.current) {
       setFocusSignal((current) => current + 1);
@@ -2016,30 +2126,109 @@ function IssueManagerRichTextTextarea({
 
 // src/ui/internal/shell/IssueManagerDraftTitleInput.tsx
 import {
-  useEffect as useEffect5,
-  useState as useState4
+  useEffect as useEffect6,
+  useLayoutEffect,
+  useRef as useRef3,
+  useState as useState5
 } from "react";
 import { Input } from "@nextop-os/ui-system";
+
+// src/ui/internal/shell/IssueManagerDraftTitleInputState.ts
+function resolveIssueManagerDraftTitleSync(input) {
+  if (input.isComposing) {
+    return {
+      pendingCommit: input.pendingCommit,
+      shouldSyncLocalValue: false,
+      value: input.localValue
+    };
+  }
+  if (input.pendingCommit !== null) {
+    if (input.value === input.pendingCommit.committedValue) {
+      return {
+        pendingCommit: null,
+        shouldSyncLocalValue: input.localValue !== input.value,
+        value: input.value
+      };
+    }
+    if (input.localValue === input.pendingCommit.committedValue && input.value === input.pendingCommit.previousValue) {
+      return {
+        pendingCommit: input.pendingCommit,
+        shouldSyncLocalValue: false,
+        value: input.localValue
+      };
+    }
+  }
+  return {
+    pendingCommit: null,
+    shouldSyncLocalValue: input.localValue !== input.value,
+    value: input.value
+  };
+}
+
+// src/ui/internal/shell/IssueManagerDraftTitleInput.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 function IssueManagerDraftTitleInput({
   onChange,
   placeholder,
   value
 }) {
-  const [localValue, setLocalValue] = useState4(value);
-  const [isComposing, setIsComposing] = useState4(false);
-  useEffect5(() => {
-    if (!isComposing) {
-      setLocalValue(value);
+  const inputRef = useRef3(null);
+  const pendingSelectionRef = useRef3(null);
+  const pendingCommitRef = useRef3(
+    null
+  );
+  const [localValue, setLocalValue] = useState5(value);
+  const [isComposing, setIsComposing] = useState5(false);
+  useEffect6(() => {
+    const syncResult = resolveIssueManagerDraftTitleSync({
+      isComposing,
+      localValue,
+      pendingCommit: pendingCommitRef.current,
+      value
+    });
+    pendingCommitRef.current = syncResult.pendingCommit;
+    if (syncResult.shouldSyncLocalValue) {
+      setLocalValue(syncResult.value);
     }
-  }, [isComposing, value]);
+  }, [isComposing, localValue, value]);
+  useLayoutEffect(() => {
+    const input = inputRef.current;
+    const selection = pendingSelectionRef.current;
+    if (!input || !selection || document.activeElement !== input) {
+      return;
+    }
+    pendingSelectionRef.current = null;
+    const maxPosition = input.value.length;
+    input.setSelectionRange(
+      Math.min(selection.start, maxPosition),
+      Math.min(selection.end, maxPosition),
+      selection.direction
+    );
+  }, [localValue, value]);
+  const rememberSelection = (input) => {
+    const start = input.selectionStart;
+    const end = input.selectionEnd;
+    if (start === null || end === null) {
+      return;
+    }
+    pendingSelectionRef.current = {
+      direction: input.selectionDirection ?? "none",
+      end,
+      start
+    };
+  };
   const commitValue = (nextValue) => {
+    pendingCommitRef.current = {
+      committedValue: nextValue,
+      previousValue: value
+    };
     setLocalValue(nextValue);
     onChange(nextValue);
   };
   return /* @__PURE__ */ jsx5(
     Input,
     {
+      ref: inputRef,
       placeholder,
       variant: "md",
       value: localValue,
@@ -2048,12 +2237,15 @@ function IssueManagerDraftTitleInput({
       },
       onChange: (event) => {
         const nextValue = event.currentTarget.value;
-        setLocalValue(nextValue);
+        rememberSelection(event.currentTarget);
         if (!isComposing) {
-          onChange(nextValue);
+          commitValue(nextValue);
+          return;
         }
+        setLocalValue(nextValue);
       },
       onCompositionEnd: (event) => {
+        rememberSelection(event.currentTarget);
         setIsComposing(false);
         commitValue(event.currentTarget.value);
       },
@@ -2088,11 +2280,11 @@ function IssueManagerIssuePane({
   const selectedTask = selectedTaskId ? (controller.taskDetail.value?.task?.taskId === selectedTaskId ? controller.taskDetail.value.task : tasks.find((task) => task.taskId === selectedTaskId)) ?? null : null;
   const latestRun = selectedTask ? controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null : controller.issueDetail.value?.latestRun ?? controller.issueDetail.value?.recentRuns[0] ?? null;
   const latestOutputs = selectedTask ? controller.taskDetail.value?.latestOutputs ?? [] : controller.issueDetail.value?.latestOutputs ?? [];
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState5(false);
-  const [deleteBusy, setDeleteBusy] = useState5(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState6(false);
+  const [deleteBusy, setDeleteBusy] = useState6(false);
   if (isCreatingIssue || isEditingIssue) {
     return /* @__PURE__ */ jsxs5("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx6("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs5("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsx6(ScrollArea2, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx6("div", { className: "flex min-h-full flex-col gap-[14px] px-7 py-8", children: /* @__PURE__ */ jsxs5("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
         /* @__PURE__ */ jsx6(
           "div",
           {
@@ -2104,7 +2296,7 @@ function IssueManagerIssuePane({
           /* @__PURE__ */ jsxs5(
             "label",
             {
-              className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+              className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
               children: [
                 /* @__PURE__ */ jsx6("span", { className: "leading-5", children: copy.t("labels.title") }),
                 /* @__PURE__ */ jsx6(
@@ -2121,7 +2313,7 @@ function IssueManagerIssuePane({
           /* @__PURE__ */ jsxs5(
             "div",
             {
-              className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+              className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
               children: [
                 /* @__PURE__ */ jsx6("span", { className: "leading-5", children: copy.t("labels.content") }),
                 /* @__PURE__ */ jsx6(
@@ -2139,7 +2331,7 @@ function IssueManagerIssuePane({
             }
           )
         ] })
-      ] }) }),
+      ] }) }) }),
       /* @__PURE__ */ jsx6(
         "div",
         {
@@ -2173,7 +2365,7 @@ function IssueManagerIssuePane({
   if (!selectedIssue) {
     return /* @__PURE__ */ jsx6("div", { className: "h-full min-h-0" });
   }
-  return /* @__PURE__ */ jsx6("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx6("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx6(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs5("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
+  return /* @__PURE__ */ jsx6("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx6(ScrollArea2, { className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx6("div", { className: "px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx6(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs5("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
     /* @__PURE__ */ jsxs5("header", { className: "grid gap-3", children: [
       /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-6", children: [
         /* @__PURE__ */ jsx6("h2", { className: "line-clamp-2 text-base font-semibold leading-6 text-[var(--text-primary)]", children: selectedIssue.title }),
@@ -2199,11 +2391,13 @@ function IssueManagerIssuePane({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-sm font-normal text-[var(--text-secondary)]", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[12px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
         /* @__PURE__ */ jsx6(
           Badge2,
           {
-            variant: issueManagerStatusBadgeVariant(selectedIssue.status),
+            variant: issueManagerStatusBadgeVariant(
+              selectedIssue.status
+            ),
             children: resolveIssueManagerStatusLabel(copy, selectedIssue.status)
           }
         ),
@@ -2214,7 +2408,7 @@ function IssueManagerIssuePane({
             className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
           }
         ),
-        /* @__PURE__ */ jsxs5("span", { children: [
+        /* @__PURE__ */ jsxs5("span", { className: "text-[12px] font-normal leading-[1.3]", children: [
           copy.t("labels.creator"),
           " ",
           resolveIssueManagerCreatorLabel(selectedIssue)
@@ -2226,7 +2420,7 @@ function IssueManagerIssuePane({
             className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
           }
         ),
-        /* @__PURE__ */ jsxs5("span", { children: [
+        /* @__PURE__ */ jsxs5("span", { className: "text-[12px] font-normal leading-[1.3]", children: [
           copy.t("labels.createdAt"),
           " ",
           formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
@@ -2293,14 +2487,14 @@ function IssueManagerIssuePane({
         tasks
       }
     )
-  ] }) }) });
+  ] }) }) }) });
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
 import { Button as Button6, cn as cn5 } from "@nextop-os/ui-system";
 
 // src/ui/internal/task/IssueManagerRunSections.tsx
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect7, useState as useState7 } from "react";
 import {
   Badge as Badge3,
   AgentSessionsIcon,
@@ -2321,26 +2515,24 @@ import {
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var executionDirectoryMenuItemClassName = "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)]";
 var executionDirectoryMenuItemCheckClassName = "pointer-events-none absolute right-2 top-1/2 shrink-0 -translate-y-1/2";
+var providerMenuItemClassName = "min-h-8 overflow-hidden rounded-md py-1.5 pr-7 pl-2.5 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]";
+var providerMenuItemCheckClassName = "pointer-events-none absolute right-2 top-1/2 shrink-0 -translate-y-1/2";
 function IssueManagerRunActionTrigger({
   controller,
   disabled = false,
   triggerClassName,
   triggerVariant = "default"
 }) {
-  return /* @__PURE__ */ jsxs6(
-    Button5,
+  return /* @__PURE__ */ jsx7(
+    IssueManagerProviderActionMenu,
     {
-      className: cn4("min-w-0", triggerClassName),
+      controller,
       disabled: controller.isRunningTask || disabled,
-      size: triggerVariant === "button" ? "dialog" : "default",
-      type: "button",
-      onClick: () => {
-        void controller.runTask();
-      },
-      children: [
-        /* @__PURE__ */ jsx7(AgentSessionsIcon, { size: 16 }),
-        /* @__PURE__ */ jsx7("span", { className: "truncate", children: controller.copy.t("actions.askAgentToRun") })
-      ]
+      icon: /* @__PURE__ */ jsx7(AgentSessionsIcon, { size: 16 }),
+      label: controller.copy.t("actions.askAgentToRun"),
+      triggerClassName,
+      triggerVariant,
+      onSelectProvider: (provider) => controller.runTask(provider)
     }
   );
 }
@@ -2350,35 +2542,92 @@ function IssueManagerBreakdownActionTrigger({
   triggerClassName,
   triggerVariant = "default"
 }) {
-  return /* @__PURE__ */ jsxs6(
-    Button5,
+  return /* @__PURE__ */ jsx7(
+    IssueManagerProviderActionMenu,
     {
-      className: cn4("min-w-0", triggerClassName),
+      controller,
       disabled,
-      size: triggerVariant === "button" ? "dialog" : "default",
-      type: "button",
-      variant: "secondary",
-      onClick: () => {
-        void controller.startTaskBreakdown();
-      },
-      children: [
-        /* @__PURE__ */ jsx7(IssueIcon, { size: 16 }),
-        /* @__PURE__ */ jsx7("span", { className: "truncate", children: controller.copy.t("actions.askAgentToBreakdown") })
-      ]
+      icon: /* @__PURE__ */ jsx7(IssueIcon, { size: 16 }),
+      label: controller.copy.t("actions.askAgentToBreakdown"),
+      triggerClassName,
+      triggerVariant,
+      triggerButtonVariant: "secondary",
+      onSelectProvider: (provider) => controller.startTaskBreakdown(provider)
     }
   );
 }
+function IssueManagerProviderActionMenu({
+  controller,
+  disabled,
+  icon,
+  label,
+  onSelectProvider,
+  triggerButtonVariant,
+  triggerClassName,
+  triggerVariant
+}) {
+  const providerOptions = controller.providerOptions;
+  const selectedProvider = controller.nodeState.selectedAgentProvider.trim();
+  return /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs6(
+      Button5,
+      {
+        className: cn4("min-w-0", triggerClassName),
+        disabled,
+        size: triggerVariant === "button" ? "dialog" : "default",
+        type: "button",
+        variant: triggerButtonVariant,
+        children: [
+          icon,
+          /* @__PURE__ */ jsx7("span", { className: "truncate", children: label }),
+          /* @__PURE__ */ jsx7(ChevronDownIcon, { className: "shrink-0", size: 14 })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx7(
+      DropdownMenuContent,
+      {
+        align: "end",
+        className: "w-[220px] min-w-[220px]",
+        style: { zIndex: "var(--z-panel-popover)" },
+        children: providerOptions.length === 0 ? /* @__PURE__ */ jsx7(DropdownMenuItem, { className: providerMenuItemClassName, disabled: true, children: controller.copy.t("messages.noAgentProviders") }) : providerOptions.map((option) => /* @__PURE__ */ jsx7(
+          DropdownMenuItem,
+          {
+            className: providerMenuItemClassName,
+            disabled: option.disabled === true,
+            title: option.disabledReason,
+            onSelect: () => {
+              void onSelectProvider(option.provider);
+            },
+            children: /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
+              /* @__PURE__ */ jsx7(AgentSessionsIcon, { "aria-hidden": true, size: 15 }),
+              /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
+              option.provider === selectedProvider ? /* @__PURE__ */ jsx7(
+                CheckIcon,
+                {
+                  className: providerMenuItemCheckClassName,
+                  size: 15
+                }
+              ) : null
+            ] })
+          },
+          option.provider
+        ))
+      }
+    )
+  ] });
+}
 function IssueManagerExecutionDirectoryTrigger({
   className,
   controller,
   disabled = false
 }) {
-  const [projects, setProjects] = useState6([]);
-  const [isLoading, setIsLoading] = useState6(false);
+  const [projects, setProjects] = useState7([]);
+  const [isLoading, setIsLoading] = useState7(false);
   const selectedPath = controller.nodeState.selectedExecutionDirectory?.trim() ?? "";
   const selectedProject = projects.find((project) => project.path === selectedPath) ?? null;
   const triggerLabel = selectedProject ? selectedProject.label : selectedPath ? controller.copy.t("labels.customExecutionDirectory") : controller.copy.t("labels.noProject");
-  useEffect6(() => {
+  useEffect7(() => {
     let canceled = false;
     setIsLoading(true);
     void controller.listExecutionDirectoryProjects().then((response) => {
@@ -2444,14 +2693,7 @@ function IssueManagerExecutionDirectoryTrigger({
               },
               children: /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
                 /* @__PURE__ */ jsx7(FolderIcon, { "aria-hidden": true, size: 15 }),
-                /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
-                  /* @__PURE__ */ jsx7("span", { children: controller.copy.t("labels.customExecutionDirectory") }),
-                  /* @__PURE__ */ jsxs6("span", { className: "text-[var(--text-secondary)]", children: [
-                    " ",
-                    "/ ",
-                    selectedPath
-                  ] })
-                ] }),
+                /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: controller.copy.t("labels.customExecutionDirectory") }),
                 /* @__PURE__ */ jsx7(
                   CheckIcon,
                   {
@@ -2471,14 +2713,7 @@ function IssueManagerExecutionDirectoryTrigger({
               },
               children: /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
                 /* @__PURE__ */ jsx7(FolderIcon, { "aria-hidden": true, size: 15 }),
-                /* @__PURE__ */ jsxs6("span", { className: "min-w-0 flex-1 truncate", children: [
-                  /* @__PURE__ */ jsx7("span", { children: project.label }),
-                  /* @__PURE__ */ jsxs6("span", { className: "text-[var(--text-secondary)]", children: [
-                    " ",
-                    "/ ",
-                    project.path
-                  ] })
-                ] }),
+                /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate", children: project.label }),
                 project.path === selectedPath ? /* @__PURE__ */ jsx7(
                   CheckIcon,
                   {
@@ -2634,7 +2869,7 @@ import {
   CloseIcon,
   FileCreateIcon as FileCreateIcon3,
   Input as Input2,
-  ScrollArea as ScrollArea2,
+  ScrollArea as ScrollArea3,
   UnderlineTabs,
   cn as cn6
 } from "@nextop-os/ui-system";
@@ -2783,7 +3018,7 @@ function IssueManagerSidebarBody({
   onSelectIssue
 }) {
   return /* @__PURE__ */ jsx10(
-    ScrollArea2,
+    ScrollArea3,
     {
       className: cn6("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
       children: /* @__PURE__ */ jsx10(
@@ -2949,7 +3184,7 @@ function IssueManagerSidebarItem({
         ),
         /* @__PURE__ */ jsxs8("div", { className: "min-w-0 space-y-2", children: [
           /* @__PURE__ */ jsx10("p", { className: "pr-28 text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerDate(issue.updatedAtUnix ?? issue.createdAtUnix) }),
-          /* @__PURE__ */ jsx10("p", { className: "line-clamp-4 text-[14px] font-semibold leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
+          /* @__PURE__ */ jsx10("p", { className: "line-clamp-4 text-[14px] font-medium leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
         ] }),
         /* @__PURE__ */ jsx10("div", { className: "mt-2 text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: copy.t("labels.taskCount", { count: issue.taskCount ?? 0 }) })
       ]
@@ -3171,7 +3406,7 @@ function IssueManagerTaskComposerPane({
         /* @__PURE__ */ jsxs10(
           "label",
           {
-            className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+            className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
             children: [
               /* @__PURE__ */ jsx12("span", { className: "leading-5", children: copy.t("labels.title") }),
               /* @__PURE__ */ jsx12(
@@ -3188,7 +3423,7 @@ function IssueManagerTaskComposerPane({
         /* @__PURE__ */ jsxs10(
           "div",
           {
-            className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+            className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
             children: [
               /* @__PURE__ */ jsx12("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
               /* @__PURE__ */ jsx12(
@@ -3239,10 +3474,10 @@ function IssueManagerTaskComposerPane({
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
-import { ScrollArea as ScrollArea3, cn as cn8 } from "@nextop-os/ui-system";
+import { ScrollArea as ScrollArea4, cn as cn8 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { Badge as Badge5, Button as Button9, ConfirmationDialog as ConfirmationDialog2 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerState.ts
@@ -3278,8 +3513,8 @@ function IssueManagerTaskDrawerHeader({
   view
 }) {
   const copy = controller.copy;
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState7(false);
-  const [deleteBusy, setDeleteBusy] = useState7(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState8(false);
+  const [deleteBusy, setDeleteBusy] = useState8(false);
   return /* @__PURE__ */ jsxs11(Fragment, { children: [
     /* @__PURE__ */ jsxs11("div", { className: "grid gap-3 px-6 py-7", children: [
       /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-6", children: [
@@ -3306,7 +3541,7 @@ function IssueManagerTaskDrawerHeader({
           )
         ] }) : null })
       ] }),
-      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-sm font-normal text-[var(--text-secondary)]", children: [
+      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[12px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
         /* @__PURE__ */ jsx13(
           Badge5,
           {
@@ -3321,7 +3556,7 @@ function IssueManagerTaskDrawerHeader({
             className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
           }
         ),
-        /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsxs11("span", { className: "text-[12px] font-normal leading-[1.3]", children: [
           copy.t("labels.creator"),
           " ",
           resolveTaskCreatorLabel(selectedTask)
@@ -3333,7 +3568,7 @@ function IssueManagerTaskDrawerHeader({
             className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
           }
         ),
-        /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsxs11("span", { className: "text-[12px] font-normal leading-[1.3]", children: [
           copy.t("labels.createdAt"),
           " ",
           formatIssueManagerTimestamp(selectedTask.createdAtUnix) || "-"
@@ -3407,7 +3642,7 @@ function IssueManagerTaskDrawerEditBody({
       /* @__PURE__ */ jsxs11(
         "label",
         {
-          className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+          className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
           children: [
             /* @__PURE__ */ jsx13("span", { className: "leading-5", children: copy.t("labels.title") }),
             /* @__PURE__ */ jsx13(
@@ -3424,7 +3659,7 @@ function IssueManagerTaskDrawerEditBody({
       /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+          className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
           children: [
             /* @__PURE__ */ jsx13("span", { className: "leading-5", children: copy.t("labels.content") }),
             /* @__PURE__ */ jsx13(
@@ -3605,7 +3840,7 @@ function IssueManagerTaskDrawer({
                 view
               }
             ),
-            /* @__PURE__ */ jsx14(ScrollArea3, { className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx14(ScrollArea4, { className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx14(
               "div",
               {
                 className: cn8(
@@ -3640,27 +3875,27 @@ function IssueManagerTaskDrawer({
 
 // src/ui/internal/shell/useIssueManagerShellView.ts
 import {
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useEffectEvent as useEffectEvent2,
-  useRef as useRef3,
-  useState as useState8
+  useRef as useRef4,
+  useState as useState9
 } from "react";
 function useIssueManagerShellView({
   controller,
   selectedIssue,
   selectedTask
 }) {
-  const layoutRef = useRef3(null);
-  const resizeRef = useRef3(null);
-  const [sidebarWidth, setSidebarWidth] = useState8(
+  const layoutRef = useRef4(null);
+  const resizeRef = useRef4(null);
+  const [sidebarWidth, setSidebarWidth] = useState9(
     issueManagerSidebarDefaultWidth
   );
-  const [isNarrowLayout, setIsNarrowLayout] = useState8(false);
+  const [isNarrowLayout, setIsNarrowLayout] = useState9(false);
   const dismissNotification = useEffectEvent2(() => {
     controller.dismissNotification();
   });
   const floatingNotice = controller.floatingNotice;
-  useEffect7(() => {
+  useEffect8(() => {
     const publishLayout = () => {
       const width = layoutRef.current?.getBoundingClientRect().width ?? 0;
       if (!width) {
@@ -3683,7 +3918,7 @@ function useIssueManagerShellView({
       window.removeEventListener("resize", publishLayout);
     };
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!floatingNotice) {
       return void 0;
     }
@@ -3808,9 +4043,9 @@ function IssueManagerShell({
     selectedIssue,
     selectedTask
   });
-  const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState9(selectedTask);
-  const [isTaskDrawerClosing, setIsTaskDrawerClosing] = useState9(false);
-  useEffect8(() => {
+  const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState10(selectedTask);
+  const [isTaskDrawerClosing, setIsTaskDrawerClosing] = useState10(false);
+  useEffect9(() => {
     if (shellView.content.isTaskDrawerOpen) {
       setRenderedTaskDrawerTask(selectedTask);
       setIsTaskDrawerClosing(false);
@@ -3937,8 +4172,8 @@ function IssueManagerShellEmptyState({
 }) {
   return /* @__PURE__ */ jsx15("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs13("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
     emptyIllustration ?? null,
-    /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold leading-[1.35] text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
-    /* @__PURE__ */ jsx15("p", { className: "max-w-[420px] text-base leading-[1.3] text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
+    /* @__PURE__ */ jsx15("h2", { className: "text-[14px] font-semibold leading-5 text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
+    /* @__PURE__ */ jsx15("p", { className: "max-w-[420px] text-[14px] leading-5 text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
     /* @__PURE__ */ jsxs13(
       Button10,
       {
@@ -3955,9 +4190,9 @@ function IssueManagerShellEmptyState({
 }
 
 // src/ui/internal/shell/IssueManagerTopicSelector.tsx
-import { useEffect as useEffect9, useState as useState10 } from "react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 import {
-  AddIcon,
+  BareIconButton,
   Button as Button11,
   CheckIcon as CheckIcon2,
   ChevronDownIcon as ChevronDownIcon2,
@@ -3974,13 +4209,17 @@ import {
   DropdownMenuSeparator as DropdownMenuSeparator2,
   DropdownMenuTrigger as DropdownMenuTrigger2,
   EditIcon,
+  FileCreateIcon as FileCreateIcon5,
   Input as Input3,
   MoreHorizontalIcon,
+  PinFilledIcon,
   PinIcon,
   Textarea,
   cn as cn10
 } from "@nextop-os/ui-system";
 import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs14 } 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)]";
+var topicSelectorRowItemClassName = "min-w-0 flex-1 bg-transparent pr-2 pl-1 hover:bg-transparent focus:bg-transparent data-[highlighted]:bg-transparent";
 function IssueManagerTopicSelector({
   activeTopicId,
   className,
@@ -3991,11 +4230,11 @@ function IssueManagerTopicSelector({
   onUpdateTopic,
   topics
 }) {
-  const [dialogMode, setDialogMode] = useState10(null);
-  const [deleteTopic, setDeleteTopic] = useState10(
+  const [dialogMode, setDialogMode] = useState11(null);
+  const [deleteTopic, setDeleteTopic] = useState11(
     null
   );
-  const [menuOpen, setMenuOpen] = useState10(false);
+  const [menuOpen, setMenuOpen] = useState11(false);
   const activeTopic = topics.find((topic) => topic.topicId === activeTopicId);
   const openTopicDialog = (mode) => {
     setMenuOpen(false);
@@ -4008,29 +4247,32 @@ function IssueManagerTopicSelector({
         {
           "aria-label": copy.t("labels.topic"),
           className: cn10(
-            "h-8 max-w-[220px] min-w-[128px] justify-between gap-2 rounded-md border border-[var(--border-1)] bg-transparent px-2.5 text-[13px] font-normal shadow-none hover:bg-transparent focus-visible:ring-0",
+            "max-w-[220px] gap-1 rounded-md border-0 bg-transparent text-sm 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
           ),
+          size: "sm",
           type: "button",
           variant: "ghost",
           children: [
             /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: activeTopic?.title ?? copy.t("labels.topic") }),
-            /* @__PURE__ */ jsx16(ChevronDownIcon2, { className: "size-4 shrink-0 text-[var(--text-tertiary)]" })
+            /* @__PURE__ */ jsx16(ChevronDownIcon2, { className: "size-4 shrink-0 text-[var(--text-tertiary)] transition-transform duration-200" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs14(DropdownMenuContent2, { align: "start", className: "min-w-72", children: [
+      /* @__PURE__ */ jsxs14(DropdownMenuContent2, { align: "start", className: "w-[200px] px-1", children: [
         topics.map((topic) => {
           const isPinned = (topic.pinnedAtUnix ?? 0) > 0;
           const isActive = topic.topicId === activeTopicId;
           const pinLabel = isPinned ? copy.t("actions.unpinTopic") : copy.t("actions.pinTopic");
-          return /* @__PURE__ */ jsx16("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs14("div", { className: "relative flex min-h-8 min-w-0 items-center gap-1 rounded-sm pr-1 pl-1 hover:bg-[var(--transparency-block)]", children: [
+          return /* @__PURE__ */ jsx16("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs14("div", { className: "group/topic-row relative flex min-h-7 min-w-0 items-center gap-0.5 rounded-md pr-0.5 pl-0.5 hover:bg-[var(--transparency-block)] focus-within:bg-[var(--transparency-block)]", children: [
             /* @__PURE__ */ jsxs14(
-              "button",
+              DropdownMenuItem2,
               {
-                className: "flex h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-sm pr-2 pl-1 text-left text-sm outline-none",
-                type: "button",
-                onClick: () => {
+                className: cn10(
+                  topicSelectorMenuItemClassName,
+                  topicSelectorRowItemClassName
+                ),
+                onSelect: () => {
                   setMenuOpen(false);
                   onSelectTopic(topic.topicId);
                 },
@@ -4044,17 +4286,15 @@ function IssueManagerTopicSelector({
               }
             ),
             /* @__PURE__ */ jsx16(
-              Button11,
+              BareIconButton,
               {
                 "aria-label": pinLabel,
                 className: cn10(
-                  "shrink-0 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+                  "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)]"
                 ),
-                size: "icon-xs",
+                size: "md",
                 title: pinLabel,
-                type: "button",
-                variant: "ghost",
                 onClick: (event) => {
                   event.preventDefault();
                   event.stopPropagation();
@@ -4063,21 +4303,18 @@ function IssueManagerTopicSelector({
                     topicId: topic.topicId
                   });
                 },
-                children: /* @__PURE__ */ jsx16(PinIcon, { className: "size-3.5" })
+                children: isPinned ? /* @__PURE__ */ jsx16(PinFilledIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx16(PinIcon, { className: "size-3.5" })
               }
             ),
             /* @__PURE__ */ jsxs14(DropdownMenu2, { modal: false, children: [
               /* @__PURE__ */ jsx16(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx16(
-                Button11,
+                BareIconButton,
                 {
                   "aria-label": copy.t("actions.moreActions"),
-                  className: "shrink-0 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
-                  size: "icon-xs",
+                  className: "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)]",
+                  size: "md",
                   title: copy.t("actions.moreActions"),
-                  type: "button",
-                  variant: "ghost",
                   onClick: (event) => {
-                    event.preventDefault();
                     event.stopPropagation();
                   },
                   children: /* @__PURE__ */ jsx16(MoreHorizontalIcon, { className: "size-3.5" })
@@ -4106,10 +4343,9 @@ function IssueManagerTopicSelector({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs14(
+                    !topic.isDefault ? /* @__PURE__ */ jsxs14(
                       DropdownMenuItem2,
                       {
-                        disabled: topic.isDefault,
                         variant: "destructive",
                         onSelect: (event) => {
                           event.preventDefault();
@@ -4121,7 +4357,7 @@ function IssueManagerTopicSelector({
                           /* @__PURE__ */ jsx16("span", { children: copy.t("actions.delete") })
                         ]
                       }
-                    )
+                    ) : null
                   ]
                 }
               )
@@ -4130,31 +4366,26 @@ function IssueManagerTopicSelector({
         }),
         topics.length === 0 ? /* @__PURE__ */ jsx16("div", { className: "px-3 py-2 text-xs leading-4 text-[var(--text-tertiary)]", children: copy.t("messages.topicListEmpty") }) : null,
         /* @__PURE__ */ jsx16(DropdownMenuSeparator2, {}),
-        /* @__PURE__ */ jsx16("div", { className: "p-1", children: /* @__PURE__ */ jsxs14(
-          Button11,
+        /* @__PURE__ */ jsxs14(
+          DropdownMenuItem2,
           {
-            className: "w-full justify-start gap-2 px-2 text-left",
-            size: "sm",
-            type: "button",
-            variant: "ghost",
-            onClick: (event) => {
-              event.preventDefault();
-              event.stopPropagation();
-            },
-            onPointerDown: (event) => {
+            className: cn10(
+              topicSelectorMenuItemClassName,
+              "justify-start gap-2 px-2 text-left"
+            ),
+            onSelect: (event) => {
               event.preventDefault();
-              event.stopPropagation();
               openTopicDialog({
                 kind: "create",
                 topic: null
               });
             },
             children: [
-              /* @__PURE__ */ jsx16(AddIcon, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx16(FileCreateIcon5, { className: "size-3.5" }),
               /* @__PURE__ */ jsx16("span", { className: "truncate", children: copy.t("actions.createTopic") })
             ]
           }
-        ) })
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx16(
@@ -4205,9 +4436,9 @@ function IssueManagerTopicDialog({
   onUpdateTopic,
   open
 }) {
-  const [summaryDraft, setSummaryDraft] = useState10("");
-  const [titleDraft, setTitleDraft] = useState10("");
-  useEffect9(() => {
+  const [summaryDraft, setSummaryDraft] = useState11("");
+  const [titleDraft, setTitleDraft] = useState11("");
+  useEffect10(() => {
     setTitleDraft(mode?.topic?.title ?? "");
     setSummaryDraft(mode?.topic?.summary ?? "");
   }, [mode]);
@@ -4232,10 +4463,10 @@ function IssueManagerTopicDialog({
     }
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx16(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-[420px]", children: [
+  return /* @__PURE__ */ jsx16(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-[480px]", children: [
     /* @__PURE__ */ jsx16(DialogHeader, { children: /* @__PURE__ */ jsx16(DialogTitle, { children: dialogTitle }) }),
-    /* @__PURE__ */ jsxs14("form", { className: "grid gap-3", onSubmit: submit, children: [
-      /* @__PURE__ */ jsxs14("label", { className: "grid gap-1.5", children: [
+    /* @__PURE__ */ jsxs14("form", { className: "grid gap-4", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs14("label", { className: "grid gap-2", children: [
         /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicTitle") }),
         /* @__PURE__ */ jsx16(
           Input3,
@@ -4247,7 +4478,7 @@ function IssueManagerTopicDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("label", { className: "grid gap-1.5", children: [
+      /* @__PURE__ */ jsxs14("label", { className: "grid gap-2", children: [
         /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicSummary") }),
         /* @__PURE__ */ jsx16(
           Textarea,
@@ -4297,13 +4528,19 @@ function IssueManagerNode({
     state,
     workspaceId
   });
-  useEffect10(() => {
+  useEffect11(() => {
     dispatchIssueManagerTopicHeaderState({
       activeTopicId: controller.nodeState.activeTopicId ?? null,
       nodeId,
-      topics: controller.topics.value
+      topics: controller.topics.value,
+      workspaceId
     });
-  }, [controller.nodeState.activeTopicId, controller.topics.value, nodeId]);
+  }, [
+    controller.nodeState.activeTopicId,
+    controller.topics.value,
+    nodeId,
+    workspaceId
+  ]);
   useIssueManagerTopicHeaderCommandSync({
     nodeId,
     onCreateTopic: (topicInput) => {
@@ -4315,7 +4552,8 @@ function IssueManagerNode({
     onSelectTopic: controller.selectTopic,
     onUpdateTopic: (topicInput) => {
       void controller.updateTopic(topicInput);
-    }
+    },
+    workspaceId
   });
   return /* @__PURE__ */ jsxs15(
     "section",
@@ -4361,6 +4599,7 @@ function IssueManagerNodeHeader({
   nodeId,
   onToggleSidebar,
   title,
+  workspaceId,
   ...headerProps
 }) {
   const { effectiveCollapsed, toggleLabel, toggleSidebar } = useIssueManagerNodeHeaderView({
@@ -4368,64 +4607,25 @@ function IssueManagerNodeHeader({
     isSidebarAutoCollapsed,
     isSidebarCollapsed,
     nodeId,
-    onToggleSidebar
+    onToggleSidebar,
+    workspaceId
   });
   const topicState = useIssueManagerTopicHeaderStateSync({
     activeTopicId,
-    nodeId
+    nodeId,
+    workspaceId
   });
   return /* @__PURE__ */ jsxs15(
     "header",
     {
       ...headerProps,
       className: cn11(
-        "flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
+        "relative flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "z-10 flex min-w-0 items-center gap-2", children: [
           /* @__PURE__ */ jsx17("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
-          /* @__PURE__ */ jsx17(
-            "div",
-            {
-              className: "flex min-w-0 flex-none",
-              onDoubleClick: (event) => event.stopPropagation(),
-              onPointerDown: (event) => event.stopPropagation(),
-              children: /* @__PURE__ */ jsx17(
-                IssueManagerTopicSelector,
-                {
-                  activeTopicId: topicState.activeTopicId,
-                  className: "flex-none",
-                  copy,
-                  topics: topicState.topics,
-                  onCreateTopic: (input) => {
-                    dispatchIssueManagerTopicCreate({
-                      input,
-                      nodeId
-                    });
-                  },
-                  onDeleteTopic: (topicId) => {
-                    dispatchIssueManagerTopicDelete({
-                      nodeId,
-                      topicId
-                    });
-                  },
-                  onSelectTopic: (topicId) => {
-                    dispatchIssueManagerTopicSelection({
-                      nodeId,
-                      topicId
-                    });
-                  },
-                  onUpdateTopic: (input) => {
-                    dispatchIssueManagerTopicUpdate({
-                      input,
-                      nodeId
-                    });
-                  }
-                }
-              )
-            }
-          ),
           /* @__PURE__ */ jsx17(
             Button12,
             {
@@ -4447,10 +4647,55 @@ function IssueManagerNodeHeader({
             }
           )
         ] }),
+        /* @__PURE__ */ jsx17("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__ */ jsx17(
+          "div",
+          {
+            className: "pointer-events-auto flex min-w-0 flex-none",
+            onDoubleClick: (event) => event.stopPropagation(),
+            onPointerDown: (event) => event.stopPropagation(),
+            children: /* @__PURE__ */ jsx17(
+              IssueManagerTopicSelector,
+              {
+                activeTopicId: topicState.activeTopicId,
+                className: "flex-none",
+                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__ */ jsx17(
           "div",
           {
-            className: "flex flex-none items-center gap-1",
+            className: "z-10 flex flex-none items-center gap-1",
             onDoubleClick: (event) => event.stopPropagation(),
             onPointerDown: (event) => event.stopPropagation(),
             children: defaultActions
@@ -4466,4 +4711,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-UT34M3FS.js.map
+//# sourceMappingURL=chunk-YTOMO5IO.js.map