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

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

@@ -4,6 +4,7 @@ import {
   applyIssueManagerIssueSaved,
   applyIssueManagerIssueSelection,
   applyIssueManagerSelectedAgentProvider,
+  applyIssueManagerSelectedExecutionDirectory,
   applyIssueManagerTaskDeleted,
   applyIssueManagerTaskEditorModeToNodeState,
   applyIssueManagerTaskSaved,
@@ -16,16 +17,13 @@ import {
   formatIssueManagerDate,
   formatIssueManagerTimestamp,
   persistIssueManagerIssueDraftContent,
-  persistIssueManagerIssueDraftTitle,
   persistIssueManagerTaskDraftContent,
-  persistIssueManagerTaskDraftTitle,
   resolveIssueManagerErrorMessage,
-  resolveIssueManagerPriorityLabel,
   resolveIssueManagerStatusLabel,
+  resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
-  toIssueManagerWorkspaceFileLinkInput,
-  uniqueIssueManagerFileReferences
-} from "./chunk-34KSO5F6.js";
+  toIssueManagerWorkspaceFileLinkInput
+} from "./chunk-I7SVY3KV.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   clampIssueManagerSidebarWidth,
@@ -36,11 +34,78 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-RJ6HZRQU.js";
+} from "./chunk-SUCZIXKI.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
 var issueManagerTaskListCollapsedEvent = "nextop:issue-manager-task-list-collapsed";
+function createIssueManagerKeyedEventHub(input) {
+  const listenerSetByKey = /* @__PURE__ */ new Map();
+  return {
+    publish(detail) {
+      listenerSetByKey.get(input.getKey(detail))?.forEach((listener) => {
+        listener(detail);
+      });
+    },
+    subscribe(key, listener) {
+      let listenerSet = listenerSetByKey.get(key);
+      if (!listenerSet) {
+        listenerSet = /* @__PURE__ */ new Set();
+        listenerSetByKey.set(key, listenerSet);
+      }
+      listenerSet.add(listener);
+      return () => {
+        listenerSet?.delete(listener);
+        if (listenerSet?.size === 0) {
+          listenerSetByKey.delete(key);
+        }
+      };
+    }
+  };
+}
+function createIssueManagerKeyedReplayEventHub(input) {
+  const currentByKey = /* @__PURE__ */ new Map();
+  const eventHub = createIssueManagerKeyedEventHub(input);
+  return {
+    get(key) {
+      return currentByKey.get(key) ?? null;
+    },
+    publish(detail) {
+      currentByKey.set(input.getKey(detail), detail);
+      eventHub.publish(detail);
+    },
+    subscribe(key, listener) {
+      const unsubscribe = eventHub.subscribe(key, listener);
+      const current = currentByKey.get(key);
+      if (current) {
+        listener(current);
+      }
+      return unsubscribe;
+    }
+  };
+}
+var issueManagerTopicHeaderStateHub = createIssueManagerKeyedReplayEventHub({
+  getKey: (detail) => detail.nodeId
+});
+var issueManagerTopicSelectionHub = createIssueManagerKeyedEventHub({
+  getKey: (detail) => detail.nodeId
+});
+var issueManagerTopicCreateHub = createIssueManagerKeyedEventHub({
+  getKey: (detail) => detail.nodeId
+});
+var issueManagerTopicDeleteHub = createIssueManagerKeyedEventHub({
+  getKey: (detail) => detail.nodeId
+});
+var issueManagerTopicUpdateHub = createIssueManagerKeyedEventHub({
+  getKey: (detail) => detail.nodeId
+});
+function resolveIssueManagerTopicHeaderState(input) {
+  return issueManagerTopicHeaderStateHub.get(input.nodeId) ?? {
+    activeTopicId: input.activeTopicId,
+    nodeId: input.nodeId,
+    topics: []
+  };
+}
 function dispatchIssueManagerTaskListCollapsed(input) {
   if (typeof window === "undefined") {
     return;
@@ -54,6 +119,21 @@ function dispatchIssueManagerTaskListCollapsed(input) {
     )
   );
 }
+function dispatchIssueManagerTopicHeaderState(input) {
+  issueManagerTopicHeaderStateHub.publish(input);
+}
+function dispatchIssueManagerTopicSelection(input) {
+  issueManagerTopicSelectionHub.publish(input);
+}
+function dispatchIssueManagerTopicCreate(input) {
+  issueManagerTopicCreateHub.publish(input);
+}
+function dispatchIssueManagerTopicDelete(input) {
+  issueManagerTopicDeleteHub.publish(input);
+}
+function dispatchIssueManagerTopicUpdate(input) {
+  issueManagerTopicUpdateHub.publish(input);
+}
 function useIssueManagerTaskListCollapsedSync(input) {
   const onCollapsedChange = useEffectEvent(input.onCollapsedChange);
   useEffect(() => {
@@ -79,6 +159,74 @@ function useIssueManagerTaskListCollapsedSync(input) {
     };
   }, [input.nodeId, onCollapsedChange]);
 }
+function useIssueManagerTopicHeaderStateSync(input) {
+  const [state, setState] = useState(
+    () => resolveIssueManagerTopicHeaderState(input)
+  );
+  useEffect(() => {
+    setState(
+      (current) => current.activeTopicId === input.activeTopicId && current.nodeId === input.nodeId && current.topics === resolveIssueManagerTopicHeaderState(input).topics ? current : resolveIssueManagerTopicHeaderState(input)
+    );
+  }, [input.activeTopicId, input.nodeId]);
+  useEffect(() => {
+    const handleTopicHeaderStateChange = (detail) => {
+      setState(detail);
+    };
+    return issueManagerTopicHeaderStateHub.subscribe(
+      input.nodeId,
+      handleTopicHeaderStateChange
+    );
+  }, [input.nodeId]);
+  return state;
+}
+function useIssueManagerTopicHeaderCommandSync(input) {
+  const onCreateTopic = useEffectEvent(input.onCreateTopic);
+  const onDeleteTopic = useEffectEvent(input.onDeleteTopic);
+  const onSelectTopic = useEffectEvent(input.onSelectTopic);
+  const onUpdateTopic = useEffectEvent(input.onUpdateTopic);
+  useEffect(() => {
+    const handleTopicSelection = (detail) => {
+      onSelectTopic(detail.topicId);
+    };
+    const handleTopicCreate = (detail) => {
+      onCreateTopic(detail.input);
+    };
+    const handleTopicDelete = (detail) => {
+      onDeleteTopic(detail.topicId);
+    };
+    const handleTopicUpdate = (detail) => {
+      onUpdateTopic(detail.input);
+    };
+    const unsubscribeSelection = issueManagerTopicSelectionHub.subscribe(
+      input.nodeId,
+      handleTopicSelection
+    );
+    const unsubscribeCreate = issueManagerTopicCreateHub.subscribe(
+      input.nodeId,
+      handleTopicCreate
+    );
+    const unsubscribeDelete = issueManagerTopicDeleteHub.subscribe(
+      input.nodeId,
+      handleTopicDelete
+    );
+    const unsubscribeUpdate = issueManagerTopicUpdateHub.subscribe(
+      input.nodeId,
+      handleTopicUpdate
+    );
+    return () => {
+      unsubscribeSelection();
+      unsubscribeCreate();
+      unsubscribeDelete();
+      unsubscribeUpdate();
+    };
+  }, [
+    input.nodeId,
+    onCreateTopic,
+    onDeleteTopic,
+    onSelectTopic,
+    onUpdateTopic
+  ]);
+}
 function useIssueManagerNodeHeaderView(input) {
   const [manualCollapsed, setManualCollapsed] = useState(
     input.isSidebarCollapsed
@@ -113,80 +261,15 @@ function resolveIssueManagerSelectedTask(input) {
 }
 
 // src/ui/react/internal/reference/IssueManagerReferencePickerState.ts
-function normalizeDirectoryPath(path) {
-  if (!path || path === "/") {
-    return "/";
-  }
-  return path.replace(/\/+$/, "") || "/";
-}
-function collectVisibleTreeEntries(entries, directoryStateByPath, expandedFolderPaths) {
-  const collected = [];
-  for (const entry of entries) {
-    collected.push(entry);
-    if (entry.kind !== "folder") {
-      continue;
-    }
-    const folderKey = normalizeDirectoryPath(entry.path);
-    if (!expandedFolderPaths[folderKey]) {
-      continue;
-    }
-    const childEntries = directoryStateByPath[folderKey]?.entries ?? [];
-    if (childEntries.length === 0) {
-      continue;
-    }
-    collected.push(
-      ...collectVisibleTreeEntries(
-        childEntries,
-        directoryStateByPath,
-        expandedFolderPaths
-      )
-    );
-  }
-  return collected;
-}
-function createReferenceDirectoryStateFromSnapshot(snapshot) {
-  const stateByPath = {};
-  addReferenceDirectoryStateFromSnapshot(stateByPath, snapshot.directory);
-  return stateByPath;
-}
-function addReferenceDirectoryStateFromSnapshot(stateByPath, directory) {
-  const normalizedPath = normalizeDirectoryPath(directory.directoryPath);
-  stateByPath[normalizedPath] = {
-    displayPath: directory.directoryPath,
-    entries: directory.entries.map((entry) => ({
-      displayName: entry.displayName,
-      kind: entry.kind,
-      path: entry.path
-    })),
-    loaded: true,
-    loading: false,
-    prefetchReason: directory.prefetchReason,
-    prefetchState: directory.prefetchState
-  };
-  for (const entry of directory.entries) {
-    if (entry.kind !== "folder") {
-      continue;
-    }
-    const folderKey = normalizeDirectoryPath(entry.path);
-    if (entry.prefetchedDirectory) {
-      addReferenceDirectoryStateFromSnapshot(
-        stateByPath,
-        entry.prefetchedDirectory
-      );
-      continue;
-    }
-    if (entry.prefetchState) {
-      stateByPath[folderKey] = {
-        displayPath: entry.path,
-        entries: [],
-        loaded: false,
-        loading: false,
-        prefetchReason: entry.prefetchReason,
-        prefetchState: entry.prefetchState
-      };
-    }
-  }
-}
+import {
+  collectVisibleTreeEntries,
+  createWorkspaceFileReferenceDirectoryStateFromSnapshot,
+  mergeExpandedFolderPaths,
+  mergePrefetchedDirectoryState,
+  normalizeDirectoryPath,
+  prefetchReferenceTree,
+  workspaceFileReferenceDefaultExpandedDepth
+} from "@nextop-os/workspace-file-reference/react";
 
 // src/ui/react/internal/controller/useIssueManagerController.ts
 import { useMemo as useMemo2 } from "react";
@@ -195,6 +278,7 @@ import { useMemo as useMemo2 } from "react";
 var issueManagerProviderOptions = ["codex"];
 function resolveIssueManagerControllerCapabilities(feature) {
   return {
+    canSelectExecutionDirectory: typeof feature.executionDirectoryPicker?.selectDirectory === "function",
     canInviteCollaborators: feature.ui.showInviteCollaborator === true && typeof feature.shareAdapter?.createIssueLink === "function",
     canReferenceWorkspaceFiles: hasFileAdapterMethod(feature.fileAdapter, "requestReferences") || hasFileAdapterMethod(feature.fileAdapter, "loadReferenceTree") || hasFileAdapterMethod(feature.fileAdapter, "listDirectory") || hasFileAdapterMethod(feature.fileAdapter, "searchReferences"),
     canUploadWorkspaceFiles: hasFileAdapterMethod(
@@ -380,7 +464,7 @@ function createIssueManagerInsertReferencesOutcome(input) {
 
 // src/services/internal/controllerPlans.ts
 function createIssueManagerRunTaskPlan(input) {
-  if (!input.issueDetail || !input.taskDetail) {
+  if (!input.issueDetail) {
     return { kind: "skip" };
   }
   const provider = input.providerOverride?.trim() || input.selectedAgentProvider.trim();
@@ -394,6 +478,12 @@ function createIssueManagerRunTaskPlan(input) {
   };
 }
 function createIssueManagerSaveIssuePlan(input) {
+  if (!input.activeTopicId) {
+    return {
+      kind: "blocked",
+      notificationKey: "messages.topicListEmpty"
+    };
+  }
   const title = input.issueDraft.title.trim();
   if (!title) {
     return {
@@ -401,7 +491,7 @@ function createIssueManagerSaveIssuePlan(input) {
       notificationKey: "messages.titleRequired"
     };
   }
-  return { kind: "ready" };
+  return { kind: "ready", activeTopicId: input.activeTopicId };
 }
 function createIssueManagerSaveTaskPlan(input) {
   if (!input.selectedIssueId) {
@@ -470,55 +560,16 @@ function createIssueManagerInsertReferencesPlan(input) {
 
 // src/services/internal/run/controllerRunCommands.ts
 async function executeIssueManagerRunTask(input) {
-  const currentUser = await Promise.resolve(
-    input.feature.identityAdapter.currentUser()
-  );
-  const createdRun = await input.feature.backend.createRun({
-    agentProvider: input.provider,
-    agentUserId: currentUser?.userId ?? void 0,
-    issueId: input.issue.issueId,
-    taskId: input.task.taskId,
+  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 } : {},
     workspaceId: input.workspaceId
   });
-  await input.onCreatedRun?.(createdRun);
-  try {
-    const result = await input.feature.agentRunner.runTask({
-      issue: input.issue,
-      provider: input.provider,
-      run: createdRun,
-      task: input.task,
-      workspaceId: input.workspaceId
-    });
-    await input.feature.backend.completeRun({
-      errorMessage: result.errorMessage,
-      issueId: input.issue.issueId,
-      outputs: result.outputs ?? [],
-      runId: createdRun.runId,
-      status: result.status,
-      summary: result.summary,
-      taskId: input.task.taskId,
-      workspaceId: input.workspaceId
-    });
-    return {
-      createdRun,
-      status: result.status
-    };
-  } catch (error) {
-    try {
-      await input.feature.backend.completeRun({
-        errorMessage: String(error instanceof Error ? error.message : error),
-        issueId: input.issue.issueId,
-        outputs: [],
-        runId: createdRun.runId,
-        status: "failed",
-        summary: input.copy.t("run.failedSummaryFallback"),
-        taskId: input.task.taskId,
-        workspaceId: input.workspaceId
-      });
-    } catch {
-    }
-    throw error;
-  }
+  return {
+    status: result.status
+  };
 }
 
 // src/services/internal/save/controllerSaveCommands.ts
@@ -527,6 +578,7 @@ async function executeIssueManagerSaveIssue(input) {
   const savedIssue = input.issueEditorMode === "create" ? await input.feature.backend.createIssue({
     content,
     title: input.issueDraft.title.trim(),
+    topicId: input.activeTopicId,
     workspaceId: input.workspaceId
   }) : await input.feature.backend.updateIssue({
     content,
@@ -848,6 +900,52 @@ function createIssueManagerControllerActions(input) {
         notifyError(error, "messages.referenceRemoveFailed");
       }
     },
+    async selectExecutionDirectory() {
+      const picker = feature.executionDirectoryPicker;
+      if (!picker) {
+        return;
+      }
+      try {
+        const selected = await picker.selectDirectory();
+        const executionDirectory = selected?.trim() || null;
+        if (!executionDirectory) {
+          return;
+        }
+        try {
+          await picker.useUserProject?.({ path: executionDirectory });
+        } catch {
+        }
+        updateNodeState(
+          (current) => applyIssueManagerSelectedExecutionDirectory(
+            current,
+            executionDirectory
+          )
+        );
+      } catch (error) {
+        notifyTip(
+          resolveIssueManagerErrorMessage(
+            error,
+            copy,
+            "messages.executionDirectorySelectFailed"
+          )
+        );
+      }
+    },
+    async useExecutionDirectory(path) {
+      const executionDirectory = path?.trim() || null;
+      updateNodeState(
+        (current) => applyIssueManagerSelectedExecutionDirectory(current, executionDirectory)
+      );
+      if (!executionDirectory) {
+        return;
+      }
+      try {
+        await feature.executionDirectoryPicker?.useUserProject?.({
+          path: executionDirectory
+        });
+      } catch {
+      }
+    },
     async runTask(providerOverride) {
       const runPlan = createIssueManagerRunTaskPlan({
         issueDetail: issueDetail.value,
@@ -860,7 +958,7 @@ function createIssueManagerControllerActions(input) {
       }
       const currentIssueDetail = issueDetail.value;
       const currentTaskDetail = taskDetail.value;
-      if (!currentIssueDetail || !currentTaskDetail) {
+      if (!currentIssueDetail) {
         return;
       }
       if (runPlan.shouldUpdateSelectedAgentProvider) {
@@ -871,12 +969,11 @@ function createIssueManagerControllerActions(input) {
       setIsRunningTask(true);
       try {
         const result = await executeIssueManagerRunTask({
-          copy,
           feature,
           issue: currentIssueDetail.issue,
-          onCreatedRun: refreshDetails,
           provider: runPlan.provider,
-          task: currentTaskDetail.task,
+          executionDirectory: nodeState.selectedExecutionDirectory,
+          task: currentTaskDetail?.task,
           workspaceId
         });
         const outcome = createIssueManagerRunTaskSuccessOutcome({
@@ -892,8 +989,57 @@ function createIssueManagerControllerActions(input) {
         refreshDetails();
       }
     },
+    async startTaskBreakdown(providerOverride) {
+      const breakdownPlan = createIssueManagerRunTaskPlan({
+        issueDetail: issueDetail.value,
+        providerOverride,
+        selectedAgentProvider: nodeState.selectedAgentProvider,
+        taskDetail: taskDetail.value
+      });
+      if (breakdownPlan.kind !== "ready") {
+        return;
+      }
+      const currentIssueDetail = issueDetail.value;
+      if (!currentIssueDetail) {
+        return;
+      }
+      const breakdownLauncher = feature.agentBreakdownLauncher;
+      if (!breakdownLauncher) {
+        notifyTip(copy.t("messages.breakdownUnavailable"));
+        return;
+      }
+      if (breakdownPlan.shouldUpdateSelectedAgentProvider) {
+        updateNodeState(
+          (current) => applyIssueManagerSelectedAgentProvider(
+            current,
+            breakdownPlan.provider
+          )
+        );
+      }
+      try {
+        const result = await breakdownLauncher.startBreakdown({
+          issueDetail: currentIssueDetail,
+          provider: breakdownPlan.provider,
+          workspaceId
+        });
+        if (result.status === "failed") {
+          notifyTip(
+            result.errorMessage || copy.t("messages.breakdownOpenFailed")
+          );
+        }
+      } catch (error) {
+        notifyTip(
+          resolveIssueManagerErrorMessage(
+            error,
+            copy,
+            "messages.breakdownOpenFailed"
+          )
+        );
+      }
+    },
     async saveIssue() {
       const savePlan = createIssueManagerSaveIssuePlan({
+        activeTopicId: nodeState.activeTopicId ?? null,
         issueDraft
       });
       if (savePlan.kind === "blocked") {
@@ -902,6 +1048,7 @@ function createIssueManagerControllerActions(input) {
       }
       try {
         const { savedIssue } = await executeIssueManagerSaveIssue({
+          activeTopicId: savePlan.activeTopicId,
           feature,
           issueDetail: issueDetail.value,
           issueDraft,
@@ -1067,9 +1214,6 @@ function createIssueManagerIssueBindings(input) {
         ...current,
         title
       }));
-      controllerSession.updateNodeState(
-        (current) => persistIssueManagerIssueDraftTitle(current, issueEditorMode, title)
-      );
     }
   };
 }
@@ -1127,9 +1271,6 @@ function createIssueManagerTaskBindings(input) {
         ...current,
         title
       }));
-      controllerSession.updateNodeState(
-        (current) => persistIssueManagerTaskDraftTitle(current, taskEditorMode, title)
-      );
     }
   };
 }
@@ -1193,7 +1334,7 @@ import { useDeferredValue, useEffect as useEffect2, useMemo } from "react";
 import { useSnapshot } from "valtio";
 
 // src/ui/react/internal/shell/IssueManagerNoticeState.ts
-var issueManagerNoticeDurationMs = 3200;
+var issueManagerNoticeDurationMs = 3e3;
 function resolveIssueManagerFloatingNoticeViewState(input) {
   if (!input.notification) {
     return null;
@@ -1285,11 +1426,13 @@ function useIssueManagerController({
     referenceTarget,
     taskDetail,
     taskDraft,
-    taskEditorMode
+    taskEditorMode,
+    topics
   } = snapshot;
   const {
     canInviteCollaborators,
     canReferenceWorkspaceFiles,
+    canSelectExecutionDirectory,
     canUploadWorkspaceFiles
   } = useMemo2(
     () => resolveIssueManagerControllerCapabilities(feature),
@@ -1317,13 +1460,62 @@ function useIssueManagerController({
     taskEditorMode,
     workspaceId
   });
+  const notifyTopicOperationFailure = (message) => {
+    feature.notifications?.tips(message);
+    controllerSession.setNotification((current) => ({
+      id: (current?.id ?? 0) + 1,
+      title: message,
+      tone: "destructive"
+    }));
+  };
   return {
     ...actions,
     ...bindings,
     canInviteCollaborators,
     canReferenceWorkspaceFiles,
+    canSelectExecutionDirectory,
     canUploadWorkspaceFiles,
     copy,
+    async createTopic(topicInput) {
+      try {
+        const topic = await feature.backend.createTopic({
+          ...topicInput,
+          workspaceId
+        });
+        controllerSession.updateNodeState((current) => ({
+          ...current,
+          activeTopicId: topic.topicId
+        }));
+        controllerSession.refreshAll();
+      } catch {
+        notifyTopicOperationFailure(copy.t("messages.topicCreateFailed"));
+      }
+    },
+    async deleteTopic(topicId) {
+      const trimmedTopicId = topicId.trim();
+      if (!trimmedTopicId) {
+        return;
+      }
+      try {
+        await feature.backend.deleteTopic({
+          topicId: trimmedTopicId,
+          workspaceId
+        });
+        if (nodeState.activeTopicId === trimmedTopicId) {
+          controllerSession.updateNodeState((current) => ({
+            ...current,
+            activeTopicId: null,
+            selectedIssueId: null,
+            selectedTaskId: null
+          }));
+        }
+        controllerSession.refreshAll();
+      } catch (error) {
+        notifyTopicOperationFailure(
+          resolveIssueManagerTopicDeleteErrorMessage(error, copy)
+        );
+      }
+    },
     issueDetail,
     issueDraft,
     issueEditorMode,
@@ -1333,10 +1525,33 @@ function useIssueManagerController({
     nodeState,
     notification,
     providerOptions: issueManagerProviderOptions,
+    listExecutionDirectoryProjects: () => feature.executionDirectoryPicker?.listUserProjects?.() ?? Promise.resolve({ projects: [] }),
     referenceTarget,
+    selectTopic(topicId) {
+      const trimmedTopicId = topicId.trim();
+      if (!trimmedTopicId) {
+        return;
+      }
+      controllerSession.updateNodeState((current) => ({
+        ...current,
+        activeTopicId: trimmedTopicId
+      }));
+    },
     taskDetail,
     taskDraft,
     taskEditorMode,
+    topics,
+    async updateTopic(topicInput) {
+      try {
+        await feature.backend.updateTopic({
+          ...topicInput,
+          workspaceId
+        });
+        controllerSession.refreshAll();
+      } catch {
+        notifyTopicOperationFailure(copy.t("messages.topicUpdateFailed"));
+      }
+    },
     workspaceId
   };
 }
@@ -1400,800 +1615,60 @@ function useIssueManagerNodeView({
   };
 }
 
-// src/ui/react/internal/reference/useIssueManagerReferencePickerView.ts
-import { useEffect as useEffect3, useEffectEvent as useEffectEvent2, useMemo as useMemo3, useState as useState2 } from "react";
-var defaultDirectoryPath = "/";
-function useIssueManagerReferencePickerView({
-  fileAdapter,
-  onClose,
-  onConfirm,
-  open,
-  workspaceId
-}) {
-  const [searchQuery, setSearchQuery] = useState2("");
-  const [browseRootPath, setBrowseRootPath] = useState2(null);
-  const [searchEntries, setSearchEntries] = useState2([]);
-  const [directoryStateByPath, setDirectoryStateByPath] = useState2({});
-  const [expandedFolderPaths, setExpandedFolderPaths] = useState2({});
-  const [focusedPath, setFocusedPath] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(false);
-  const [selectedRefs, setSelectedRefs] = useState2(
-    []
-  );
-  const supportsSearch = hasFileAdapterMethod2(fileAdapter, "searchReferences");
-  const supportsTreeSnapshot = hasFileAdapterMethod2(
-    fileAdapter,
-    "loadReferenceTree"
-  );
-  const mode = searchQuery.trim().length > 0 && supportsSearch ? "search" : "browse";
-  const browseDirectoryLoaded = browseRootPath !== null && directoryStateByPath[normalizeDirectoryPath(browseRootPath)]?.loaded === true;
-  const finalizeRequestedReferences = useEffectEvent2(
-    (refs) => {
-      onConfirm(uniqueIssueManagerFileReferences(refs));
-      onClose();
-    }
-  );
-  const readDirectoryListing = async (path) => {
-    if (!fileAdapter?.listDirectory) {
-      return null;
-    }
-    const listing = await fileAdapter.listDirectory({
-      path: path ?? void 0,
-      workspaceId
-    });
-    return {
-      displayPath: listing.directoryPath || listing.rootPath || path || defaultDirectoryPath,
-      entries: uniqueIssueManagerFileReferences(listing.entries),
-      normalizedPath: normalizeDirectoryPath(
-        listing.directoryPath || listing.rootPath || path || defaultDirectoryPath
-      )
-    };
-  };
-  useEffect3(() => {
-    if (!open) {
-      return;
-    }
-    setSearchQuery("");
-    setBrowseRootPath(null);
-    setSearchEntries([]);
-    setDirectoryStateByPath({});
-    setExpandedFolderPaths({});
-    setFocusedPath(null);
-    setSelectedRefs([]);
-  }, [open]);
-  useEffect3(() => {
-    if (!open || !fileAdapter) {
-      return;
-    }
-    let canceled = false;
-    const load = async () => {
-      setIsLoading(true);
-      try {
-        if (mode === "search" && fileAdapter.searchReferences) {
-          const refs = await fileAdapter.searchReferences({
-            query: searchQuery.trim(),
-            workspaceId
-          });
-          if (!canceled) {
-            setSearchEntries(uniqueIssueManagerFileReferences(refs));
-          }
-          return;
-        }
-        if (mode === "browse" && (fileAdapter.listDirectory || fileAdapter.loadReferenceTree)) {
-          if (browseDirectoryLoaded && browseRootPath) {
-            return;
-          }
-          if (supportsTreeSnapshot && fileAdapter.loadReferenceTree) {
-            const snapshot = await fileAdapter.loadReferenceTree({
-              path: browseRootPath ?? void 0,
-              prefetchBudgetMs: 500,
-              prefetchDepth: 4,
-              workspaceId
-            });
-            if (!canceled) {
-              setBrowseRootPath(
-                normalizeDirectoryPath(snapshot.directory.directoryPath)
-              );
-              setDirectoryStateByPath(
-                createReferenceDirectoryStateFromSnapshot(snapshot)
-              );
-            }
-            return;
-          }
-          const listing = await readDirectoryListing(browseRootPath);
-          if (!listing) {
-            return;
-          }
-          if (!canceled) {
-            setBrowseRootPath(listing.normalizedPath);
-            setDirectoryStateByPath((current) => ({
-              ...current,
-              [listing.normalizedPath]: {
-                displayPath: listing.displayPath,
-                entries: listing.entries,
-                loaded: true,
-                loading: false
-              }
-            }));
-          }
-          return;
-        }
-        if (fileAdapter.requestReferences) {
-          const refs = await fileAdapter.requestReferences({ workspaceId });
-          if (!canceled) {
-            finalizeRequestedReferences(refs);
-          }
-          return;
-        }
-        if (!canceled) {
-          setSearchEntries([]);
-        }
-      } finally {
-        if (!canceled) {
-          setIsLoading(false);
-        }
-      }
-    };
-    void load();
-    return () => {
-      canceled = true;
-    };
-  }, [
-    browseDirectoryLoaded,
-    browseRootPath,
-    fileAdapter,
-    finalizeRequestedReferences,
-    mode,
-    open,
-    searchQuery,
-    supportsTreeSnapshot,
-    workspaceId
-  ]);
-  const browseRootEntries = useMemo3(
-    () => browseRootPath ? directoryStateByPath[normalizeDirectoryPath(browseRootPath)]?.entries ?? [] : [],
-    [browseRootPath, directoryStateByPath]
-  );
-  const visibleEntries = useMemo3(
-    () => mode === "search" ? searchEntries : collectVisibleTreeEntries(
-      browseRootEntries,
-      directoryStateByPath,
-      expandedFolderPaths
-    ),
-    [
-      browseRootEntries,
-      directoryStateByPath,
-      expandedFolderPaths,
-      mode,
-      searchEntries
-    ]
-  );
-  useEffect3(() => {
-    if (!open) {
-      return;
-    }
-    setFocusedPath((current) => {
-      if (current && visibleEntries.some((entry) => entry.path === current)) {
-        return current;
-      }
-      return visibleEntries[0]?.path ?? null;
-    });
-  }, [open, visibleEntries]);
-  const focusedEntry = visibleEntries.find((entry) => entry.path === focusedPath) ?? selectedRefs.find((entry) => entry.path === focusedPath) ?? null;
-  const toggleRef = (ref) => {
-    setSelectedRefs((current) => {
-      const existing = current.some((item) => item.path === ref.path);
-      return existing ? current.filter((item) => item.path !== ref.path) : uniqueIssueManagerFileReferences([...current, ref]);
-    });
-  };
-  const loadFolderChildren = async (folder) => {
-    const folderKey = normalizeDirectoryPath(folder.path);
-    if (directoryStateByPath[folderKey]?.loaded) {
-      return;
-    }
-    setDirectoryStateByPath((current) => ({
-      ...current,
-      [folderKey]: {
-        displayPath: folder.path,
-        entries: current[folderKey]?.entries ?? [],
-        loaded: current[folderKey]?.loaded ?? false,
-        loading: true
-      }
-    }));
-    try {
-      const listing = await readDirectoryListing(folderKey);
-      if (!listing) {
-        return;
-      }
-      setDirectoryStateByPath((current) => ({
-        ...current,
-        [folderKey]: {
-          displayPath: listing.displayPath,
-          entries: listing.entries,
-          loaded: true,
-          loading: false
-        }
-      }));
-    } catch {
-      setDirectoryStateByPath((current) => ({
-        ...current,
-        [folderKey]: {
-          displayPath: current[folderKey]?.displayPath ?? folder.path,
-          entries: current[folderKey]?.entries ?? [],
-          loaded: current[folderKey]?.loaded ?? false,
-          loading: false
-        }
-      }));
-    }
-  };
-  const toggleFolder = (entry) => {
-    const folderKey = normalizeDirectoryPath(entry.path);
-    const childState = directoryStateByPath[folderKey];
-    const nextExpanded = !(expandedFolderPaths[folderKey] ?? false);
-    setExpandedFolderPaths((current) => ({
-      ...current,
-      [folderKey]: nextExpanded
-    }));
-    if (nextExpanded && !childState?.loaded && !childState?.loading) {
-      void loadFolderChildren(entry);
-    }
-  };
-  return {
-    browseRootEntries,
-    directoryStateByPath,
-    expandedFolderPaths,
-    focusedEntry,
-    focusedPath,
-    isLoading,
-    mode,
-    searchQuery,
-    selectedRefs,
-    visibleEntries,
-    setFocusedPath,
-    setSearchQuery,
-    toggleFolder,
-    toggleRef
-  };
-}
-function hasFileAdapterMethod2(fileAdapter, methodName) {
-  return typeof Reflect.get(fileAdapter ?? {}, methodName) === "function";
-}
+// src/ui/react/index.ts
+import {
+  useWorkspaceFileReferencePickerView
+} from "@nextop-os/workspace-file-reference/react";
 
 // src/ui/IssueManagerNode.tsx
-import { Button as Button14, PanelIcon, cn as cn12 } from "@nextop-os/ui-system";
-
-// src/ui/internal/reference/IssueManagerReferencePicker.tsx
-import { createPortal } from "react-dom";
 import {
-  Button as Button3,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  CloseIcon,
-  cn as cn2
-} from "@nextop-os/ui-system";
-
-// src/ui/internal/reference/IssueManagerReferencePickerSections.tsx
-import {
-  Badge,
-  Button as Button2,
-  FileIcon as FileIcon2,
-  FolderFilledIcon as FolderFilledIcon2
-} from "@nextop-os/ui-system";
-
-// src/ui/internal/reference/IssueManagerReferencePickerTree.tsx
-import { useEffect as useEffect4, useState as useState3 } from "react";
-import {
-  ArrowRightIcon,
-  Button,
-  CheckIcon,
-  FileIcon,
-  FolderFilledIcon,
-  Input,
-  ScrollArea,
-  SearchIcon,
-  Spinner,
-  cn
-} from "@nextop-os/ui-system";
-import { AddIcon as AddLinedIcon } from "@nextop-os/ui-system/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var issueManagerReferenceTreeIndent = 24;
-var issueManagerReferenceTreeCollapseDurationMs = 200;
-function IssueManagerReferencePickerBrowserPane({
-  browseRootEntries,
-  copy,
-  directoryStateByPath,
-  expandedFolderPaths,
-  focusedPath,
-  isLoading,
-  mode,
-  searchQuery,
-  selectedRefs,
-  setSearchQuery,
-  visibleEntries,
-  onFocusPath,
-  onToggleFolder,
-  onToggleRef
-}) {
-  return /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-col border-b border-[var(--line-1)] lg:border-r lg:border-b-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "border-b border-[var(--line-1)] p-3", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          className: "pl-9",
-          placeholder: copy.t("referencePicker.searchPlaceholder"),
-          value: searchQuery,
-          onChange: (event) => setSearchQuery(event.target.value)
-        }
-      )
-    ] }) }),
-    isLoading ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: /* @__PURE__ */ jsx(Spinner, { className: "text-[var(--text-secondary)]", size: 16 }) }) : visibleEntries.length === 0 ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) : /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px] p-3", children: mode === "browse" ? /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: browseRootEntries.map((entry) => /* @__PURE__ */ jsx(
-      IssueManagerReferencePickerTreeEntry,
-      {
-        childDepth: 1,
-        copy,
-        directoryStateByPath,
-        entry,
-        expandedFolderPaths,
-        focusedPath,
-        selectedRefs,
-        onFocusPath,
-        onToggleFolder,
-        onToggleRef
-      },
-      entry.path
-    )) }) : visibleEntries.map((entry) => /* @__PURE__ */ jsx(
-      IssueManagerReferencePickerSearchEntry,
-      {
-        entry,
-        focused: focusedPath === entry.path,
-        selected: selectedRefs.some(
-          (item) => item.path === entry.path
-        ),
-        onFocusPath,
-        onToggleRef
-      },
-      entry.path
-    )) }) })
-  ] });
-}
-function IssueManagerReferencePickerTreeEntry({
-  childDepth,
-  copy,
-  directoryStateByPath,
-  entry,
-  expandedFolderPaths,
-  focusedPath,
-  selectedRefs,
-  onFocusPath,
-  onToggleFolder,
-  onToggleRef
-}) {
-  const selected = selectedRefs.some((item) => item.path === entry.path);
-  const focused = focusedPath === entry.path;
-  const isFolder = entry.kind === "folder";
-  const folderKey = normalizeDirectoryPath(entry.path);
-  const expanded = expandedFolderPaths[folderKey] ?? false;
-  const childState = directoryStateByPath[folderKey];
-  const childEntries = childState?.entries ?? [];
-  const [shouldRenderChildContent, setShouldRenderChildContent] = useState3(expanded);
-  useEffect4(() => {
-    if (expanded) {
-      setShouldRenderChildContent(true);
-      return;
-    }
-    const timeoutId = window.setTimeout(() => {
-      setShouldRenderChildContent(false);
-    }, issueManagerReferenceTreeCollapseDurationMs);
-    return () => window.clearTimeout(timeoutId);
-  }, [expanded]);
-  const shouldBuildChildContent = expanded || shouldRenderChildContent;
-  const childContent = shouldBuildChildContent ? childState?.loading ? /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-2 px-2 py-2 text-xs text-[var(--text-secondary)]",
-      style: {
-        paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
-      },
-      children: [
-        /* @__PURE__ */ jsx(Spinner, { className: "text-[var(--text-secondary)]", size: 14 }),
-        /* @__PURE__ */ jsx("span", { children: copy.t("referencePicker.loading") })
-      ]
-    }
-  ) : childEntries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: childEntries.map((childEntry) => /* @__PURE__ */ jsx(
-    IssueManagerReferencePickerTreeEntry,
-    {
-      childDepth: childDepth + 1,
-      copy,
-      directoryStateByPath,
-      entry: childEntry,
-      expandedFolderPaths,
-      focusedPath,
-      selectedRefs,
-      onFocusPath,
-      onToggleFolder,
-      onToggleRef
-    },
-    childEntry.path
-  )) }) : childState?.loaded ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "px-2 py-2 text-xs text-[var(--text-secondary)]",
-      style: {
-        paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
-      },
-      children: copy.t("referencePicker.emptyDirectory")
-    }
-  ) : null : null;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 rounded-[6px] py-1.5 pr-1 pl-2 transition-colors",
-          focused || selected ? "bg-transparency-block" : "hover:bg-transparency-block"
-        ),
-        style: {
-          paddingLeft: `${(childDepth - 1) * issueManagerReferenceTreeIndent + 8}px`
-        },
-        children: [
-          isFolder ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": resolveIssueManagerReferenceLabel(entry),
-              className: "grid size-5 shrink-0 place-items-center rounded-sm text-[var(--text-secondary)] hover:bg-[var(--transparency-hover)]",
-              type: "button",
-              onClick: () => onToggleFolder(entry),
-              children: /* @__PURE__ */ jsx(
-                ArrowRightIcon,
-                {
-                  className: cn(
-                    "size-3.5 transition-transform",
-                    expanded && "rotate-90"
-                  )
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx("span", { className: "block size-5 shrink-0" }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              className: "flex min-w-0 items-center gap-2 text-left",
-              type: "button",
-              onClick: () => {
-                onFocusPath(entry.path);
-                if (entry.kind === "folder") {
-                  onToggleFolder(entry);
-                }
-              },
-              children: [
-                isFolder ? /* @__PURE__ */ jsx(FolderFilledIcon, { className: "size-4 shrink-0 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 shrink-0 text-[var(--text-tertiary)]" }),
-                /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(entry) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              "aria-label": resolveIssueManagerReferenceLabel(entry),
-              "aria-pressed": selected,
-              size: "icon-sm",
-              type: "button",
-              variant: "ghost",
-              onClick: () => {
-                onFocusPath(entry.path);
-                onToggleRef(entry);
-              },
-              children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(AddLinedIcon, { size: 16 })
-            }
-          )
-        ]
-      }
-    ),
-    isFolder ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
-          expanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]",
-          childContent && "mt-[2px]"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": expanded ? void 0 : "true",
-            className: cn(
-              "min-h-0 overflow-hidden transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none",
-              expanded ? "translate-y-0 opacity-100" : "-translate-y-1 opacity-0"
-            ),
-            inert: expanded ? void 0 : true,
-            children: childContent
-          }
-        )
-      }
-    ) : null
-  ] });
-}
-function IssueManagerReferencePickerSearchEntry({
-  entry,
-  focused,
-  selected,
-  onFocusPath,
-  onToggleRef
-}) {
-  const isFolder = entry.kind === "folder";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-[6px] border py-2.5 pr-1 pl-3 transition-colors",
-        focused || selected ? "border-border bg-transparency-block" : "border-transparent bg-transparent hover:border-border/70 hover:bg-transparency-block"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: "flex min-w-0 items-center gap-3 text-left",
-            type: "button",
-            onClick: () => onFocusPath(entry.path),
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "grid size-9 shrink-0 place-items-center rounded-lg bg-[var(--transparency-block)] text-[var(--text-tertiary)]", children: isFolder ? /* @__PURE__ */ jsx(FolderFilledIcon, { className: "size-4 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 text-[var(--text-tertiary)]" }) }),
-              /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(entry) }),
-                /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-[var(--text-secondary)]", children: entry.path })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            "aria-label": resolveIssueManagerReferenceLabel(entry),
-            "aria-pressed": selected,
-            size: "icon-sm",
-            type: "button",
-            variant: "ghost",
-            onClick: () => {
-              onFocusPath(entry.path);
-              onToggleRef(entry);
-            },
-            children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(AddLinedIcon, { size: 16 })
-          }
-        )
-      ]
-    }
-  );
-}
-function IssueManagerReferencePickerFeedback({
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "grid min-h-0 flex-1 place-items-center px-4 text-center text-sm text-[var(--text-secondary)]", children });
-}
-function resolveIssueManagerReferenceLabel(ref) {
-  return ref.displayName || ref.path.split("/").filter(Boolean).at(-1) || ref.path;
-}
-
-// src/ui/internal/reference/IssueManagerReferencePickerSections.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var issueManagerReferencePickerSelectedBadgeClassName = "max-w-[14rem] rounded-[4px] border-transparent bg-[var(--transparency-block)] text-[var(--text-primary)]";
-function IssueManagerReferencePickerPreviewPane({
-  copy,
-  focusedEntry,
-  mode
-}) {
-  return /* @__PURE__ */ jsx2("aside", { className: "flex shrink-0 flex-col border-t border-[var(--line-1)] bg-[var(--background-fronted)] lg:min-h-0 lg:flex-1 lg:border-t-0", children: /* @__PURE__ */ jsx2("div", { className: "flex min-h-0 flex-1 flex-col px-4 py-4 sm:px-5 lg:py-5", children: focusedEntry ? /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-col gap-4 lg:flex-1 lg:gap-5", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex min-h-32 flex-col items-center justify-center space-y-4 rounded-[8px] border border-[var(--line-2,var(--border-2))] bg-[var(--transparency-block)] px-5 py-8 text-center sm:min-h-40 sm:py-10 lg:min-h-56 lg:py-14", children: [
-      focusedEntry.kind === "folder" ? /* @__PURE__ */ jsx2(FolderFilledIcon2, { className: "mx-auto size-9 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx2(FileIcon2, { className: "mx-auto size-9 text-[var(--text-tertiary)]" }),
-      /* @__PURE__ */ jsx2("p", { className: "mx-auto max-w-[24ch] text-sm leading-5 text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: focusedEntry.kind === "folder" ? focusedEntry.path : resolveIssueManagerReferenceLabel(focusedEntry) })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "space-y-2 lg:space-y-3", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx2("p", { className: "truncate text-[15px] font-semibold text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(focusedEntry) }),
-      /* @__PURE__ */ jsx2("p", { className: "line-clamp-3 text-sm text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: focusedEntry.path })
-    ] }) })
-  ] }) : /* @__PURE__ */ jsx2(IssueManagerReferencePickerFeedback2, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) }) });
-}
-function IssueManagerReferencePickerFooter({
-  copy,
-  onClose,
-  onConfirm,
-  selectedRefs
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 border-t border-[var(--line-1)] px-4 py-4 sm:px-6 lg:flex-row lg:items-center lg:justify-between", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-wrap items-center gap-2 lg:flex-1", children: [
-      /* @__PURE__ */ jsx2("span", { className: "text-sm text-[var(--text-secondary)]", children: copy.t("referencePicker.selectedCount", {
-        count: selectedRefs.length
-      }) }),
-      selectedRefs.slice(0, 2).map((ref) => /* @__PURE__ */ jsx2(
-        Badge,
-        {
-          className: issueManagerReferencePickerSelectedBadgeClassName,
-          variant: "secondary",
-          children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: resolveIssueManagerReferenceLabel(ref) })
-        },
-        ref.path
-      )),
-      selectedRefs.length > 2 ? /* @__PURE__ */ jsxs2(
-        Badge,
-        {
-          className: issueManagerReferencePickerSelectedBadgeClassName,
-          variant: "secondary",
-          children: [
-            "+",
-            selectedRefs.length - 2
-          ]
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full items-center justify-end gap-2 lg:w-auto lg:shrink-0", children: [
-      /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "secondary", onClick: onClose, children: copy.t("actions.cancel") }),
-      /* @__PURE__ */ jsx2(
-        Button2,
-        {
-          disabled: selectedRefs.length === 0,
-          type: "button",
-          onClick: onConfirm,
-          children: copy.t("referencePicker.confirm")
-        }
-      )
-    ] })
-  ] });
-}
-function IssueManagerReferencePickerFeedback2({
-  children
-}) {
-  return /* @__PURE__ */ jsx2("div", { className: "grid min-h-0 flex-1 place-items-center px-4 text-center text-sm text-[var(--text-secondary)]", children });
-}
-
-// src/ui/internal/reference/IssueManagerReferencePicker.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var issueManagerReferencePickerBackdropMotionClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none";
-var issueManagerReferencePickerPanelMotionClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-[0.96] motion-safe:duration-[250ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none";
-function IssueManagerReferencePicker({
-  copy,
-  fileAdapter,
-  onClose,
-  onConfirm,
-  open,
-  workspaceId
-}) {
-  const {
-    browseRootEntries,
-    directoryStateByPath,
-    expandedFolderPaths,
-    focusedEntry,
-    focusedPath,
-    isLoading,
-    mode,
-    searchQuery,
-    selectedRefs,
-    visibleEntries,
-    setFocusedPath,
-    setSearchQuery,
-    toggleFolder,
-    toggleRef
-  } = useIssueManagerReferencePickerView({
-    fileAdapter,
-    onClose,
-    onConfirm,
-    open,
-    workspaceId
-  });
-  if (!open) {
-    return null;
-  }
-  const dialog = /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn2(
-        "fixed inset-0 grid place-items-center bg-[var(--backdrop)] px-3 py-4 backdrop-blur-md sm:px-6 sm:py-8",
-        issueManagerReferencePickerBackdropMotionClassName
-      ),
-      style: { zIndex: "var(--z-panel)" },
-      onClick: onClose,
-      children: /* @__PURE__ */ jsxs3(
-        Card,
-        {
-          "aria-modal": "true",
-          className: cn2(
-            "flex h-[min(88vh,44rem)] w-full max-w-5xl origin-center flex-col gap-0 overflow-hidden border-[var(--line-1)] bg-[var(--background-fronted)] py-0 text-[var(--text-primary)] shadow-panel sm:h-[min(82vh,44rem)]",
-            issueManagerReferencePickerPanelMotionClassName
-          ),
-          role: "dialog",
-          onClick: (event) => event.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsx3(CardHeader, { className: "border-b border-[var(--line-1)] px-4 py-4 sm:px-6 sm:py-5", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsx3("div", { className: "min-w-0", children: /* @__PURE__ */ jsx3(CardTitle, { children: copy.t("referencePicker.title") }) }),
-              /* @__PURE__ */ jsx3(
-                Button3,
-                {
-                  "aria-label": copy.t("actions.cancel"),
-                  size: "icon-sm",
-                  type: "button",
-                  variant: "ghost",
-                  onClick: onClose,
-                  children: /* @__PURE__ */ jsx3(CloseIcon, { size: 16 })
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsxs3(CardContent, { className: "grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)_auto] gap-0 overflow-hidden p-0 lg:grid-cols-[minmax(0,1.15fr)_minmax(20rem,0.85fr)] lg:grid-rows-1", children: [
-              /* @__PURE__ */ jsx3(
-                IssueManagerReferencePickerBrowserPane,
-                {
-                  browseRootEntries,
-                  copy,
-                  directoryStateByPath,
-                  expandedFolderPaths,
-                  focusedPath,
-                  isLoading,
-                  mode,
-                  searchQuery,
-                  selectedRefs,
-                  setSearchQuery,
-                  visibleEntries,
-                  onFocusPath: setFocusedPath,
-                  onToggleFolder: toggleFolder,
-                  onToggleRef: toggleRef
-                }
-              ),
-              /* @__PURE__ */ jsx3(
-                IssueManagerReferencePickerPreviewPane,
-                {
-                  copy,
-                  focusedEntry,
-                  mode
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx3(
-              IssueManagerReferencePickerFooter,
-              {
-                copy,
-                onClose,
-                onConfirm: () => onConfirm(selectedRefs),
-                selectedRefs
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-  if (typeof document === "undefined") {
-    return dialog;
-  }
-  return createPortal(dialog, document.body);
-}
+  useEffect as useEffect10
+} 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 { Button as Button13, FileCreateIcon as FileCreateIcon4, cn as cn11 } from "@nextop-os/ui-system";
+import { useEffect as useEffect8, useState as useState9 } 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 useState6 } from "react";
-import { Badge as Badge3, Button as Button7, ConfirmationDialog, Input as Input2 } from "@nextop-os/ui-system";
+import { useState as useState5 } from "react";
+import { Badge as Badge2, Button as Button4, ConfirmationDialog } from "@nextop-os/ui-system";
+
+// src/ui/internal/status/IssueManagerStatusBadge.ts
+function issueManagerStatusBadgeVariant(status) {
+  return status === "running" ? "accent" : "default";
+}
 
 // src/ui/internal/issue/IssueManagerIssueSections.tsx
 import {
-  Badge as Badge2,
-  Button as Button5,
+  Badge,
+  Button as Button2,
   FileCreateIcon as FileCreateIcon2,
-  ScrollArea as ScrollArea2,
-  cn as cn3
+  ScrollArea,
+  cn
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/panel/IssueManagerPanelText.ts
 function summarizeIssueManagerContent(content, fallback) {
-  const plainText = extractIssueManagerPlainTextFromContent(
-    content ?? ""
-  ).trim();
+  const plainText = stripIssueManagerDescriptionTerminalPunctuation(
+    extractIssueManagerPlainTextFromContent(content ?? "")
+  );
   if (!plainText) {
-    return fallback;
+    return stripIssueManagerDescriptionTerminalPunctuation(fallback);
   }
   if (plainText.length <= 120) {
     return plainText;
   }
   return `${plainText.slice(0, 117)}...`;
 }
+function stripIssueManagerDescriptionTerminalPunctuation(value) {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.endsWith("...") || trimmed.endsWith("\u2026")) {
+    return trimmed;
+  }
+  return trimmed.replace(/[。．.]+$/u, "");
+}
 function resolveTaskCreatorLabel(task) {
   return resolveIssueManagerCreatorLabel(task);
 }
@@ -2202,70 +1677,71 @@ function resolveIssueManagerCreatorLabel(entity) {
 }
 
 // src/ui/internal/panel/IssueManagerPanelSurface.tsx
-import { Button as Button4, FileCreateIcon } from "@nextop-os/ui-system";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Button, FileCreateIcon } from "@nextop-os/ui-system";
+import { jsx, jsxs } from "react/jsx-runtime";
 function IssueManagerPaneLoadingState() {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       "aria-hidden": "true",
       className: "mx-auto flex w-full max-w-4xl flex-col gap-6",
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "h-6 w-28 rounded-full bg-muted" }),
-        /* @__PURE__ */ jsx4("div", { className: "h-12 w-2/3 rounded-full bg-muted" }),
-        /* @__PURE__ */ jsxs4("div", { className: "rounded-[28px] border border-border/70 bg-transparent px-5 py-5", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-4 w-24 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx4("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx4("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx4("div", { className: "mt-3 h-4 w-10/12 rounded-full bg-muted" })
+        /* @__PURE__ */ jsx("div", { className: "h-6 w-28 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx("div", { className: "h-12 w-2/3 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-[28px] border border-border/70 bg-transparent px-5 py-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 h-4 w-10/12 rounded-full bg-muted" })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-5 py-5", children: [
-          /* @__PURE__ */ jsx4("div", { className: "h-4 w-32 rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx4("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
-          /* @__PURE__ */ jsx4("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+        /* @__PURE__ */ jsxs("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-5 py-5", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
         ] })
       ]
     }
   );
 }
 function IssueManagerTaskDrawerLoadingState() {
-  return /* @__PURE__ */ jsxs4("div", { "aria-hidden": "true", className: "grid gap-5", children: [
-    /* @__PURE__ */ jsx4("div", { className: "h-12 w-full rounded-2xl bg-muted" }),
-    /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsx4("div", { className: "h-10 rounded-xl bg-muted" }),
-      /* @__PURE__ */ jsx4("div", { className: "h-10 rounded-xl bg-muted" })
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "grid gap-5", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-12 w-full rounded-2xl bg-muted" }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-10 rounded-xl bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "h-10 rounded-xl bg-muted" })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-4 py-4", children: [
-      /* @__PURE__ */ jsx4("div", { className: "h-4 w-24 rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx4("div", { className: "mt-4 h-4 w-full rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx4("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
-      /* @__PURE__ */ jsx4("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+    /* @__PURE__ */ jsxs("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-4 py-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-4 h-4 w-full rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
     ] })
   ] });
 }
 
 // src/ui/internal/issue/IssueManagerIssueSections.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IssueManagerDetailTextSection({
   body,
+  isPlaceholder = false,
   label,
   meta,
   tone = "muted"
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: label }),
-    /* @__PURE__ */ jsxs5("div", { className: "grid gap-1.5", children: [
-      /* @__PURE__ */ jsx5(
+  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: cn3(
-            "text-sm font-normal leading-6",
-            tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-secondary)]"
+          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: body
+          children: stripIssueManagerDescriptionTerminalPunctuation(body)
         }
       ),
-      meta ? /* @__PURE__ */ jsx5("p", { className: "text-xs font-normal leading-5 text-[var(--text-secondary)]", children: meta }) : null
+      meta ? /* @__PURE__ */ jsx2("p", { className: "mt-1 truncate text-xs font-normal text-[var(--text-secondary)]", children: stripIssueManagerDescriptionTerminalPunctuation(meta) }) : null
     ] })
   ] });
 }
@@ -2274,12 +1750,12 @@ function IssueManagerOutputSection({
   onOpen,
   outputs
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.executionOutputs") }),
-    outputs.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: outputs.map((output) => /* @__PURE__ */ jsxs5(
+  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(
       "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-accent/18",
+        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",
         type: "button",
         onClick: () => {
           void onOpen({
@@ -2289,11 +1765,11 @@ function IssueManagerOutputSection({
           });
         },
         children: [
-          /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx5("span", { className: "block truncate text-sm font-semibold text-[var(--text-primary)]", children: output.displayName }),
-            /* @__PURE__ */ jsx5("span", { className: "mt-1 block truncate text-xs font-normal text-[var(--text-secondary)]", children: output.path })
+          /* @__PURE__ */ jsxs2("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "block truncate text-sm font-semibold text-[var(--text-primary)]", children: output.displayName }),
+            /* @__PURE__ */ jsx2("span", { className: "mt-1 block truncate text-xs font-normal text-[var(--text-secondary)]", children: output.path })
           ] }),
-          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" })
+          /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" })
         ]
       },
       output.outputId
@@ -2307,35 +1783,35 @@ function IssueManagerSubtaskSection({
   selectedTaskId,
   tasks
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.subtasks") }),
-      /* @__PURE__ */ jsxs5(Button5, { size: "dialog", type: "button", variant: "ghost", onClick: onCreate, children: [
-        /* @__PURE__ */ jsx5(FileCreateIcon2, { size: 14 }),
+  return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx2("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.subtasks") }),
+      /* @__PURE__ */ jsxs2(Button2, { size: "dialog", type: "button", variant: "ghost", onClick: onCreate, children: [
+        /* @__PURE__ */ jsx2(FileCreateIcon2, { size: 14 }),
         copy.t("actions.add")
       ] })
     ] }),
-    tasks.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: tasks.map((task) => /* @__PURE__ */ jsxs5(
+    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(
       "button",
       {
-        className: cn3(
-          "flex items-start justify-between gap-4 rounded-xl border px-4 py-3 text-left transition-colors",
-          selectedTaskId === task.taskId ? "border-border/90 bg-background-fronted" : "border-border/65 hover:bg-accent/18"
+        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",
+          selectedTaskId === task.taskId ? "bg-transparency-actived" : "bg-transparent hover:bg-transparency-hover"
         ),
         type: "button",
         onClick: () => onSelectTask(task.taskId),
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-              /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-semibold text-[var(--text-primary)]", children: task.title }),
-              /* @__PURE__ */ jsx5(Badge2, { className: "rounded-md px-2 py-1 text-[11px] font-medium", children: resolveIssueManagerStatusLabel(copy, task.status) })
+          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+              /* @__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__ */ jsx5("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-sm font-normal leading-6 text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
               task.content,
               copy.t("messages.taskContentEmpty")
             ) })
           ] }),
-          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
+          /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
             task.createdAtUnix ?? task.updatedAtUnix
           ) || "" })
         ]
@@ -2346,10 +1822,10 @@ function IssueManagerSubtaskSection({
 }
 
 // src/ui/internal/content/IssueManagerDescriptionSection.tsx
-import { useEffect as useEffect5, useRef, useState as useState4 } from "react";
+import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
 import { RichTextReadonlyContent } from "@nextop-os/ui-rich-text/editor";
-import { cn as cn4 } from "@nextop-os/ui-system";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { cn as cn2 } from "@nextop-os/ui-system";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function IssueManagerDescriptionSection({
   content,
   emptyLabel,
@@ -2359,14 +1835,15 @@ function IssueManagerDescriptionSection({
   variant = "card"
 }) {
   const contentRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState4(false);
+  const [isOverflowing, setIsOverflowing] = useState2(false);
   const normalizedContent = normalizeIssueManagerContent(content).trim();
-  useEffect5(() => {
+  const displayContent = stripIssueManagerDescriptionTerminalPunctuation(normalizedContent);
+  useEffect3(() => {
     if (variant === "plain") {
       setIsOverflowing(false);
       return;
     }
-    if (!normalizedContent) {
+    if (!displayContent) {
       setIsOverflowing(false);
       return;
     }
@@ -2390,47 +1867,47 @@ function IssueManagerDescriptionSection({
     return () => {
       observer.disconnect();
     };
-  }, [normalizedContent, variant]);
+  }, [displayContent, variant]);
   if (variant === "plain") {
-    return /* @__PURE__ */ jsxs6("section", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsx6("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: label }),
-      normalizedContent ? /* @__PURE__ */ jsx6("div", { className: "max-w-3xl text-sm font-normal leading-5 text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2", children: [
+      /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: label }),
+      displayContent ? /* @__PURE__ */ jsx3("div", { className: "max-w-3xl text-sm font-normal leading-5 text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx3(
         IssueManagerDescriptionContent,
         {
-          content: normalizedContent,
+          content: displayContent,
           onOpen
         }
-      ) }) : /* @__PURE__ */ jsx6("p", { className: "text-sm font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
+      ) }) : /* @__PURE__ */ jsx3("p", { className: "text-sm font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
     ] });
   }
-  return /* @__PURE__ */ jsxs6("section", { className: "grid gap-2", children: [
-    /* @__PURE__ */ jsx6("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: label }),
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2", children: [
+    /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: label }),
+    /* @__PURE__ */ jsxs3(
       "div",
       {
-        className: cn4(
+        className: cn2(
           "relative min-w-0 rounded-lg border border-border-1 bg-transparent px-4 py-3",
           minHeightClass
         ),
         children: [
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx3(
             "div",
             {
-              className: cn4(
+              className: cn2(
                 "max-h-[18rem] overflow-y-auto pr-2 text-sm font-normal leading-5 text-[var(--text-secondary)]",
                 isOverflowing && "pb-8"
               ),
               ref: contentRef,
-              children: normalizedContent ? /* @__PURE__ */ jsx6(
+              children: displayContent ? /* @__PURE__ */ jsx3(
                 IssueManagerDescriptionContent,
                 {
-                  content: normalizedContent,
+                  content: displayContent,
                   onOpen
                 }
-              ) : /* @__PURE__ */ jsx6("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
+              ) : /* @__PURE__ */ jsx3("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
             }
           ),
-          isOverflowing ? /* @__PURE__ */ jsx6(
+          isOverflowing ? /* @__PURE__ */ jsx3(
             "div",
             {
               className: "pointer-events-none absolute right-0 bottom-1 left-0 h-10",
@@ -2448,7 +1925,7 @@ function IssueManagerDescriptionContent({
   content,
   onOpen
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx3(
     RichTextReadonlyContent,
     {
       value: content,
@@ -2462,10 +1939,10 @@ function IssueManagerDescriptionContent({
 }
 
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
-import { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef2, useState as useState5 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
 import { RichTextAtEditor } from "@nextop-os/ui-rich-text/editor";
-import { Button as Button6, LinkIcon, cn as cn5 } from "@nextop-os/ui-system";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Button as Button3, LinkIcon, cn as cn3 } from "@nextop-os/ui-system";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var issueManagerRichTextTextareaBaseClassName = "min-h-20 w-full rounded-[8px] border border-transparent bg-[var(--transparency-block)] p-3 text-sm 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-sm font-normal leading-[1.3] text-[var(--text-placeholder)]";
 function IssueManagerRichTextTextarea({
@@ -2476,15 +1953,15 @@ function IssueManagerRichTextTextarea({
   textareaClassName,
   value
 }) {
-  const providers = useMemo4(
+  const providers = useMemo3(
     () => controller.resolveRichTextAtProviders(surface),
     [controller, surface]
   );
   const showReferenceAction = controller.canReferenceWorkspaceFiles;
-  const [focusSignal, setFocusSignal] = useState5(0);
+  const [focusSignal, setFocusSignal] = useState3(0);
   const previousValueRef = useRef2(value);
   const wasAddingReferenceRef = useRef2(false);
-  useEffect6(() => {
+  useEffect4(() => {
     const isAddingReference = controller.referenceTarget?.mode === "insert" && controller.referenceTarget.parentKind === surface;
     if (wasAddingReferenceRef.current && !isAddingReference && value !== previousValueRef.current) {
       setFocusSignal((current) => current + 1);
@@ -2492,7 +1969,7 @@ function IssueManagerRichTextTextarea({
     wasAddingReferenceRef.current = isAddingReference;
     previousValueRef.current = value;
   }, [controller.referenceTarget, surface, value]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx4(
     RichTextAtEditor,
     {
       focusSignal,
@@ -2504,12 +1981,12 @@ function IssueManagerRichTextTextarea({
         noMatchesLabel: controller.copy.t("richTextAt.noMatches"),
         removeReferenceActionLabel: controller.copy.t("actions.removeReference")
       },
-      textareaClassName: cn5(
+      textareaClassName: cn3(
         issueManagerRichTextTextareaBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
       ),
-      placeholderClassName: cn5(
+      placeholderClassName: cn3(
         issueManagerRichTextPlaceholderBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
@@ -2517,8 +1994,8 @@ function IssueManagerRichTextTextarea({
       placeholder,
       value,
       onChange,
-      overlay: showReferenceAction ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-x-3 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs7(
-        Button6,
+      overlay: showReferenceAction ? /* @__PURE__ */ jsx4("div", { className: "pointer-events-none absolute inset-x-3 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs4(
+        Button3,
         {
           className: "pointer-events-auto",
           size: "default",
@@ -2528,7 +2005,7 @@ function IssueManagerRichTextTextarea({
             void controller.insertReferences(surface);
           },
           children: [
-            /* @__PURE__ */ jsx7(LinkIcon, { size: 14 }),
+            /* @__PURE__ */ jsx4(LinkIcon, { size: 14 }),
             controller.copy.t("actions.referenceWorkspaceFiles")
           ]
         }
@@ -2537,16 +2014,65 @@ function IssueManagerRichTextTextarea({
   );
 }
 
+// src/ui/internal/shell/IssueManagerDraftTitleInput.tsx
+import {
+  useEffect as useEffect5,
+  useState as useState4
+} from "react";
+import { Input } from "@nextop-os/ui-system";
+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);
+    }
+  }, [isComposing, value]);
+  const commitValue = (nextValue) => {
+    setLocalValue(nextValue);
+    onChange(nextValue);
+  };
+  return /* @__PURE__ */ jsx5(
+    Input,
+    {
+      placeholder,
+      variant: "md",
+      value: localValue,
+      onBlur: (event) => {
+        commitValue(event.currentTarget.value);
+      },
+      onChange: (event) => {
+        const nextValue = event.currentTarget.value;
+        setLocalValue(nextValue);
+        if (!isComposing) {
+          onChange(nextValue);
+        }
+      },
+      onCompositionEnd: (event) => {
+        setIsComposing(false);
+        commitValue(event.currentTarget.value);
+      },
+      onCompositionStart: () => {
+        setIsComposing(true);
+      }
+    }
+  );
+}
+
 // src/ui/internal/shell/IssueManagerEditorMotion.ts
 var issueManagerEditorRiseInClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-3 motion-safe:duration-[240ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-safe:[animation-fill-mode:both] motion-reduce:animate-none";
 var issueManagerEditorRiseInDelay0ClassName = "motion-safe:[animation-delay:0ms]";
 var issueManagerEditorRiseInDelay1ClassName = "motion-safe:[animation-delay:55ms]";
 var issueManagerEditorRiseInDelay2ClassName = "motion-safe:[animation-delay:110ms]";
-var issueManagerEditorRiseInDelay3ClassName = "motion-safe:[animation-delay:165ms]";
 var issueManagerEditorFooterFadeInClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-safe:[animation-delay:180ms] motion-safe:[animation-fill-mode:both] motion-reduce:animate-none";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function IssueManagerIssuePane({
   controller,
   selectedIssue,
@@ -2560,46 +2086,45 @@ function IssueManagerIssuePane({
   const tasks = controller.issueDetail.value?.tasks ?? [];
   const selectedTaskId = controller.nodeState.selectedTaskId;
   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 : null;
-  const latestOutputs = selectedTask ? controller.taskDetail.value?.latestOutputs ?? [] : [];
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState6(false);
-  const [deleteBusy, setDeleteBusy] = useState6(false);
+  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);
   if (isCreatingIssue || isEditingIssue) {
-    return /* @__PURE__ */ jsxs8("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-        /* @__PURE__ */ jsx8(
+    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(
           "div",
           {
             className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-            children: /* @__PURE__ */ jsx8("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
+            children: /* @__PURE__ */ jsx6("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
           }
         ),
-        /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-          /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs5("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+          /* @__PURE__ */ jsxs5(
             "label",
             {
               className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
               children: [
-                /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.title") }),
-                /* @__PURE__ */ jsx8(
-                  Input2,
+                /* @__PURE__ */ jsx6("span", { className: "leading-5", children: copy.t("labels.title") }),
+                /* @__PURE__ */ jsx6(
+                  IssueManagerDraftTitleInput,
                   {
                     placeholder: copy.t("composer.issueTitlePlaceholder"),
-                    variant: "md",
                     value: controller.issueDraft.title,
-                    onChange: (event) => controller.setIssueTitle(event.target.value)
+                    onChange: controller.setIssueTitle
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ jsxs8(
+          /* @__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}`,
               children: [
-                /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.content") }),
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx6("span", { className: "leading-5", children: copy.t("labels.content") }),
+                /* @__PURE__ */ jsx6(
                   IssueManagerRichTextTextarea,
                   {
                     controller,
@@ -2615,13 +2140,13 @@ function IssueManagerIssuePane({
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx6(
         "div",
         {
           className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-          children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-3", children: [
-            /* @__PURE__ */ jsx8(
-              Button7,
+          children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-3", children: [
+            /* @__PURE__ */ jsx6(
+              Button4,
               {
                 size: "dialog",
                 type: "button",
@@ -2630,8 +2155,8 @@ function IssueManagerIssuePane({
                 children: copy.t("actions.cancel")
               }
             ),
-            /* @__PURE__ */ jsx8(
-              Button7,
+            /* @__PURE__ */ jsx6(
+              Button4,
               {
                 disabled: isIssueTitleMissing,
                 size: "dialog",
@@ -2646,63 +2171,69 @@ function IssueManagerIssuePane({
     ] });
   }
   if (!selectedIssue) {
-    return /* @__PURE__ */ jsx8("div", { className: "h-full min-h-0" });
+    return /* @__PURE__ */ jsx6("div", { className: "h-full min-h-0" });
   }
-  return /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-col", children: /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx8(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
-    /* @__PURE__ */ jsxs8("header", { className: "flex items-start justify-between gap-6", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx8("h2", { className: "line-clamp-2 text-base font-semibold leading-6 text-[var(--text-primary)]", children: selectedIssue.title }),
-        /* @__PURE__ */ jsxs8("div", { className: "mt-3 flex flex-wrap items-center gap-x-2 gap-y-2 text-sm font-normal text-[var(--text-secondary)]", children: [
-          /* @__PURE__ */ jsx8(Badge3, { variant: "secondary", children: resolveIssueManagerStatusLabel(copy, selectedIssue.status) }),
-          /* @__PURE__ */ jsx8(
-            "span",
+  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: [
+    /* @__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 }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx6(
+            Button4,
             {
-              "aria-hidden": "true",
-              className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+              type: "button",
+              variant: "ghost",
+              onClick: () => controller.setIssueEditorMode("edit"),
+              children: copy.t("actions.edit")
             }
           ),
-          /* @__PURE__ */ jsxs8("span", { children: [
-            copy.t("labels.creator"),
-            " ",
-            resolveIssueManagerCreatorLabel(selectedIssue)
-          ] }),
-          /* @__PURE__ */ jsx8(
-            "span",
+          /* @__PURE__ */ jsx6(
+            Button4,
             {
-              "aria-hidden": "true",
-              className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+              className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
+              type: "button",
+              variant: "ghost",
+              onClick: () => setDeleteDialogOpen(true),
+              children: copy.t("actions.delete")
             }
-          ),
-          /* @__PURE__ */ jsxs8("span", { children: [
-            copy.t("labels.createdAt"),
-            " ",
-            formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
-          ] })
+          )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-2 pt-1", children: [
-        /* @__PURE__ */ jsx8(
-          Button7,
+      /* @__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__ */ jsx6(
+          Badge2,
           {
-            type: "button",
-            variant: "ghost",
-            onClick: () => controller.setIssueEditorMode("edit"),
-            children: copy.t("actions.edit")
+            variant: issueManagerStatusBadgeVariant(selectedIssue.status),
+            children: resolveIssueManagerStatusLabel(copy, selectedIssue.status)
           }
         ),
-        /* @__PURE__ */ jsx8(
-          Button7,
+        /* @__PURE__ */ jsx6(
+          "span",
           {
-            className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
-            type: "button",
-            variant: "ghost",
-            onClick: () => setDeleteDialogOpen(true),
-            children: copy.t("actions.delete")
+            "aria-hidden": "true",
+            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
           }
-        )
+        ),
+        /* @__PURE__ */ jsxs5("span", { children: [
+          copy.t("labels.creator"),
+          " ",
+          resolveIssueManagerCreatorLabel(selectedIssue)
+        ] }),
+        /* @__PURE__ */ jsx6(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+          }
+        ),
+        /* @__PURE__ */ jsxs5("span", { children: [
+          copy.t("labels.createdAt"),
+          " ",
+          formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
+        ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx6(
       ConfirmationDialog,
       {
         cancelLabel: copy.t("actions.cancel"),
@@ -2722,7 +2253,7 @@ function IssueManagerIssuePane({
         onOpenChange: setDeleteDialogOpen
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx6(
       IssueManagerDescriptionSection,
       {
         content: issueContent,
@@ -2732,10 +2263,11 @@ function IssueManagerIssuePane({
         variant: "plain"
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx6(
       IssueManagerDetailTextSection,
       {
         body: latestRun ? latestRun.summary?.trim() || resolveIssueManagerStatusLabel(copy, latestRun.status) : copy.t("messages.noExecutionStatus"),
+        isPlaceholder: !latestRun,
         label: copy.t("labels.latestRunStatus"),
         meta: latestRun ? formatIssueManagerTimestamp(
           latestRun.updatedAtUnix ?? latestRun.createdAtUnix
@@ -2743,7 +2275,7 @@ function IssueManagerIssuePane({
         tone: latestRun?.status === "failed" ? "destructive" : "muted"
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx6(
       IssueManagerOutputSection,
       {
         copy,
@@ -2751,7 +2283,7 @@ function IssueManagerIssuePane({
         onOpen: controller.openReference
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx6(
       IssueManagerSubtaskSection,
       {
         copy,
@@ -2765,204 +2297,346 @@ function IssueManagerIssuePane({
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { Button as Button8, cn as cn7 } from "@nextop-os/ui-system";
+import { Button as Button6, cn as cn5 } from "@nextop-os/ui-system";
 
 // src/ui/internal/task/IssueManagerRunSections.tsx
-import { useState as useState7 } from "react";
-import {
-  Badge as Badge4,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  buttonVariants,
-  cn as cn6
+import { useEffect as useEffect6, useState as useState6 } from "react";
+import {
+  Badge as Badge3,
+  AgentSessionsIcon,
+  Button as Button5,
+  CheckIcon,
+  ChevronDownIcon,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  FolderIcon,
+  IssueIcon,
+  LinkIcon as LinkIcon2,
+  NoWorkspaceLinedIcon,
+  cn as cn4
 } from "@nextop-os/ui-system";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+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";
 function IssueManagerRunActionTrigger({
   controller,
   disabled = false,
-  triggerClassName
+  triggerClassName,
+  triggerVariant = "default"
 }) {
-  const [resetToken, setResetToken] = useState7(0);
-  return /* @__PURE__ */ jsxs9(
-    Select,
+  return /* @__PURE__ */ jsxs6(
+    Button5,
     {
+      className: cn4("min-w-0", triggerClassName),
       disabled: controller.isRunningTask || disabled,
-      onValueChange: (provider) => {
-        setResetToken((current) => current + 1);
-        void controller.runTask(provider);
+      size: triggerVariant === "button" ? "dialog" : "default",
+      type: "button",
+      onClick: () => {
+        void controller.runTask();
       },
       children: [
-        /* @__PURE__ */ jsx9(
-          SelectTrigger,
-          {
-            "aria-label": controller.copy.t("actions.askAgentToRun"),
-            className: cn6(
-              buttonVariants({ variant: "secondary", size: "dialog" }),
-              "[&>svg]:hidden",
-              triggerClassName
-            ),
-            children: /* @__PURE__ */ jsx9("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: /* @__PURE__ */ jsx9("span", { className: "truncate", children: controller.copy.t("actions.askAgentToRun") }) })
-          }
-        ),
-        /* @__PURE__ */ jsx9(SelectContent, { style: { zIndex: "var(--z-panel-popover)" }, children: controller.providerOptions.map((provider) => /* @__PURE__ */ jsx9(SelectItem, { value: provider, children: provider }, provider)) })
+        /* @__PURE__ */ jsx7(AgentSessionsIcon, { size: 16 }),
+        /* @__PURE__ */ jsx7("span", { className: "truncate", children: controller.copy.t("actions.askAgentToRun") })
       ]
-    },
-    `${controller.nodeState.selectedAgentProvider}:${resetToken}`
+    }
   );
 }
-function IssueManagerRunPanels({
-  copy,
-  onOpen,
-  outputs,
-  recentRuns
+function IssueManagerBreakdownActionTrigger({
+  controller,
+  disabled = false,
+  triggerClassName,
+  triggerVariant = "default"
 }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "grid gap-4", children: [
-    /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border-1 bg-transparent px-4 py-4", children: [
-      /* @__PURE__ */ jsx9("h4", { className: "mb-3 text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.recentRuns") }),
-      recentRuns.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: copy.t("messages.noRecentRuns") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: recentRuns.map((run) => /* @__PURE__ */ jsxs9(
-        "div",
-        {
-          className: "rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3",
-          children: [
-            /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: run.summary || run.runId }),
-                /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
-                  run.updatedAtUnix ?? run.createdAtUnix
-                ) })
-              ] }),
-              /* @__PURE__ */ jsx9(Badge4, { className: "rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-[var(--text-secondary)]", children: resolveIssueManagerStatusLabel(copy, run.status) })
-            ] }),
-            run.errorMessage ? /* @__PURE__ */ jsx9("p", { className: "mt-2 text-xs text-[var(--state-danger)]", children: run.errorMessage }) : null
-          ]
-        },
-        run.runId
-      )) })
-    ] }),
-    /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border-1 bg-transparent px-4 py-4", children: [
-      /* @__PURE__ */ jsx9("h4", { className: "mb-3 text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.outputs") }),
-      outputs.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: copy.t("messages.noOutputs") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: outputs.map((output) => /* @__PURE__ */ jsxs9(
-        "button",
-        {
-          className: "rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3 text-left transition-colors hover:bg-transparency-hover",
-          type: "button",
-          onClick: () => {
-            void onOpen({
-              displayName: output.displayName,
-              kind: "file",
-              path: output.path
-            });
-          },
-          children: [
-            /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: output.displayName }),
-            /* @__PURE__ */ jsx9("p", { className: "mt-1 truncate text-xs leading-[1.55] text-[var(--text-secondary)]", children: output.path })
-          ]
-        },
-        output.outputId
-      )) })
-    ] })
+  return /* @__PURE__ */ jsxs6(
+    Button5,
+    {
+      className: cn4("min-w-0", triggerClassName),
+      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") })
+      ]
+    }
+  );
+}
+function IssueManagerExecutionDirectoryTrigger({
+  className,
+  controller,
+  disabled = false
+}) {
+  const [projects, setProjects] = useState6([]);
+  const [isLoading, setIsLoading] = useState6(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(() => {
+    let canceled = false;
+    setIsLoading(true);
+    void controller.listExecutionDirectoryProjects().then((response) => {
+      if (!canceled) {
+        setProjects(response.projects);
+      }
+    }).catch(() => {
+      if (!canceled) {
+        setProjects([]);
+      }
+    }).finally(() => {
+      if (!canceled) {
+        setIsLoading(false);
+      }
+    });
+    return () => {
+      canceled = true;
+    };
+  }, [controller.workspaceId]);
+  const refreshProjects = () => {
+    void controller.listExecutionDirectoryProjects().then((response) => setProjects(response.projects)).catch(() => setProjects([]));
+  };
+  if (!controller.canSelectExecutionDirectory) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        "aria-label": controller.copy.t("actions.selectExecutionDirectory"),
+        className: cn4(
+          "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
+        ),
+        disabled,
+        type: "button",
+        children: [
+          selectedPath ? /* @__PURE__ */ jsx7(FolderIcon, { className: "shrink-0", size: 15 }) : /* @__PURE__ */ jsx7(NoWorkspaceLinedIcon, { className: "shrink-0", size: 15 }),
+          /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate text-left font-normal", children: triggerLabel }),
+          /* @__PURE__ */ jsx7(
+            ChevronDownIcon,
+            {
+              className: "shrink-0 text-[var(--text-secondary)] transition-transform group-data-[state=open]:rotate-180",
+              size: 14
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs6(
+      DropdownMenuContent,
+      {
+        align: "end",
+        className: "w-[240px] min-w-[240px]",
+        style: { zIndex: "var(--z-panel-popover)" },
+        children: [
+          selectedPath && !selectedProject ? /* @__PURE__ */ jsx7(
+            DropdownMenuItem,
+            {
+              className: executionDirectoryMenuItemClassName,
+              onSelect: () => {
+                void controller.useExecutionDirectory(selectedPath).then(refreshProjects);
+              },
+              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(
+                  CheckIcon,
+                  {
+                    className: executionDirectoryMenuItemCheckClassName,
+                    size: 15
+                  }
+                )
+              ] })
+            }
+          ) : null,
+          projects.map((project) => /* @__PURE__ */ jsx7(
+            DropdownMenuItem,
+            {
+              className: executionDirectoryMenuItemClassName,
+              onSelect: () => {
+                void controller.useExecutionDirectory(project.path).then(refreshProjects);
+              },
+              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
+                  ] })
+                ] }),
+                project.path === selectedPath ? /* @__PURE__ */ jsx7(
+                  CheckIcon,
+                  {
+                    className: executionDirectoryMenuItemCheckClassName,
+                    size: 15
+                  }
+                ) : null
+              ] })
+            },
+            project.id || project.path
+          )),
+          isLoading ? /* @__PURE__ */ jsx7(
+            DropdownMenuItem,
+            {
+              className: executionDirectoryMenuItemClassName,
+              disabled: true,
+              children: controller.copy.t("labels.loadingExecutionDirectories")
+            }
+          ) : null,
+          projects.length > 0 || selectedPath || isLoading ? /* @__PURE__ */ jsx7(DropdownMenuSeparator, {}) : null,
+          /* @__PURE__ */ jsx7(
+            DropdownMenuItem,
+            {
+              className: executionDirectoryMenuItemClassName,
+              onSelect: () => {
+                void controller.selectExecutionDirectory().then(refreshProjects);
+              },
+              children: /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
+                /* @__PURE__ */ jsx7(LinkIcon2, { "aria-hidden": true, size: 15 }),
+                /* @__PURE__ */ jsx7("span", { className: "truncate", children: controller.copy.t("actions.linkExistingExecutionDirectory") })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx7(
+            DropdownMenuItem,
+            {
+              className: executionDirectoryMenuItemClassName,
+              onSelect: () => {
+                void controller.useExecutionDirectory(null).then(refreshProjects);
+              },
+              children: /* @__PURE__ */ jsxs6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
+                /* @__PURE__ */ jsx7(NoWorkspaceLinedIcon, { "aria-hidden": true, size: 15 }),
+                /* @__PURE__ */ jsx7("span", { className: "truncate", children: controller.copy.t("labels.noProject") }),
+                !selectedPath ? /* @__PURE__ */ jsx7(
+                  CheckIcon,
+                  {
+                    className: executionDirectoryMenuItemCheckClassName,
+                    size: 15
+                  }
+                ) : null
+              ] })
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function IssueManagerBottomBar({
   controller,
   isNarrowLayout,
   selectedIssue,
-  selectedTask,
   visible
 }) {
   const copy = controller.copy;
   if (!visible || !selectedIssue) {
     return null;
   }
-  return /* @__PURE__ */ jsx10("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx8("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs7(
     "div",
     {
-      className: cn7(
+      className: cn5(
         "flex gap-3",
         isNarrowLayout ? "flex-wrap items-center justify-end" : "items-center justify-end"
       ),
       children: [
-        /* @__PURE__ */ jsx10(
-          IssueManagerRunActionTrigger,
+        /* @__PURE__ */ jsx8(
+          IssueManagerExecutionDirectoryTrigger,
           {
+            className: "mr-auto min-w-0 max-w-[240px] justify-start overflow-hidden",
             controller,
-            disabled: !selectedTask
+            disabled: controller.isRunningTask
           }
         ),
-        controller.canInviteCollaborators ? /* @__PURE__ */ jsx10(
-          Button8,
-          {
-            className: "px-4",
-            disabled: !selectedIssue,
-            size: "dialog",
-            type: "button",
-            onClick: () => {
-              void controller.shareSelection();
-            },
-            children: copy.t("actions.inviteCollaborator")
-          }
-        ) : null
+        /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 flex-nowrap items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx8(
+            IssueManagerBreakdownActionTrigger,
+            {
+              controller,
+              disabled: !selectedIssue,
+              triggerVariant: "button"
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            IssueManagerRunActionTrigger,
+            {
+              controller,
+              disabled: !selectedIssue,
+              triggerVariant: "button"
+            }
+          ),
+          controller.canInviteCollaborators ? /* @__PURE__ */ jsx8(
+            Button6,
+            {
+              className: "px-4",
+              disabled: !selectedIssue,
+              size: "dialog",
+              type: "button",
+              onClick: () => {
+                void controller.shareSelection();
+              },
+              children: copy.t("actions.inviteCollaborator")
+            }
+          ) : null
+        ] })
       ]
     }
   ) });
 }
 
 // src/ui/internal/shell/IssueManagerFloatingNotice.tsx
-import {
-  FailedFilledIcon,
-  Spinner as Spinner2,
-  toastVariants,
-  cn as cn8
-} from "@nextop-os/ui-system";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { ToastProvider, ToastRoot, ToastTitle } from "@nextop-os/ui-system";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function IssueManagerFloatingNotice({
   notice
 }) {
   const variant = notice.tone === "destructive" ? "destructive" : "default";
-  return /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute top-4 left-1/2 z-30 flex w-full max-w-full -translate-x-1/2 justify-center px-4", children: /* @__PURE__ */ jsx11(
-    "div",
+  return /* @__PURE__ */ jsx9(ToastProvider, { children: /* @__PURE__ */ jsx9(
+    ToastRoot,
     {
-      "aria-busy": notice.isLoading,
-      "aria-live": variant === "destructive" ? "assertive" : "polite",
-      className: cn8(
-        toastVariants({ variant }),
-        "w-fit max-w-[min(72vw,40rem)] px-4 py-3 shadow-lg"
-      ),
-      role: variant === "destructive" ? "alert" : "status",
-      children: /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 max-w-full items-center gap-[6px] whitespace-nowrap text-sm font-normal leading-normal", children: [
-        notice.isLoading ? /* @__PURE__ */ jsx11(
-          Spinner2,
-          {
-            className: "shrink-0 text-current",
-            size: 16,
-            strokeWidth: 3,
-            trackColor: "color-mix(in srgb, currentColor 28%, transparent)"
-          }
-        ) : notice.tone === "destructive" ? /* @__PURE__ */ jsx11(FailedFilledIcon, { className: "size-4 shrink-0 text-current" }) : null,
-        /* @__PURE__ */ jsx11("span", { className: "min-w-0 max-w-full truncate whitespace-nowrap", children: notice.title })
-      ] })
-    }
+      open: true,
+      anchor: "node",
+      busy: notice.isLoading,
+      className: "z-30 w-fit max-w-[min(72vw,40rem)] px-4 py-3 shadow-lg",
+      nodeInsetTopPx: 16,
+      variant,
+      children: /* @__PURE__ */ jsx9(ToastTitle, { className: "whitespace-nowrap", children: notice.title })
+    },
+    notice.id
   ) });
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { cn as cn10 } from "@nextop-os/ui-system";
+import { cn as cn7 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
 import {
-  Badge as Badge5,
-  Button as Button9,
-  CloseIcon as CloseIcon2,
+  Badge as Badge4,
+  Button as Button7,
+  CloseIcon,
   FileCreateIcon as FileCreateIcon3,
-  Input as Input3,
-  ScrollArea as ScrollArea3,
+  Input as Input2,
+  ScrollArea as ScrollArea2,
   UnderlineTabs,
-  cn as cn9
+  cn as cn6
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerShellState.ts
@@ -3039,20 +2713,20 @@ function resolveIssueManagerShellContentViewState(input) {
     isIssueEditing,
     isTaskCreating,
     isTaskDrawerOpen,
-    showBottomBar: input.selectedIssue !== null && input.issueEditorMode === "read" && input.taskEditorMode === "read"
+    showBottomBar: input.selectedIssue !== null && input.issueEditorMode === "read" && input.taskEditorMode !== "create"
   };
 }
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function IssueManagerSidebarHeader({
   copy,
   issueSearchQuery,
   onCreateIssue,
   onIssueSearchQueryChange
 }) {
-  return /* @__PURE__ */ jsx12("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2.5", children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsx10(
       IssueManagerSearchField,
       {
         clearLabel: copy.t("actions.clearSearch"),
@@ -3061,8 +2735,8 @@ function IssueManagerSidebarHeader({
         onChange: onIssueSearchQueryChange
       }
     ),
-    /* @__PURE__ */ jsxs12(
-      Button9,
+    /* @__PURE__ */ jsxs8(
+      Button7,
       {
         className: "gap-2 px-3",
         size: "dialog",
@@ -3070,7 +2744,7 @@ function IssueManagerSidebarHeader({
         variant: "secondary",
         onClick: onCreateIssue,
         children: [
-          /* @__PURE__ */ jsx12(FileCreateIcon3, { size: 16 }),
+          /* @__PURE__ */ jsx10(FileCreateIcon3, { size: 16 }),
           copy.t("actions.createIssue")
         ]
       }
@@ -3083,7 +2757,7 @@ function IssueManagerSidebarStatusTabs({
   statusCounts,
   onIssueStatusFilterChange
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     UnderlineTabs,
     {
       ariaLabel: copy.t("labels.status"),
@@ -3108,18 +2782,18 @@ function IssueManagerSidebarBody({
   onRetry,
   onSelectIssue
 }) {
-  return /* @__PURE__ */ jsx12(
-    ScrollArea3,
+  return /* @__PURE__ */ jsx10(
+    ScrollArea2,
     {
-      className: cn9("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
-      children: /* @__PURE__ */ jsx12(
+      className: cn6("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
+      children: /* @__PURE__ */ jsx10(
         "div",
         {
-          className: cn9(
+          className: cn6(
             "flex min-h-full flex-col gap-2.5 px-4 pt-1.5 pb-4",
             isNarrowLayout ? "min-h-0" : "h-full"
           ),
-          children: sidebarViewState.kind === "loading" ? /* @__PURE__ */ jsx12(IssueManagerSidebarLoadingState, { isNarrowLayout }) : sidebarViewState.kind === "error" ? /* @__PURE__ */ jsx12(
+          children: sidebarViewState.kind === "loading" ? /* @__PURE__ */ jsx10(IssueManagerSidebarLoadingState, { isNarrowLayout }) : sidebarViewState.kind === "error" ? /* @__PURE__ */ jsx10(
             IssueManagerSidebarErrorState,
             {
               isNarrowLayout,
@@ -3127,14 +2801,14 @@ function IssueManagerSidebarBody({
               title: sidebarViewState.title,
               onRetry
             }
-          ) : sidebarViewState.kind === "empty" ? /* @__PURE__ */ jsx12(
+          ) : sidebarViewState.kind === "empty" ? /* @__PURE__ */ jsx10(
             IssueManagerSidebarEmptyState,
             {
               body: sidebarViewState.body,
               isNarrowLayout,
               title: sidebarViewState.title
             }
-          ) : /* @__PURE__ */ jsx12(
+          ) : /* @__PURE__ */ jsx10(
             IssueManagerSidebarIssueList,
             {
               copy,
@@ -3158,7 +2832,7 @@ function IssueManagerSidebarStandalonePane({
   onRetry
 }) {
   if (kind === "error" && retryLabel) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx10(
       IssueManagerSidebarErrorState,
       {
         isNarrowLayout,
@@ -3168,7 +2842,7 @@ function IssueManagerSidebarStandalonePane({
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     IssueManagerSidebarEmptyState,
     {
       body: body ?? "",
@@ -3183,17 +2857,17 @@ function IssueManagerSearchField({
   placeholder,
   value
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "relative min-w-0 flex-1",
       "data-has-value": value ? "true" : "false",
       children: [
-        /* @__PURE__ */ jsx12(
-          Input3,
+        /* @__PURE__ */ jsx10(
+          Input2,
           {
             "aria-label": placeholder,
-            className: cn9(
+            className: cn6(
               "box-border h-8 min-h-8 rounded-md border-0 bg-[var(--transparency-block)] px-3 text-sm 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",
               value ? "pr-9" : "pr-3"
@@ -3204,7 +2878,7 @@ function IssueManagerSearchField({
             onChange: (event) => onChange(event.target.value)
           }
         ),
-        value ? /* @__PURE__ */ jsx12(
+        value ? /* @__PURE__ */ jsx10(
           "button",
           {
             "aria-label": clearLabel,
@@ -3212,7 +2886,7 @@ function IssueManagerSearchField({
             type: "button",
             onClick: () => onChange(""),
             onMouseDown: (event) => event.preventDefault(),
-            children: /* @__PURE__ */ jsx12(CloseIcon2, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx10(CloseIcon, { className: "size-3.5" })
           }
         ) : null
       ]
@@ -3226,14 +2900,14 @@ function IssueManagerSidebarIssueList({
   selectedIssueId,
   onSelectIssue
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
-      className: cn9(
+      className: cn6(
         "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"
       ),
-      children: issues.map((issue) => /* @__PURE__ */ jsx12(
+      children: issues.map((issue) => /* @__PURE__ */ jsx10(
         IssueManagerSidebarItem,
         {
           copy,
@@ -3254,25 +2928,30 @@ function IssueManagerSidebarItem({
   onSelect,
   selected
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
-      className: cn9(
-        "rounded-lg border px-3.5 py-3.5 text-left transition-colors",
+      className: cn6(
+        "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)]"
       ),
       type: "button",
       onClick: () => onSelect(issue.issueId),
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx12("p", { className: "text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerDate(issue.updatedAtUnix ?? issue.createdAtUnix) }),
-            /* @__PURE__ */ jsx12("p", { className: "line-clamp-4 text-[14px] font-semibold leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
-          ] }),
-          /* @__PURE__ */ jsx12(Badge5, { className: "shrink-0", variant: "secondary", children: resolveIssueManagerStatusLabel(copy, issue.status) })
+        /* @__PURE__ */ jsx10(
+          Badge4,
+          {
+            className: "absolute top-3.5 right-3.5",
+            variant: issueManagerStatusBadgeVariant(issue.status),
+            children: resolveIssueManagerStatusLabel(copy, issue.status)
+          }
+        ),
+        /* @__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__ */ jsx12("div", { className: "mt-2 text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: copy.t("labels.taskCount", { count: issue.taskCount ?? 0 }) })
+        /* @__PURE__ */ jsx10("div", { className: "mt-2 text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: copy.t("labels.taskCount", { count: issue.taskCount ?? 0 }) })
       ]
     }
   );
@@ -3280,25 +2959,25 @@ function IssueManagerSidebarItem({
 function IssueManagerSidebarLoadingState({
   isNarrowLayout
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "aria-hidden": "true",
-      className: cn9(
+      className: cn6(
         "gap-2.5",
         isNarrowLayout ? "flex flex-row flex-nowrap overflow-x-hidden" : "grid"
       ),
-      children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs12(
+      children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs8(
         "div",
         {
-          className: cn9(
+          className: cn6(
             "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)]"
           ),
           children: [
-            /* @__PURE__ */ jsx12("div", { className: "h-3.5 w-20 rounded-full bg-[var(--transparency-block)]" }),
-            /* @__PURE__ */ jsx12("div", { className: "mt-3 h-4 w-4/5 rounded-full bg-[var(--transparency-block)]" }),
-            /* @__PURE__ */ jsx12("div", { className: "mt-4 h-3.5 w-24 rounded-full bg-[var(--transparency-block)]" })
+            /* @__PURE__ */ jsx10("div", { className: "h-3.5 w-20 rounded-full bg-[var(--transparency-block)]" }),
+            /* @__PURE__ */ jsx10("div", { className: "mt-3 h-4 w-4/5 rounded-full bg-[var(--transparency-block)]" }),
+            /* @__PURE__ */ jsx10("div", { className: "mt-4 h-3.5 w-24 rounded-full bg-[var(--transparency-block)]" })
           ]
         },
         index
@@ -3312,25 +2991,25 @@ function IssueManagerSidebarEmptyState({
   title,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
-      className: cn9(
+      className: cn6(
         "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__ */ jsx12(
+        /* @__PURE__ */ jsx10(
           "p",
           {
-            className: cn9(
+            className: cn6(
               "text-sm font-semibold leading-5 text-[var(--text-primary)]",
               tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-primary)]"
             ),
             children: title
           }
         ),
-        /* @__PURE__ */ jsx12("p", { className: "mt-1.5 max-w-sm text-sm leading-5 text-[var(--text-secondary)]", children: body })
+        /* @__PURE__ */ jsx10("p", { className: "mt-1.5 max-w-sm text-sm leading-5 text-[var(--text-secondary)]", children: body })
       ]
     }
   );
@@ -3341,17 +3020,17 @@ function IssueManagerSidebarErrorState({
   title,
   onRetry
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
-      className: cn9(
+      className: cn6(
         "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"
       ),
       children: [
-        /* @__PURE__ */ jsx12("p", { className: "text-sm font-semibold leading-5 text-[var(--state-danger)]", children: title }),
-        /* @__PURE__ */ jsx12(
-          Button9,
+        /* @__PURE__ */ jsx10("p", { className: "text-sm font-semibold leading-5 text-[var(--state-danger)]", children: title }),
+        /* @__PURE__ */ jsx10(
+          Button7,
           {
             className: "mt-3",
             size: "sm",
@@ -3390,7 +3069,7 @@ function resolveIssueManagerSidebarPresentationState(input) {
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function IssueManagerSidebar({
   controller,
   isCollapsed,
@@ -3404,18 +3083,18 @@ function IssueManagerSidebar({
     showStandaloneState,
     sidebarViewState
   });
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs9(
     "aside",
     {
       "aria-hidden": isCollapsed ? "true" : void 0,
-      className: cn10(
+      className: cn7(
         "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"
       ),
       inert: isCollapsed ? true : void 0,
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx11(
           IssueManagerSidebarHeader,
           {
             copy,
@@ -3424,7 +3103,7 @@ function IssueManagerSidebar({
             onIssueSearchQueryChange: controller.setIssueSearchQuery
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx11(
           IssueManagerSidebarStatusTabs,
           {
             copy,
@@ -3433,15 +3112,15 @@ function IssueManagerSidebar({
             onIssueStatusFilterChange: controller.setIssueStatusFilter
           }
         ),
-        /* @__PURE__ */ jsx13("div", { "aria-hidden": "true", className: "h-2.5 flex-none" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", className: "h-2.5 flex-none" }),
+        /* @__PURE__ */ jsx11(
           "div",
           {
-            className: cn10(
+            className: cn7(
               "relative flex min-h-0 flex-col",
               isNarrowLayout ? "flex-none" : "flex-1"
             ),
-            children: presentation.kind !== "none" ? /* @__PURE__ */ jsx13("div", { className: "flex h-full min-h-0 items-center justify-center px-4 pt-1.5 pb-4", children: /* @__PURE__ */ jsx13(
+            children: presentation.kind !== "none" ? /* @__PURE__ */ jsx11("div", { className: "flex h-full min-h-0 items-center justify-center px-4 pt-1.5 pb-4", children: /* @__PURE__ */ jsx11(
               IssueManagerSidebarStandalonePane,
               {
                 body: presentation.kind === "empty" ? presentation.body : void 0,
@@ -3451,7 +3130,7 @@ function IssueManagerSidebar({
                 title: presentation.title,
                 onRetry: () => controller.refreshAll()
               }
-            ) }) : /* @__PURE__ */ jsx13(
+            ) }) : /* @__PURE__ */ jsx11(
               IssueManagerSidebarBody,
               {
                 copy,
@@ -3470,8 +3149,8 @@ function IssueManagerSidebar({
 }
 
 // src/ui/internal/shell/IssueManagerTaskComposerPane.tsx
-import { Button as Button10, Input as Input4 } from "@nextop-os/ui-system";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Button as Button8 } from "@nextop-os/ui-system";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function IssueManagerTaskComposerPane({
   controller,
   onCancel,
@@ -3479,41 +3158,40 @@ function IssueManagerTaskComposerPane({
 }) {
   const copy = controller.copy;
   const isTaskTitleMissing = controller.taskDraft.title.trim().length === 0;
-  return /* @__PURE__ */ jsxs14("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs14("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs10("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx12("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs10("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsx12(
         "div",
         {
           className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-          children: /* @__PURE__ */ jsx14("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") })
+          children: /* @__PURE__ */ jsx12("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") })
         }
       ),
-      /* @__PURE__ */ jsxs14("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-        /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs10("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs10(
           "label",
           {
             className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
             children: [
-              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.title") }),
-              /* @__PURE__ */ jsx14(
-                Input4,
+              /* @__PURE__ */ jsx12("span", { className: "leading-5", children: copy.t("labels.title") }),
+              /* @__PURE__ */ jsx12(
+                IssueManagerDraftTitleInput,
                 {
                   placeholder: copy.t("composer.subtaskTitlePlaceholder"),
-                  variant: "md",
                   value: controller.taskDraft.title,
-                  onChange: (event) => controller.setTaskTitle(event.target.value)
+                  onChange: controller.setTaskTitle
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs14(
+        /* @__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}`,
             children: [
-              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx12("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
+              /* @__PURE__ */ jsx12(
                 IssueManagerRichTextTextarea,
                 {
                   controller,
@@ -3529,13 +3207,13 @@ function IssueManagerTaskComposerPane({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx12(
       "div",
       {
         className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-        children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx14(
-            Button10,
+        children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx12(
+            Button8,
             {
               size: "default",
               type: "button",
@@ -3544,8 +3222,8 @@ function IssueManagerTaskComposerPane({
               children: copy.t("actions.cancel")
             }
           ),
-          /* @__PURE__ */ jsx14(
-            Button10,
+          /* @__PURE__ */ jsx12(
+            Button8,
             {
               disabled: !selectedIssue || isTaskTitleMissing,
               size: "default",
@@ -3561,109 +3239,11 @@ function IssueManagerTaskComposerPane({
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
-import { ScrollArea as ScrollArea4 } from "@nextop-os/ui-system";
+import { ScrollArea as ScrollArea3, cn as cn8 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
-import {
-  Badge as Badge6,
-  Button as Button12,
-  CloseIcon as CloseIcon3,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  Input as Input5,
-  Select as Select2,
-  SelectContent as SelectContent2,
-  SelectItem as SelectItem2,
-  SelectTrigger as SelectTrigger2,
-  SelectValue,
-  CapabilityIcon
-} from "@nextop-os/ui-system";
-
-// src/ui/internal/content/IssueManagerContextSection.tsx
-import { Button as Button11, DirectoryIcon, FileIcon as FileIcon3 } from "@nextop-os/ui-system";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-function IssueManagerContextSection({
-  copy,
-  emptyLabel,
-  onAdd,
-  onOpen,
-  onRemove,
-  refs
-}) {
-  return /* @__PURE__ */ jsxs15("section", { className: "rounded-lg border border-border-1 bg-transparent px-4 py-4", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx15("h4", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.contextReferences") }),
-      /* @__PURE__ */ jsx15(
-        Button11,
-        {
-          className: "px-3",
-          size: "dialog",
-          type: "button",
-          variant: "secondary",
-          onClick: onAdd,
-          children: copy.t("actions.addReferences")
-        }
-      )
-    ] }),
-    refs.length === 0 ? /* @__PURE__ */ jsx15("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: emptyLabel }) : /* @__PURE__ */ jsx15("div", { className: "grid gap-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        className: "flex items-center justify-between gap-3 rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3",
-        children: [
-          /* @__PURE__ */ jsxs15(
-            "button",
-            {
-              className: "flex min-w-0 flex-1 items-center gap-3 text-left",
-              type: "button",
-              onClick: () => {
-                void onOpen({
-                  displayName: ref.displayName,
-                  kind: ref.path.endsWith("/") ? "folder" : "file",
-                  path: ref.path
-                });
-              },
-              children: [
-                ref.path.endsWith("/") ? /* @__PURE__ */ jsx15(
-                  DirectoryIcon,
-                  {
-                    className: "shrink-0 text-[var(--text-secondary)]",
-                    size: 16
-                  }
-                ) : /* @__PURE__ */ jsx15(
-                  FileIcon3,
-                  {
-                    className: "shrink-0 text-[var(--text-secondary)]",
-                    size: 16
-                  }
-                ),
-                /* @__PURE__ */ jsxs15("span", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsx15("span", { className: "block truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: ref.displayName }),
-                  /* @__PURE__ */ jsx15("span", { className: "block truncate text-xs leading-[1.55] text-[var(--text-secondary)]", children: ref.path })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx15(
-            Button11,
-            {
-              className: "h-7 rounded-md px-2 text-[13px] font-semibold text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
-              size: "sm",
-              type: "button",
-              variant: "ghost",
-              onClick: () => {
-                void onRemove(ref);
-              },
-              children: copy.t("actions.removeReference")
-            }
-          )
-        ]
-      },
-      ref.contextRefId
-    )) })
-  ] });
-}
+import { useState as useState7 } from "react";
+import { Badge as Badge5, Button as Button9, ConfirmationDialog as ConfirmationDialog2 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerState.ts
 function resolveIssueManagerTaskDrawerViewState(input) {
@@ -3686,193 +3266,173 @@ function resolveIssueManagerTaskDrawerViewState(input) {
     title: isCreate || isEdit ? isCreate ? controller.copy.t("actions.createTask") : controller.copy.t("actions.editTask") : selectedTask?.title || controller.copy.t("labels.taskDetails")
   };
 }
-function resolveIssueManagerTaskRefs(input) {
-  return input.controller.taskDetail.value?.contextRefs.filter(
-    (ref) => ref.parentKind === "task"
-  ) ?? [];
-}
 function canIssueManagerSaveTask(input) {
   return input.selectedIssue !== null && input.view.isTaskTitleMissing === false;
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
-import { Fragment, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-var taskPriorityOptions = ["high", "medium", "low"];
+import { Fragment, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function IssueManagerTaskDrawerHeader({
   controller,
   selectedTask,
-  view,
-  onClose
+  view
 }) {
   const copy = controller.copy;
-  return /* @__PURE__ */ jsxs16("div", { className: "flex items-start justify-between gap-4 border-b border-border-1 px-7 py-5", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsx16("div", { className: "grid min-w-0 gap-2", children: /* @__PURE__ */ jsx16("h3", { className: "line-clamp-3 text-sm font-semibold leading-[1.35] text-[var(--text-primary)]", children: view.title }) }) : /* @__PURE__ */ jsx16("h3", { className: "line-clamp-2 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: view.title }),
-      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex min-w-0 items-center overflow-hidden text-sm leading-[1.55] text-[var(--text-secondary)]", children: [
-        /* @__PURE__ */ jsx16(Badge6, { className: "shrink-0 rounded-full border-transparent bg-[var(--accent-bg)] px-2.5 py-1 text-xs text-[var(--text-primary)]", children: resolveIssueManagerStatusLabel(copy, selectedTask.status) }),
-        /* @__PURE__ */ jsx16("span", { className: "mx-3 h-[13px] w-px shrink-0 bg-border-1" }),
-        /* @__PURE__ */ jsx16(Badge6, { className: "shrink-0 rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-[var(--text-secondary)]", children: resolveIssueManagerPriorityLabel(copy, selectedTask.priority) }),
-        /* @__PURE__ */ jsx16("span", { className: "mx-3 h-[13px] w-px shrink-0 bg-border-1" }),
-        /* @__PURE__ */ jsxs16("span", { children: [
-          copy.t("labels.updatedAt"),
-          " ",
-          formatIssueManagerTimestamp(
-            selectedTask.updatedAtUnix ?? selectedTask.createdAtUnix
-          ) || "-"
-        ] }),
-        /* @__PURE__ */ jsx16("span", { className: "mx-3 h-[13px] w-px shrink-0 bg-border-1" }),
-        /* @__PURE__ */ jsx16("span", { className: "min-w-0 truncate", children: resolveTaskCreatorLabel(selectedTask) })
-      ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex shrink-0 items-center gap-2", children: [
-      view.showTaskActions && selectedTask ? /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
-          Button12,
-          {
-            "aria-label": copy.t("actions.moreActions"),
-            size: "icon-sm",
-            type: "button",
-            variant: "ghost",
-            children: /* @__PURE__ */ jsx16(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "text-base leading-none tracking-[0.18em] text-[var(--text-secondary)]",
-                children: "..."
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsxs16(DropdownMenuContent, { align: "end", sideOffset: 8, children: [
-          /* @__PURE__ */ jsx16(
-            DropdownMenuItem,
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState7(false);
+  const [deleteBusy, setDeleteBusy] = useState7(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: [
+        view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsx13("h3", { className: "line-clamp-2 min-w-0 flex-1 text-base font-semibold leading-6 text-[var(--text-primary)]", children: view.title }) : /* @__PURE__ */ jsx13("h3", { className: "line-clamp-2 min-w-0 flex-1 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: view.title }),
+        /* @__PURE__ */ jsx13("div", { className: "flex shrink-0 items-center gap-2", children: view.showTaskActions && selectedTask ? /* @__PURE__ */ jsxs11(Fragment, { children: [
+          /* @__PURE__ */ jsx13(
+            Button9,
             {
+              type: "button",
+              variant: "ghost",
               onClick: () => controller.setTaskEditorMode("edit"),
-              children: copy.t("actions.editTask")
+              children: copy.t("actions.edit")
             }
           ),
-          /* @__PURE__ */ jsx16(
-            DropdownMenuItem,
+          /* @__PURE__ */ jsx13(
+            Button9,
             {
-              variant: "destructive",
-              onClick: () => {
-                void controller.deleteTask();
-              },
-              children: copy.t("actions.deleteTask")
+              className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
+              type: "button",
+              variant: "ghost",
+              onClick: () => setDeleteDialogOpen(true),
+              children: copy.t("actions.delete")
             }
           )
+        ] }) : 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: [
+        /* @__PURE__ */ jsx13(
+          Badge5,
+          {
+            variant: issueManagerStatusBadgeVariant(selectedTask.status),
+            children: resolveIssueManagerStatusLabel(copy, selectedTask.status)
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+          }
+        ),
+        /* @__PURE__ */ jsxs11("span", { children: [
+          copy.t("labels.creator"),
+          " ",
+          resolveTaskCreatorLabel(selectedTask)
+        ] }),
+        /* @__PURE__ */ jsx13(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+          }
+        ),
+        /* @__PURE__ */ jsxs11("span", { children: [
+          copy.t("labels.createdAt"),
+          " ",
+          formatIssueManagerTimestamp(selectedTask.createdAtUnix) || "-"
         ] })
-      ] }) : null,
-      /* @__PURE__ */ jsx16(
-        Button12,
-        {
-          "aria-label": copy.t("actions.cancel"),
-          size: "icon-sm",
-          type: "button",
-          variant: "ghost",
-          onClick: onClose,
-          children: /* @__PURE__ */ jsx16(CloseIcon3, { size: 16 })
-        }
-      )
-    ] })
+      ] }) : null
+    ] }),
+    selectedTask ? /* @__PURE__ */ jsx13(
+      ConfirmationDialog2,
+      {
+        cancelLabel: copy.t("actions.cancel"),
+        confirmBusy: deleteBusy,
+        confirmLabel: copy.t("actions.delete"),
+        description: selectedTask.title,
+        open: deleteDialogOpen,
+        title: copy.t("confirmations.deleteTask"),
+        tone: "destructive",
+        onConfirm: () => {
+          setDeleteBusy(true);
+          void controller.deleteTask({ skipConfirmation: true }).finally(() => {
+            setDeleteBusy(false);
+            setDeleteDialogOpen(false);
+          });
+        },
+        onOpenChange: setDeleteDialogOpen
+      }
+    ) : null
   ] });
 }
 function IssueManagerTaskDrawerLoadingBody() {
-  return /* @__PURE__ */ jsx16(IssueManagerTaskDrawerLoadingState, {});
+  return /* @__PURE__ */ jsx13(IssueManagerTaskDrawerLoadingState, {});
 }
 function IssueManagerTaskDrawerBody({
   controller,
   taskContent,
-  taskRefs,
   view
 }) {
   if (view.bodyKind === "loading") {
-    return /* @__PURE__ */ jsx16(IssueManagerTaskDrawerLoadingBody, {});
+    return /* @__PURE__ */ jsx13(IssueManagerTaskDrawerLoadingBody, {});
   }
   if (view.bodyKind === "edit") {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx13(
       IssueManagerTaskDrawerEditBody,
       {
         controller,
-        isCreate: view.isCreate,
-        taskRefs
+        title: view.title
       }
     );
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx13(
     IssueManagerTaskDrawerReadBody,
     {
       controller,
-      taskContent,
-      taskRefs
+      taskContent
     }
   );
 }
 function IssueManagerTaskDrawerEditBody({
   controller,
-  isCreate,
-  taskRefs
+  title
 }) {
   const copy = controller.copy;
-  return /* @__PURE__ */ jsxs16(Fragment, { children: [
-    /* @__PURE__ */ jsxs16("div", { className: "grid gap-5", children: [
-      /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+    /* @__PURE__ */ jsx13(
+      "div",
+      {
+        className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+        children: /* @__PURE__ */ jsx13("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: title })
+      }
+    ),
+    /* @__PURE__ */ jsxs11("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs11(
         "label",
         {
-          className: `grid gap-2 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+          className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
           children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.title") }),
-            /* @__PURE__ */ jsx16(
-              Input5,
+            /* @__PURE__ */ jsx13("span", { className: "leading-5", children: copy.t("labels.title") }),
+            /* @__PURE__ */ jsx13(
+              IssueManagerDraftTitleInput,
               {
                 placeholder: copy.t("composer.taskTitlePlaceholder"),
-                variant: "md",
                 value: controller.taskDraft.title,
-                onChange: (event) => controller.setTaskTitle(event.target.value)
+                onChange: controller.setTaskTitle
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsx16(
-        "div",
-        {
-          className: `flex flex-wrap items-center gap-3 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
-          children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: copy.t("labels.priority") }),
-            /* @__PURE__ */ jsxs16(
-              Select2,
-              {
-                value: controller.taskDraft.priority,
-                onValueChange: (value) => controller.setTaskPriority(value),
-                children: [
-                  /* @__PURE__ */ jsx16(
-                    SelectTrigger2,
-                    {
-                      "aria-label": copy.t("labels.priority"),
-                      className: "min-w-28 rounded-lg border-border-1 bg-transparency-block text-sm",
-                      children: /* @__PURE__ */ jsx16(SelectValue, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsx16(SelectContent2, { style: { zIndex: "var(--z-panel-popover)" }, children: taskPriorityOptions.map((priority) => /* @__PURE__ */ jsx16(SelectItem2, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority)) })
-                ]
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: `grid gap-2 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+          className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
           children: [
-            /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.content") }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx13("span", { className: "leading-5", children: copy.t("labels.content") }),
+            /* @__PURE__ */ jsx13(
               IssueManagerRichTextTextarea,
               {
                 controller,
                 surface: "task",
-                textareaClassName: "min-h-[12rem] resize-none",
+                textareaClassName: "min-h-[180px] resize-none",
                 placeholder: copy.t("composer.taskContentPlaceholder"),
                 value: controller.taskDraft.content,
                 onChange: controller.setTaskContent
@@ -3881,73 +3441,44 @@ function IssueManagerTaskDrawerEditBody({
           ]
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx16(
-      "div",
-      {
-        className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay3ClassName}`,
-        children: /* @__PURE__ */ jsx16(
-          IssueManagerContextSection,
-          {
-            copy,
-            emptyLabel: copy.t("messages.noTaskReferences"),
-            refs: taskRefs,
-            onAdd: () => {
-              void controller.attachReferences("task");
-            },
-            onOpen: controller.openReference,
-            onRemove: controller.removeContextRef
-          }
-        )
-      }
-    ),
-    !isCreate ? /* @__PURE__ */ jsx16(
-      IssueManagerRunPanels,
-      {
-        copy,
-        outputs: controller.taskDetail.value?.latestOutputs ?? [],
-        recentRuns: controller.taskDetail.value?.recentRuns ?? [],
-        onOpen: controller.openReference
-      }
-    ) : null
+    ] })
   ] });
 }
 function IssueManagerTaskDrawerReadBody({
   controller,
-  taskContent,
-  taskRefs
+  taskContent
 }) {
   const copy = controller.copy;
-  return /* @__PURE__ */ jsxs16(Fragment, { children: [
-    /* @__PURE__ */ jsx16(
+  const latestRun = controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null;
+  const latestOutputs = controller.taskDetail.value?.latestOutputs ?? [];
+  return /* @__PURE__ */ jsxs11(Fragment, { children: [
+    /* @__PURE__ */ jsx13(
       IssueManagerDescriptionSection,
       {
         content: taskContent,
         emptyLabel: copy.t("messages.taskContentEmpty"),
-        label: copy.t("labels.content"),
-        minHeightClass: "min-h-[8rem]",
-        onOpen: controller.openReference
+        label: copy.t("labels.description"),
+        onOpen: controller.openReference,
+        variant: "plain"
       }
     ),
-    /* @__PURE__ */ jsx16(
-      IssueManagerContextSection,
+    /* @__PURE__ */ jsx13(
+      IssueManagerDetailTextSection,
       {
-        copy,
-        emptyLabel: copy.t("messages.noTaskReferences"),
-        refs: taskRefs,
-        onAdd: () => {
-          void controller.attachReferences("task");
-        },
-        onOpen: controller.openReference,
-        onRemove: controller.removeContextRef
+        body: latestRun ? latestRun.summary?.trim() || resolveIssueManagerStatusLabel(copy, latestRun.status) : copy.t("messages.noExecutionStatus"),
+        isPlaceholder: !latestRun,
+        label: copy.t("labels.latestRunStatus"),
+        meta: latestRun ? formatIssueManagerTimestamp(
+          latestRun.updatedAtUnix ?? latestRun.createdAtUnix
+        ) || void 0 : void 0,
+        tone: latestRun?.status === "failed" ? "destructive" : "muted"
       }
     ),
-    /* @__PURE__ */ jsx16(
-      IssueManagerRunPanels,
+    /* @__PURE__ */ jsx13(
+      IssueManagerOutputSection,
       {
         copy,
-        outputs: controller.taskDetail.value?.latestOutputs ?? [],
-        recentRuns: controller.taskDetail.value?.recentRuns ?? [],
+        outputs: latestOutputs,
         onOpen: controller.openReference
       }
     )
@@ -3961,18 +3492,26 @@ function IssueManagerTaskDrawerFooter({
 }) {
   const copy = controller.copy;
   if (view.showReadFooter && selectedTask) {
-    return /* @__PURE__ */ jsx16("div", { className: "border-t border-border-1 px-7 py-4", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx13("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsx13(
+        IssueManagerExecutionDirectoryTrigger,
+        {
+          className: "mr-auto",
+          controller,
+          disabled: controller.isRunningTask
+        }
+      ),
+      /* @__PURE__ */ jsx13(
         IssueManagerRunActionTrigger,
         {
           controller,
-          triggerClassName: "min-w-[11rem]"
+          triggerVariant: "button"
         }
       ),
-      controller.canInviteCollaborators ? /* @__PURE__ */ jsx16(
-        Button12,
+      controller.canInviteCollaborators ? /* @__PURE__ */ jsx13(
+        Button9,
         {
-          className: "shrink-0 px-4",
+          disabled: !selectedIssue,
           size: "dialog",
           type: "button",
           onClick: () => {
@@ -3984,51 +3523,34 @@ function IssueManagerTaskDrawerFooter({
     ] }) });
   }
   if (view.showEditFooter) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx13(
       "div",
       {
-        className: `border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-        children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-2", children: !view.isCreate && selectedTask ? /* @__PURE__ */ jsx16(
-            Button12,
+        className: `border-t border-border-1 px-6 py-4 ${issueManagerEditorFooterFadeInClassName}`,
+        children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx13(
+            Button9,
             {
-              size: "default",
+              size: "dialog",
               type: "button",
-              variant: "destructive",
-              onClick: () => {
-                void controller.deleteTask();
-              },
-              children: copy.t("actions.deleteTask")
+              variant: "secondary",
+              onClick: () => controller.setTaskEditorMode("read"),
+              children: copy.t("actions.cancel")
             }
-          ) : null }),
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx16(
-              Button12,
-              {
-                size: "default",
-                type: "button",
-                variant: "secondary",
-                onClick: () => controller.setTaskEditorMode("read"),
-                children: copy.t("actions.cancel")
-              }
-            ),
-            /* @__PURE__ */ jsxs16(
-              Button12,
-              {
-                disabled: canIssueManagerSaveTask({
-                  selectedIssue,
-                  view
-                }) === false,
-                size: "default",
-                type: "button",
-                onClick: () => void controller.saveTask(),
-                children: [
-                  /* @__PURE__ */ jsx16(CapabilityIcon, { size: 16 }),
-                  copy.t("actions.saveTask")
-                ]
-              }
-            )
-          ] })
+          ),
+          /* @__PURE__ */ jsx13(
+            Button9,
+            {
+              disabled: canIssueManagerSaveTask({
+                selectedIssue,
+                view
+              }) === false,
+              size: "dialog",
+              type: "button",
+              onClick: () => void controller.saveTask(),
+              children: copy.t("actions.saveTask")
+            }
+          )
         ] })
       }
     );
@@ -4037,9 +3559,10 @@ function IssueManagerTaskDrawerFooter({
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function IssueManagerTaskDrawer({
   controller,
+  isClosing,
   selectedIssue,
   selectedTask,
   onClose
@@ -4048,38 +3571,58 @@ function IssueManagerTaskDrawer({
     controller,
     selectedTask
   });
-  const taskRefs = resolveIssueManagerTaskRefs({ controller });
   const taskContent = selectedTask?.content ?? "";
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
-      className: "absolute inset-0 z-20 flex justify-end bg-[var(--backdrop)] backdrop-blur-[1px]",
+      className: cn8(
+        "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)]"
+      ),
       onClick: onClose,
-      children: /* @__PURE__ */ jsxs17(
+      onTouchMove: (event) => {
+        event.preventDefault();
+      },
+      onWheel: (event) => {
+        event.preventDefault();
+      },
+      children: /* @__PURE__ */ jsxs12(
         "aside",
         {
-          className: "flex h-full w-[34rem] max-w-[92vw] flex-col border-l border-border-1 bg-background-panel text-[var(--text-primary)] shadow-[-20px_0_60px_var(--shadow-elevated)]",
+          className: cn8(
+            "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)]"
+          ),
           onClick: (event) => event.stopPropagation(),
+          onTouchMove: (event) => event.stopPropagation(),
+          onWheel: (event) => event.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx17(
+            view.bodyKind === "edit" ? null : /* @__PURE__ */ jsx14(
               IssueManagerTaskDrawerHeader,
               {
                 controller,
                 selectedTask,
-                view,
-                onClose
+                view
               }
             ),
-            /* @__PURE__ */ jsx17(ScrollArea4, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-5 px-7 py-6", children: /* @__PURE__ */ jsx17(
-              IssueManagerTaskDrawerBody,
+            /* @__PURE__ */ jsx14(ScrollArea3, { className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain", children: /* @__PURE__ */ jsx14(
+              "div",
               {
-                controller,
-                taskContent,
-                taskRefs,
-                view
+                className: cn8(
+                  "flex flex-col",
+                  view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-9 px-6 py-7"
+                ),
+                children: /* @__PURE__ */ jsx14(
+                  IssueManagerTaskDrawerBody,
+                  {
+                    controller,
+                    taskContent,
+                    view
+                  }
+                )
               }
-            ) }) }),
-            /* @__PURE__ */ jsx17(
+            ) }),
+            /* @__PURE__ */ jsx14(
               IssueManagerTaskDrawerFooter,
               {
                 controller,
@@ -4098,7 +3641,7 @@ function IssueManagerTaskDrawer({
 // src/ui/internal/shell/useIssueManagerShellView.ts
 import {
   useEffect as useEffect7,
-  useEffectEvent as useEffectEvent3,
+  useEffectEvent as useEffectEvent2,
   useRef as useRef3,
   useState as useState8
 } from "react";
@@ -4113,7 +3656,7 @@ function useIssueManagerShellView({
     issueManagerSidebarDefaultWidth
   );
   const [isNarrowLayout, setIsNarrowLayout] = useState8(false);
-  const dismissNotification = useEffectEvent3(() => {
+  const dismissNotification = useEffectEvent2(() => {
     controller.dismissNotification();
   });
   const floatingNotice = controller.floatingNotice;
@@ -4250,7 +3793,8 @@ function useIssueManagerShellView({
 }
 
 // src/ui/internal/shell/IssueManagerShell.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var issueManagerTaskDrawerExitDurationMs = 180;
 function IssueManagerShell({
   controller,
   emptyIllustration,
@@ -4264,7 +3808,32 @@ function IssueManagerShell({
     selectedIssue,
     selectedTask
   });
-  return /* @__PURE__ */ jsxs18(
+  const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState9(selectedTask);
+  const [isTaskDrawerClosing, setIsTaskDrawerClosing] = useState9(false);
+  useEffect8(() => {
+    if (shellView.content.isTaskDrawerOpen) {
+      setRenderedTaskDrawerTask(selectedTask);
+      setIsTaskDrawerClosing(false);
+      return void 0;
+    }
+    if (!renderedTaskDrawerTask) {
+      return void 0;
+    }
+    setIsTaskDrawerClosing(true);
+    const timeout = window.setTimeout(() => {
+      setRenderedTaskDrawerTask(null);
+      setIsTaskDrawerClosing(false);
+    }, issueManagerTaskDrawerExitDurationMs);
+    return () => {
+      window.clearTimeout(timeout);
+    };
+  }, [
+    renderedTaskDrawerTask,
+    selectedTask,
+    shellView.content.isTaskDrawerOpen
+  ]);
+  const taskDrawerTask = shellView.content.isTaskDrawerOpen ? selectedTask : renderedTaskDrawerTask;
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: "relative grid min-h-0 flex-1 grid-rows-[minmax(0,1fr)] overflow-hidden bg-transparent transition-[grid-template-columns] duration-[180ms] ease-[cubic-bezier(0.4,0,0.2,1)] motion-reduce:transition-none",
@@ -4273,8 +3842,8 @@ function IssueManagerShell({
       ref: shellView.layoutRef,
       style: shellView.layoutStyle,
       children: [
-        shellView.floatingNotice ? /* @__PURE__ */ jsx18(IssueManagerFloatingNotice, { notice: shellView.floatingNotice }) : null,
-        /* @__PURE__ */ jsx18(
+        shellView.floatingNotice ? /* @__PURE__ */ jsx15(IssueManagerFloatingNotice, { notice: shellView.floatingNotice }) : null,
+        /* @__PURE__ */ jsx15(
           IssueManagerSidebar,
           {
             controller,
@@ -4285,7 +3854,7 @@ function IssueManagerShell({
             statusCounts: shellView.sidebar.statusCounts
           }
         ),
-        shellView.sidebar.isAutoCollapsed ? null : /* @__PURE__ */ jsx18(
+        shellView.sidebar.isAutoCollapsed ? null : /* @__PURE__ */ jsx15(
           "div",
           {
             "aria-label": controller.copy.t("labels.resizeIssueList"),
@@ -4293,7 +3862,7 @@ function IssueManagerShell({
             "aria-valuemax": shellView.resizeHandle.ariaValueMax,
             "aria-valuemin": shellView.resizeHandle.ariaValueMin,
             "aria-valuenow": shellView.resizeHandle.ariaValueNow,
-            className: cn11(
+            className: cn9(
               "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"
             ),
@@ -4304,56 +3873,56 @@ function IssueManagerShell({
             onPointerDown: shellView.resizeHandle.onPointerDown,
             onPointerMove: shellView.resizeHandle.onPointerMove,
             onPointerUp: shellView.resizeHandle.onPointerUp,
-            children: /* @__PURE__ */ jsx18("span", { className: "absolute top-0 bottom-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-[background-color,width] duration-150 group-hover:w-0.5 group-hover:bg-[color-mix(in_srgb,var(--border-focus)_40%,transparent)] group-focus-visible:w-0.5 group-focus-visible:bg-[color-mix(in_srgb,var(--border-focus)_40%,transparent)]" })
+            children: /* @__PURE__ */ jsx15("span", { className: "absolute top-0 bottom-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-[background-color,width] duration-150 group-hover:w-0.5 group-hover:bg-[color-mix(in_srgb,var(--border-focus)_40%,transparent)] group-focus-visible:w-0.5 group-focus-visible:bg-[color-mix(in_srgb,var(--border-focus)_40%,transparent)]" })
           }
         ),
-        /* @__PURE__ */ jsxs18("div", { className: "relative h-full min-h-0 overflow-hidden bg-transparent", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex h-full min-h-0 flex-col", children: [
-            /* @__PURE__ */ jsx18("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs13("div", { className: "relative h-full min-h-0 overflow-hidden bg-transparent @container/issue-manager-content", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "flex h-full min-h-0 flex-col", children: [
+            /* @__PURE__ */ jsx15("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx15(
               IssueManagerIssuePane,
               {
                 controller,
                 selectedIssue,
                 onDismissCreate: onDismissIssueCreate
               }
-            ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx18(
+            ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx15(
               IssueManagerTaskComposerPane,
               {
                 controller,
                 selectedIssue,
                 onCancel: () => controller.setTaskEditorMode("read")
               }
-            ) : selectedIssue ? /* @__PURE__ */ jsx18(
+            ) : selectedIssue ? /* @__PURE__ */ jsx15(
               IssueManagerIssuePane,
               {
                 controller,
                 selectedIssue,
                 onDismissCreate: onDismissIssueCreate
               }
-            ) : /* @__PURE__ */ jsx18(
+            ) : /* @__PURE__ */ jsx15(
               IssueManagerShellEmptyState,
               {
                 controller,
                 emptyIllustration
               }
             ) }),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx15(
               IssueManagerBottomBar,
               {
                 controller,
                 isNarrowLayout: shellView.isNarrowLayout,
                 selectedIssue,
-                selectedTask,
                 visible: shellView.content.showBottomBar
               }
             )
           ] }),
-          shellView.content.isTaskDrawerOpen ? /* @__PURE__ */ jsx18(
+          taskDrawerTask ? /* @__PURE__ */ jsx15(
             IssueManagerTaskDrawer,
             {
               controller,
+              isClosing: isTaskDrawerClosing,
               selectedIssue,
-              selectedTask,
+              selectedTask: taskDrawerTask,
               onClose: onCloseTaskDrawer
             }
           ) : null
@@ -4366,18 +3935,18 @@ function IssueManagerShellEmptyState({
   controller,
   emptyIllustration
 }) {
-  return /* @__PURE__ */ jsx18("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs18("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
+  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__ */ jsx18("h2", { className: "text-lg font-semibold leading-[1.35] text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
-    /* @__PURE__ */ jsx18("p", { className: "max-w-[420px] text-base leading-[1.3] text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
-    /* @__PURE__ */ jsxs18(
-      Button13,
+    /* @__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__ */ jsxs13(
+      Button10,
       {
         className: "mt-2 gap-2",
         type: "button",
         onClick: () => controller.setIssueEditorMode("create"),
         children: [
-          /* @__PURE__ */ jsx18(FileCreateIcon4, { size: 16 }),
+          /* @__PURE__ */ jsx15(FileCreateIcon4, { size: 16 }),
           controller.copy.t("actions.createIssue")
         ]
       }
@@ -4385,8 +3954,330 @@ function IssueManagerShellEmptyState({
   ] }) });
 }
 
+// src/ui/internal/shell/IssueManagerTopicSelector.tsx
+import { useEffect as useEffect9, useState as useState10 } from "react";
+import {
+  AddIcon,
+  Button as Button11,
+  CheckIcon as CheckIcon2,
+  ChevronDownIcon as ChevronDownIcon2,
+  ConfirmationDialog as ConfirmationDialog3,
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DeleteIcon,
+  DropdownMenu as DropdownMenu2,
+  DropdownMenuContent as DropdownMenuContent2,
+  DropdownMenuItem as DropdownMenuItem2,
+  DropdownMenuSeparator as DropdownMenuSeparator2,
+  DropdownMenuTrigger as DropdownMenuTrigger2,
+  EditIcon,
+  Input as Input3,
+  MoreHorizontalIcon,
+  PinIcon,
+  Textarea,
+  cn as cn10
+} from "@nextop-os/ui-system";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function IssueManagerTopicSelector({
+  activeTopicId,
+  className,
+  copy,
+  onCreateTopic,
+  onDeleteTopic,
+  onSelectTopic,
+  onUpdateTopic,
+  topics
+}) {
+  const [dialogMode, setDialogMode] = useState10(null);
+  const [deleteTopic, setDeleteTopic] = useState10(
+    null
+  );
+  const [menuOpen, setMenuOpen] = useState10(false);
+  const activeTopic = topics.find((topic) => topic.topicId === activeTopicId);
+  const openTopicDialog = (mode) => {
+    setMenuOpen(false);
+    setDialogMode(mode);
+  };
+  return /* @__PURE__ */ jsxs14(Fragment2, { children: [
+    /* @__PURE__ */ jsxs14(DropdownMenu2, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+      /* @__PURE__ */ jsx16(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs14(
+        Button11,
+        {
+          "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",
+            className
+          ),
+          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__ */ jsxs14(DropdownMenuContent2, { align: "start", className: "min-w-72", 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: [
+            /* @__PURE__ */ jsxs14(
+              "button",
+              {
+                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: () => {
+                  setMenuOpen(false);
+                  onSelectTopic(topic.topicId);
+                },
+                children: [
+                  /* @__PURE__ */ jsx16("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--accent)]", children: isActive ? /* @__PURE__ */ jsx16(CheckIcon2, { className: "size-4" }) : null }),
+                  /* @__PURE__ */ jsxs14("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                    /* @__PURE__ */ jsx16("span", { className: "truncate", children: topic.title }),
+                    topic.isDefault ? /* @__PURE__ */ jsx16("span", { className: "shrink-0 text-[11px] text-[var(--text-tertiary)]", children: copy.t("labels.topicDefault") }) : null
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx16(
+              Button11,
+              {
+                "aria-label": pinLabel,
+                className: cn10(
+                  "shrink-0 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+                  isPinned && "text-[var(--text-primary)]"
+                ),
+                size: "icon-xs",
+                title: pinLabel,
+                type: "button",
+                variant: "ghost",
+                onClick: (event) => {
+                  event.preventDefault();
+                  event.stopPropagation();
+                  onUpdateTopic({
+                    pinned: !isPinned,
+                    topicId: topic.topicId
+                  });
+                },
+                children: /* @__PURE__ */ jsx16(PinIcon, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs14(DropdownMenu2, { modal: false, children: [
+              /* @__PURE__ */ jsx16(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx16(
+                Button11,
+                {
+                  "aria-label": copy.t("actions.moreActions"),
+                  className: "shrink-0 text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+                  size: "icon-xs",
+                  title: copy.t("actions.moreActions"),
+                  type: "button",
+                  variant: "ghost",
+                  onClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ jsx16(MoreHorizontalIcon, { className: "size-3.5" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs14(
+                DropdownMenuContent2,
+                {
+                  align: "end",
+                  className: "w-32",
+                  sideOffset: 6,
+                  children: [
+                    /* @__PURE__ */ jsxs14(
+                      DropdownMenuItem2,
+                      {
+                        onSelect: (event) => {
+                          event.preventDefault();
+                          openTopicDialog({
+                            kind: "edit",
+                            topic
+                          });
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx16(EditIcon, { className: "size-3.5" }),
+                          /* @__PURE__ */ jsx16("span", { children: copy.t("actions.editTopic") })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs14(
+                      DropdownMenuItem2,
+                      {
+                        disabled: topic.isDefault,
+                        variant: "destructive",
+                        onSelect: (event) => {
+                          event.preventDefault();
+                          setMenuOpen(false);
+                          setDeleteTopic(topic);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx16(DeleteIcon, { className: "size-3.5" }),
+                          /* @__PURE__ */ jsx16("span", { children: copy.t("actions.delete") })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          ] }) }, topic.topicId);
+        }),
+        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,
+          {
+            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) => {
+              event.preventDefault();
+              event.stopPropagation();
+              openTopicDialog({
+                kind: "create",
+                topic: null
+              });
+            },
+            children: [
+              /* @__PURE__ */ jsx16(AddIcon, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx16("span", { className: "truncate", children: copy.t("actions.createTopic") })
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16(
+      IssueManagerTopicDialog,
+      {
+        copy,
+        mode: dialogMode,
+        open: dialogMode !== null,
+        onCreateTopic,
+        onOpenChange: (open) => {
+          if (!open) {
+            setDialogMode(null);
+          }
+        },
+        onUpdateTopic
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      ConfirmationDialog3,
+      {
+        cancelLabel: copy.t("actions.cancel"),
+        confirmLabel: copy.t("actions.delete"),
+        description: deleteTopic?.title,
+        open: deleteTopic !== null,
+        title: copy.t("confirmations.deleteTopic"),
+        tone: "destructive",
+        onConfirm: () => {
+          const topicId = deleteTopic?.topicId;
+          setDeleteTopic(null);
+          if (topicId) {
+            onDeleteTopic(topicId);
+          }
+        },
+        onOpenChange: (open) => {
+          if (!open) {
+            setDeleteTopic(null);
+          }
+        }
+      }
+    )
+  ] });
+}
+function IssueManagerTopicDialog({
+  copy,
+  mode,
+  onCreateTopic,
+  onOpenChange,
+  onUpdateTopic,
+  open
+}) {
+  const [summaryDraft, setSummaryDraft] = useState10("");
+  const [titleDraft, setTitleDraft] = useState10("");
+  useEffect9(() => {
+    setTitleDraft(mode?.topic?.title ?? "");
+    setSummaryDraft(mode?.topic?.summary ?? "");
+  }, [mode]);
+  const title = titleDraft.trim();
+  const dialogTitle = mode?.kind === "edit" ? copy.t("labels.editTopicDialogTitle") : copy.t("labels.createTopicDialogTitle");
+  const submit = (event) => {
+    event.preventDefault();
+    if (!mode || !title) {
+      return;
+    }
+    if (mode.kind === "edit") {
+      onUpdateTopic({
+        summary: summaryDraft,
+        title,
+        topicId: mode.topic.topicId
+      });
+    } else {
+      onCreateTopic({
+        summary: summaryDraft,
+        title
+      });
+    }
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsx16(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-[420px]", 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__ */ jsx16("span", { className: "text-xs font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicTitle") }),
+        /* @__PURE__ */ jsx16(
+          Input3,
+          {
+            autoFocus: true,
+            placeholder: copy.t("labels.topicTitle"),
+            value: titleDraft,
+            onChange: (event) => setTitleDraft(event.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("label", { className: "grid gap-1.5", children: [
+        /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicSummary") }),
+        /* @__PURE__ */ jsx16(
+          Textarea,
+          {
+            className: "min-h-24 resize-none",
+            placeholder: copy.t("labels.topicSummary"),
+            value: summaryDraft,
+            onChange: (event) => setSummaryDraft(event.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14(DialogFooter, { className: "pt-2", children: [
+        /* @__PURE__ */ jsx16(
+          Button11,
+          {
+            size: "dialog",
+            type: "button",
+            variant: "ghost",
+            onClick: () => onOpenChange(false),
+            children: copy.t("actions.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx16(Button11, { disabled: !title, size: "dialog", type: "submit", children: copy.t("actions.saveTopic") })
+      ] })
+    ] })
+  ] }) });
+}
+
 // src/ui/IssueManagerNode.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function IssueManagerNode({
   emptyIllustration,
   feature,
@@ -4406,7 +4297,27 @@ function IssueManagerNode({
     state,
     workspaceId
   });
-  return /* @__PURE__ */ jsxs19(
+  useEffect10(() => {
+    dispatchIssueManagerTopicHeaderState({
+      activeTopicId: controller.nodeState.activeTopicId ?? null,
+      nodeId,
+      topics: controller.topics.value
+    });
+  }, [controller.nodeState.activeTopicId, controller.topics.value, nodeId]);
+  useIssueManagerTopicHeaderCommandSync({
+    nodeId,
+    onCreateTopic: (topicInput) => {
+      void controller.createTopic(topicInput);
+    },
+    onDeleteTopic: (topicId) => {
+      void controller.deleteTopic(topicId);
+    },
+    onSelectTopic: controller.selectTopic,
+    onUpdateTopic: (topicInput) => {
+      void controller.updateTopic(topicInput);
+    }
+  });
+  return /* @__PURE__ */ jsxs15(
     "section",
     {
       "aria-label": controller.copy.t("title"),
@@ -4414,7 +4325,7 @@ function IssueManagerNode({
       "data-issue-manager-node-id": nodeId,
       "data-issue-manager-workspace-id": workspaceId,
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           IssueManagerShell,
           {
             controller,
@@ -4425,8 +4336,8 @@ function IssueManagerNode({
             selectedTask
           }
         ),
-        /* @__PURE__ */ jsx19(
-          IssueManagerReferencePicker,
+        /* @__PURE__ */ jsx17(
+          WorkspaceFileReferencePicker,
           {
             copy: controller.copy,
             fileAdapter: feature.fileAdapter,
@@ -4441,6 +4352,7 @@ function IssueManagerNode({
   );
 }
 function IssueManagerNodeHeader({
+  activeTopicId = null,
   className,
   copy,
   defaultActions,
@@ -4458,19 +4370,64 @@ function IssueManagerNodeHeader({
     nodeId,
     onToggleSidebar
   });
-  return /* @__PURE__ */ jsxs19(
+  const topicState = useIssueManagerTopicHeaderStateSync({
+    activeTopicId,
+    nodeId
+  });
+  return /* @__PURE__ */ jsxs15(
     "header",
     {
       ...headerProps,
-      className: cn12(
+      className: cn11(
         "flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
-          /* @__PURE__ */ jsx19(
-            Button14,
+        /* @__PURE__ */ jsxs15("div", { className: "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,
             {
               "aria-label": toggleLabel,
               className: "cursor-pointer rounded-md",
@@ -4486,11 +4443,11 @@ function IssueManagerNodeHeader({
               },
               onDoubleClick: (event) => event.stopPropagation(),
               onPointerDown: (event) => event.stopPropagation(),
-              children: /* @__PURE__ */ jsx19(PanelIcon, { className: "size-[18px]" })
+              children: /* @__PURE__ */ jsx17(PanelIcon, { className: "size-[18px]" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           "div",
           {
             className: "flex flex-none items-center gap-1",
@@ -4509,4 +4466,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-K3F67IRA.js.map
+//# sourceMappingURL=chunk-UT34M3FS.js.map