@tutti-os/workspace-issue-manager 0.0.12 → 0.0.13

package/dist/{chunk-XC4FNAHC.js → chunk-JOEMRSA4.js}

@@ -16,6 +16,7 @@ import {
   defaultTaskPriority,
   formatIssueManagerDate,
   formatIssueManagerTimestamp,
+  logIssueManagerDiagnostic,
   persistIssueManagerIssueDraftContent,
   persistIssueManagerTaskDraftContent,
   resolveIssueManagerErrorMessage,
@@ -23,7 +24,7 @@ import {
   resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput
-} from "./chunk-4A2ECWB6.js";
+} from "./chunk-MLBXKQLG.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   clampIssueManagerSidebarWidth,
@@ -34,7 +35,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-YGTTLXTS.js";
+} from "./chunk-5A25XEF2.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -1434,6 +1435,7 @@ function createIssueManagerControllerActionsBridge(input) {
   const {
     controllerSession,
     copy,
+    diagnostics,
     feature,
     issueDetail,
     issueDraft,
@@ -1460,10 +1462,37 @@ function createIssueManagerControllerActionsBridge(input) {
     ),
     setIsRunningTask: (update) => controllerSession.setIsRunningTask(update),
     setIssueDraftInternal: (update) => controllerSession.setIssueDraftInternal(update),
-    setIssueEditorModeState: (update) => controllerSession.setIssueEditorModeState(update),
+    setIssueEditorModeState: (update) => {
+      const nextMode = typeof update === "function" ? update(issueEditorMode) : update;
+      logIssueManagerDiagnostic(
+        diagnostics,
+        "issue_editor_mode.action_requested",
+        {
+          nextIssueEditorMode: nextMode,
+          previousIssueEditorMode: issueEditorMode,
+          selectedIssueId: nodeState.selectedIssueId,
+          selectedTaskId: nodeState.selectedTaskId
+        },
+        { includeStack: true }
+      );
+      controllerSession.setIssueEditorModeState(nextMode);
+    },
     setReferenceTarget: (update) => controllerSession.setReferenceTarget(update),
     setTaskDraftInternal: (update) => controllerSession.setTaskDraftInternal(update),
-    setTaskEditorModeState: (update) => controllerSession.setTaskEditorModeState(update),
+    setTaskEditorModeState: (update) => {
+      const nextMode = typeof update === "function" ? update(taskEditorMode) : update;
+      logIssueManagerDiagnostic(
+        diagnostics,
+        "task_editor_mode.action_requested",
+        {
+          nextTaskEditorMode: nextMode,
+          previousSelectedTaskId: nodeState.selectedTaskId,
+          previousTaskEditorMode: taskEditorMode
+        },
+        { includeStack: true }
+      );
+      controllerSession.setTaskEditorModeState(nextMode);
+    },
     taskDetail,
     taskDraft,
     taskEditorMode,
@@ -1481,7 +1510,13 @@ function createIssueManagerControllerNotificationState(current, input) {
 
 // src/ui/react/internal/issue/createIssueManagerIssueBindings.ts
 function createIssueManagerIssueBindings(input) {
-  const { controllerSession, feature, issueEditorMode, nodeState } = input;
+  const {
+    controllerSession,
+    diagnostics,
+    feature,
+    issueEditorMode,
+    nodeState
+  } = input;
   return {
     setIssueContent(content) {
       controllerSession.setIssueDraftInternal((current) => {
@@ -1507,6 +1542,17 @@ function createIssueManagerIssueBindings(input) {
       }));
     },
     setIssueEditorMode(mode) {
+      logIssueManagerDiagnostic(
+        diagnostics,
+        "issue_editor_mode.requested",
+        {
+          nextIssueEditorMode: mode,
+          previousIssueEditorMode: issueEditorMode,
+          selectedIssueId: nodeState.selectedIssueId,
+          selectedTaskId: nodeState.selectedTaskId
+        },
+        { includeStack: true }
+      );
       controllerSession.setIssueEditorModeState(mode);
       if (mode === "create") {
         controllerSession.setIssueDraftInternal(
@@ -1540,12 +1586,24 @@ function createIssueManagerIssueBindings(input) {
 
 // src/ui/react/internal/task/createIssueManagerTaskBindings.ts
 function createIssueManagerTaskBindings(input) {
-  const { controllerSession, feature, nodeState, taskEditorMode } = input;
+  const { controllerSession, diagnostics, feature, nodeState, taskEditorMode } = input;
   return {
     selectTask(taskId) {
-      controllerSession.updateNodeState(
-        (current) => applyIssueManagerTaskSelection(current, taskId)
-      );
+      controllerSession.updateNodeState((current) => {
+        logIssueManagerDiagnostic(
+          diagnostics,
+          "task_selection.requested",
+          {
+            activeTopicId: current.activeTopicId ?? null,
+            nextSelectedTaskId: taskId,
+            previousSelectedIssueId: current.selectedIssueId,
+            previousSelectedTaskId: current.selectedTaskId,
+            taskEditorMode
+          },
+          { includeStack: true }
+        );
+        return applyIssueManagerTaskSelection(current, taskId);
+      });
       controllerSession.setTaskEditorModeState("read");
     },
     setTaskContent(content) {
@@ -1572,6 +1630,16 @@ function createIssueManagerTaskBindings(input) {
       }));
     },
     setTaskEditorMode(mode) {
+      logIssueManagerDiagnostic(
+        diagnostics,
+        "task_editor_mode.requested",
+        {
+          nextTaskEditorMode: mode,
+          previousSelectedTaskId: nodeState.selectedTaskId,
+          previousTaskEditorMode: taskEditorMode
+        },
+        { includeStack: true }
+      );
       controllerSession.setTaskEditorModeState(mode);
       if (mode === "create") {
         controllerSession.setTaskDraftInternal(
@@ -1607,21 +1675,24 @@ function createIssueManagerTaskBindings(input) {
 function createIssueManagerControllerBindings(input) {
   const {
     controllerSession,
+    diagnostics,
     feature,
     issueEditorMode,
     nodeState,
-    onResolveRichTextAtProviders,
+    onResolveRichTextTriggerProviders,
     taskEditorMode,
     workspaceId
   } = input;
   const issueBindings = createIssueManagerIssueBindings({
     controllerSession,
+    diagnostics,
     feature,
     issueEditorMode,
     nodeState
   });
   const taskBindings = createIssueManagerTaskBindings({
     controllerSession,
+    diagnostics,
     feature,
     nodeState,
     taskEditorMode
@@ -1638,16 +1709,26 @@ function createIssueManagerControllerBindings(input) {
     reportIssueSearchUsage(query) {
       controllerSession.reportIssueSearchUsage(query);
     },
-    resolveRichTextAtProviders(surface) {
-      return onResolveRichTextAtProviders?.({
+    resolveRichTextTriggerProviders(surface) {
+      return onResolveRichTextTriggerProviders?.({
         surface,
         workspaceId
       }) ?? [];
     },
     selectIssue(issueId) {
-      controllerSession.updateNodeState(
-        (current) => applyIssueManagerIssueSelection(current, issueId)
-      );
+      controllerSession.updateNodeState((current) => {
+        logIssueManagerDiagnostic(
+          diagnostics,
+          "issue_selection.requested",
+          {
+            nextSelectedIssueId: issueId,
+            previousSelectedIssueId: current.selectedIssueId,
+            previousSelectedTaskId: current.selectedTaskId
+          },
+          { includeStack: true }
+        );
+        return applyIssueManagerIssueSelection(current, issueId);
+      });
       controllerSession.setIssueEditorModeState("read");
       controllerSession.setTaskEditorModeState("read");
     },
@@ -1684,19 +1765,28 @@ function resolveIssueManagerFloatingNoticeViewState(input) {
 
 // src/ui/react/internal/controller/useIssueManagerControllerRuntime.ts
 function useIssueManagerControllerRuntime(input) {
-  const { feature, openSource, onStateChange, service, state, workspaceId } = input;
+  const {
+    diagnostics,
+    feature,
+    openSource,
+    onStateChange,
+    service,
+    state,
+    workspaceId
+  } = input;
   const controllerService = useMemo(
     () => service ?? createIssueManagerControllerService(),
     [service]
   );
   const controllerSession = useMemo(
     () => controllerService.createSession({
+      diagnostics,
       feature,
       openSource,
       state,
       workspaceId
     }),
-    [controllerService, feature, openSource, workspaceId]
+    [controllerService, diagnostics, feature, openSource, workspaceId]
   );
   const snapshot = useSnapshot(
     controllerSession.store
@@ -1735,16 +1825,18 @@ function useIssueManagerControllerRuntime(input) {
 
 // src/ui/react/internal/controller/useIssueManagerController.ts
 function useIssueManagerController({
+  diagnostics,
   feature,
   openSource,
   onStateChange,
-  resolveRichTextAtProviders,
+  resolveRichTextTriggerProviders,
   service,
   state,
   workspaceId
 }) {
   const copy = feature.i18n;
   const { controllerSession, floatingNotice, snapshot } = useIssueManagerControllerRuntime({
+    diagnostics,
     feature,
     openSource,
     onStateChange,
@@ -1788,6 +1880,7 @@ function useIssueManagerController({
   const actions = createIssueManagerControllerActionsBridge({
     controllerSession,
     copy,
+    diagnostics,
     feature,
     issueDetail,
     issueDraft,
@@ -1801,10 +1894,11 @@ function useIssueManagerController({
   });
   const bindings = createIssueManagerControllerBindings({
     controllerSession,
+    diagnostics,
     feature,
     issueEditorMode,
     nodeState,
-    onResolveRichTextAtProviders: resolveRichTextAtProviders,
+    onResolveRichTextTriggerProviders: resolveRichTextTriggerProviders,
     taskEditorMode,
     workspaceId
   });
@@ -1825,6 +1919,7 @@ function useIssueManagerController({
     canSelectExecutionDirectory,
     canUploadWorkspaceFiles,
     copy,
+    diagnostics: diagnostics ?? null,
     async createTopic(topicInput) {
       try {
         const topic = await feature.backend.createTopic({
@@ -1873,6 +1968,12 @@ function useIssueManagerController({
     isRunningTask,
     nodeState,
     notification,
+    async openMention(mention) {
+      await feature.mentionActionHandler?.openMention({
+        mention,
+        workspaceId
+      });
+    },
     providerOptions,
     executionDirectoryProjectService: feature.executionDirectoryPicker?.service ?? null,
     workspaceUserProjectI18n: feature.workspaceUserProjectI18n,
@@ -1916,20 +2017,22 @@ function useIssueManagerController({
 
 // src/ui/react/internal/shell/useIssueManagerNodeView.ts
 function useIssueManagerNodeView({
+  diagnostics,
   feature,
   nodeId,
   openSource,
   onStateChange,
-  resolveRichTextAtProviders,
+  resolveRichTextTriggerProviders,
   service,
   state,
   workspaceId
 }) {
   const controller = useIssueManagerController({
+    diagnostics,
     feature,
     openSource,
     onStateChange,
-    resolveRichTextAtProviders,
+    resolveRichTextTriggerProviders,
     service,
     state,
     workspaceId
@@ -1966,6 +2069,14 @@ function useIssueManagerNodeView({
     selectedTask,
     shell: {
       onCloseTaskDrawer: () => {
+        logIssueManagerDiagnostic(
+          controller.diagnostics,
+          "task_drawer.close_requested",
+          {
+            selectedIssueId: controller.nodeState.selectedIssueId,
+            selectedTaskId: controller.nodeState.selectedTaskId
+          }
+        );
         controller.selectTask(null);
       },
       onDismissIssueCreate: () => {
@@ -1983,13 +2094,17 @@ import {
 // src/ui/IssueManagerNode.tsx
 import {
   useEffect as useEffect9,
-  useRef as useRef5
+  useRef as useRef7
 } from "react";
 import { Button as Button13, PanelIcon, cn as cn11 } from "@tutti-os/ui-system";
 import { WorkspaceFileReferencePicker } from "@tutti-os/workspace-file-reference/ui";
 
 // src/ui/internal/shell/IssueManagerShell.tsx
-import { useEffect as useEffect7, useState as useState8 } from "react";
+import {
+  useEffect as useEffect7,
+  useRef as useRef6,
+  useState as useState8
+} from "react";
 import { Button as Button11, FileCreateIcon as FileCreateIcon4, cn as cn9 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
@@ -2295,6 +2410,7 @@ function IssueManagerOutputSection({
 }
 function IssueManagerSubtaskSection({
   copy,
+  diagnostics,
   onCreate,
   onSelectTask,
   selectedTaskId,
@@ -2316,7 +2432,17 @@ function IssueManagerSubtaskSection({
           selectedTaskId === task.taskId ? "bg-transparency-actived" : "bg-transparent hover:bg-transparency-hover"
         ),
         type: "button",
-        onClick: () => onSelectTask(task.taskId),
+        onClick: (event) => {
+          logIssueManagerDiagnostic(diagnostics, "task_row.click", {
+            clientX: event.clientX,
+            clientY: event.clientY,
+            selectedTaskId,
+            surface: "detail_subtasks",
+            taskId: task.taskId,
+            taskTitle: task.title
+          });
+          onSelectTask(task.taskId);
+        },
         children: [
           /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2.5", children: [
@@ -2340,10 +2466,20 @@ function IssueManagerSubtaskSection({
 
 // src/ui/internal/issue/IssueManagerIssueAcceptanceState.ts
 function resolveIssueManagerIssueAcceptanceTaskId(input) {
-  if (input.selectedIssue?.status !== "pending_acceptance" || input.selectedTaskId || input.latestRun?.status !== "completed") {
+  if (input.selectedIssue?.status !== "pending_acceptance" || input.latestRun?.status !== "completed" || input.selectedTaskId) {
     return null;
   }
-  const taskId = input.latestRun.taskId?.trim() ?? "";
+  return resolveIssueManagerIssueRunTaskId({
+    latestRun: input.latestRun,
+    selectedIssue: input.selectedIssue,
+    tasks: input.tasks
+  });
+}
+function resolveIssueManagerIssueRunTaskId(input) {
+  if (!input.selectedIssue) {
+    return null;
+  }
+  const taskId = input.latestRun?.taskId?.trim() ?? "";
   if (!taskId) {
     return null;
   }
@@ -2356,7 +2492,7 @@ function resolveIssueManagerIssueAcceptanceTaskId(input) {
   return taskId;
 }
 function resolveIssueManagerVisibleSubtasks(input) {
-  const hiddenTaskId = input.hiddenAcceptanceTaskId?.trim() ?? "";
+  const hiddenTaskId = input.hiddenIssueRunTaskId?.trim() ?? "";
   if (!hiddenTaskId) {
     return [...input.tasks];
   }
@@ -2375,6 +2511,7 @@ function IssueManagerDescriptionSection({
   emptyLabel,
   label,
   minHeightClass = "min-h-[14rem]",
+  onMentionAction,
   onOpen,
   variant = "card"
 }) {
@@ -2419,6 +2556,7 @@ function IssueManagerDescriptionSection({
         IssueManagerDescriptionContent,
         {
           content: displayContent,
+          onMentionAction,
           onOpen
         }
       ) }) : /* @__PURE__ */ jsx4("p", { className: "text-[13px] font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
@@ -2446,6 +2584,7 @@ function IssueManagerDescriptionSection({
                 IssueManagerDescriptionContent,
                 {
                   content: displayContent,
+                  onMentionAction,
                   onOpen
                 }
               ) : /* @__PURE__ */ jsx4("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
@@ -2467,6 +2606,7 @@ function IssueManagerDescriptionSection({
 }
 function IssueManagerDescriptionContent({
   content,
+  onMentionAction,
   onOpen
 }) {
   return /* @__PURE__ */ jsx4(
@@ -2475,6 +2615,7 @@ function IssueManagerDescriptionContent({
       className: "min-w-0 max-w-full [overflow-wrap:anywhere]",
       paragraphClassName: "break-words [overflow-wrap:anywhere]",
       value: content,
+      onMentionAction,
       onOpenWorkspaceReference: onOpen ? (reference) => onOpen({
         displayName: reference.label,
         kind: reference.kind,
@@ -2486,7 +2627,7 @@ function IssueManagerDescriptionContent({
 
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
 import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "react";
-import { RichTextAtEditor } from "@tutti-os/ui-rich-text/editor";
+import { RichTextTriggerEditor } from "@tutti-os/ui-rich-text/editor";
 import { Button as Button3, LinkIcon, cn as cn3 } from "@tutti-os/ui-system";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var issueManagerRichTextTextareaBaseClassName = "min-h-20 w-full rounded-[8px] border border-transparent bg-[var(--transparency-block)] p-3 text-[13px] font-normal leading-[1.3] text-[var(--text-primary)] transition-[background-color,border-color,color] outline-none shadow-none placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-transparent focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-[var(--state-danger)] aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none";
@@ -2500,7 +2641,7 @@ function IssueManagerRichTextTextarea({
   value
 }) {
   const providers = useMemo3(
-    () => controller.resolveRichTextAtProviders(surface),
+    () => controller.resolveRichTextTriggerProviders(surface),
     [controller, surface]
   );
   const showReferenceAction = controller.canReferenceWorkspaceFiles;
@@ -2516,12 +2657,12 @@ function IssueManagerRichTextTextarea({
     previousValueRef.current = value;
   }, [controller.referenceTarget, surface, value]);
   return /* @__PURE__ */ jsx5(
-    RichTextAtEditor,
+    RichTextTriggerEditor,
     {
       focusSignal,
       maxResults: 8,
       minQueryLength: 1,
-      providers,
+      triggerProviders: providers,
       textOverrides: {
         loadingLabel: controller.copy.t("richTextAt.loading"),
         noMatchesLabel: controller.copy.t("richTextAt.noMatches"),
@@ -2689,7 +2830,8 @@ 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 : controller.issueDetail.value?.latestRun ?? controller.issueDetail.value?.recentRuns[0] ?? null;
+  const issueLatestRun = controller.issueDetail.value?.latestRun ?? controller.issueDetail.value?.recentRuns[0] ?? null;
+  const latestRun = selectedTask ? controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null : issueLatestRun;
   const latestOutputs = selectedTask ? controller.taskDetail.value?.latestOutputs ?? [] : controller.issueDetail.value?.latestOutputs ?? [];
   const issueAcceptanceTaskId = resolveIssueManagerIssueAcceptanceTaskId({
     latestRun,
@@ -2697,8 +2839,13 @@ function IssueManagerIssuePane({
     selectedTaskId,
     tasks
   });
+  const issueRunTaskId = resolveIssueManagerIssueRunTaskId({
+    latestRun: issueLatestRun,
+    selectedIssue,
+    tasks
+  });
   const visibleTasks = resolveIssueManagerVisibleSubtasks({
-    hiddenAcceptanceTaskId: issueAcceptanceTaskId,
+    hiddenIssueRunTaskId: issueRunTaskId,
     tasks
   });
   const [deleteDialogOpen, setDeleteDialogOpen] = useState5(false);
@@ -2893,6 +3040,7 @@ function IssueManagerIssuePane({
             content: issueContent,
             emptyLabel: copy.t("messages.issueContentEmpty"),
             label: copy.t("labels.description"),
+            onMentionAction: controller.openMention,
             onOpen: controller.openReference,
             variant: "plain"
           }
@@ -2919,6 +3067,7 @@ function IssueManagerIssuePane({
           IssueManagerSubtaskSection,
           {
             copy,
+            diagnostics: controller.diagnostics,
             onCreate: controller.createTaskDraft,
             onSelectTask: controller.selectTask,
             selectedTaskId: selectedTask?.taskId ?? null,
@@ -3872,6 +4021,7 @@ function IssueManagerTaskComposerPane({
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
+import { useRef as useRef4 } from "react";
 import { ScrollArea as ScrollArea4, cn as cn8 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
@@ -4097,6 +4247,7 @@ function IssueManagerTaskDrawerReadBody({
         content: taskContent,
         emptyLabel: copy.t("messages.taskContentEmpty"),
         label: copy.t("labels.description"),
+        onMentionAction: controller.openMention,
         onOpen: controller.openReference,
         variant: "plain"
       }
@@ -4208,13 +4359,63 @@ function IssueManagerTaskDrawer({
   renderLatestRunStatus,
   selectedIssue,
   selectedTask,
-  onClose
+  onClose,
+  shouldIgnoreBackdropClick
 }) {
   const view = resolveIssueManagerTaskDrawerViewState({
     controller,
     selectedTask
   });
   const taskContent = selectedTask?.content ?? "";
+  const hasRequestedBackdropCloseRef = useRef4(false);
+  const requestBackdropClose = (event, phase) => {
+    const target = event.target;
+    logIssueManagerDiagnostic(
+      controller.diagnostics,
+      "task_drawer.backdrop_close_event",
+      {
+        clientX: event.clientX,
+        clientY: event.clientY,
+        currentTargetTag: event.currentTarget.tagName,
+        hasRequestedBackdropClose: hasRequestedBackdropCloseRef.current,
+        isClosing,
+        isDirectBackdropClick: event.target === event.currentTarget,
+        phase,
+        selectedIssueId: selectedIssue?.issueId ?? null,
+        selectedTaskId: selectedTask?.taskId ?? null,
+        selectedTaskTitle: selectedTask?.title ?? null,
+        targetClassName: target instanceof HTMLElement ? target.className : null,
+        targetTag: target instanceof HTMLElement ? target.tagName : null
+      }
+    );
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    if (hasRequestedBackdropCloseRef.current) {
+      return;
+    }
+    if (shouldIgnoreBackdropClick?.(event)) {
+      return;
+    }
+    hasRequestedBackdropCloseRef.current = true;
+    onClose("backdrop");
+  };
+  const handleBackdropPointerDown = (event) => {
+    if (event.pointerType === "mouse" && event.button !== 0) {
+      return;
+    }
+    requestBackdropClose(event, "pointer_down");
+  };
+  const handleBackdropClick = (event) => {
+    if (hasRequestedBackdropCloseRef.current) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    requestBackdropClose(event, "click");
+  };
   return /* @__PURE__ */ jsx16(
     "div",
     {
@@ -4222,7 +4423,8 @@ function IssueManagerTaskDrawer({
         "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,
+      onClick: handleBackdropClick,
+      onPointerDown: handleBackdropPointerDown,
       onTouchMove: (event) => {
         event.preventDefault();
       },
@@ -4244,7 +4446,7 @@ function IssueManagerTaskDrawer({
               IssueManagerTaskDrawerHeader,
               {
                 controller,
-                onClose,
+                onClose: () => onClose("header_back"),
                 selectedTask,
                 view
               }
@@ -4294,7 +4496,7 @@ function IssueManagerTaskDrawer({
 import {
   useEffect as useEffect6,
   useEffectEvent as useEffectEvent2,
-  useRef as useRef4,
+  useRef as useRef5,
   useState as useState7
 } from "react";
 function useIssueManagerShellView({
@@ -4302,8 +4504,8 @@ function useIssueManagerShellView({
   selectedIssue,
   selectedTask
 }) {
-  const layoutRef = useRef4(null);
-  const resizeRef = useRef4(null);
+  const layoutRef = useRef5(null);
+  const resizeRef = useRef5(null);
   const [sidebarWidth, setSidebarWidth] = useState7(
     issueManagerSidebarDefaultWidth
   );
@@ -4312,6 +4514,7 @@ function useIssueManagerShellView({
     controller.dismissNotification();
   });
   const floatingNotice = controller.floatingNotice;
+  const lastContentDiagnosticRef = useRef5(null);
   useEffect6(() => {
     const publishLayout = () => {
       const width = layoutRef.current?.getBoundingClientRect().width ?? 0;
@@ -4352,6 +4555,48 @@ function useIssueManagerShellView({
     selectedTaskPresent: selectedTask !== null,
     taskEditorMode: controller.taskEditorMode
   });
+  useEffect6(() => {
+    const nextDiagnostic = {
+      isIssueEditing: content.isIssueEditing,
+      isTaskCreating: content.isTaskCreating,
+      isTaskDrawerOpen: content.isTaskDrawerOpen,
+      issueEditorMode: controller.issueEditorMode,
+      selectedIssueId: controller.nodeState.selectedIssueId,
+      selectedTaskId: controller.nodeState.selectedTaskId,
+      selectedTaskPresent: selectedTask !== null,
+      taskEditorMode: controller.taskEditorMode
+    };
+    const previousDiagnostic = lastContentDiagnosticRef.current;
+    if (previousDiagnostic && previousDiagnostic.isIssueEditing === nextDiagnostic.isIssueEditing && previousDiagnostic.isTaskCreating === nextDiagnostic.isTaskCreating && previousDiagnostic.isTaskDrawerOpen === nextDiagnostic.isTaskDrawerOpen && previousDiagnostic.issueEditorMode === nextDiagnostic.issueEditorMode && previousDiagnostic.selectedIssueId === nextDiagnostic.selectedIssueId && previousDiagnostic.selectedTaskId === nextDiagnostic.selectedTaskId && previousDiagnostic.selectedTaskPresent === nextDiagnostic.selectedTaskPresent && previousDiagnostic.taskEditorMode === nextDiagnostic.taskEditorMode) {
+      return;
+    }
+    lastContentDiagnosticRef.current = nextDiagnostic;
+    logIssueManagerDiagnostic(controller.diagnostics, "shell_content.derived", {
+      isIssueEditing: content.isIssueEditing,
+      isTaskCreating: content.isTaskCreating,
+      isTaskDrawerOpen: content.isTaskDrawerOpen,
+      issueEditorMode: controller.issueEditorMode,
+      previousIsTaskDrawerOpen: previousDiagnostic?.isTaskDrawerOpen ?? null,
+      previousSelectedTaskId: previousDiagnostic?.selectedTaskId ?? null,
+      previousTaskEditorMode: previousDiagnostic?.taskEditorMode ?? null,
+      selectedIssueId: controller.nodeState.selectedIssueId,
+      selectedTaskId: controller.nodeState.selectedTaskId,
+      selectedTaskPresent: selectedTask !== null,
+      showBottomBar: content.showBottomBar,
+      taskEditorMode: controller.taskEditorMode
+    });
+  }, [
+    content.isIssueEditing,
+    content.isTaskCreating,
+    content.isTaskDrawerOpen,
+    content.showBottomBar,
+    controller.diagnostics,
+    controller.issueEditorMode,
+    controller.nodeState.selectedIssueId,
+    controller.nodeState.selectedTaskId,
+    controller.taskEditorMode,
+    selectedTask
+  ]);
   const sidebarViewState = resolveIssueManagerSidebarViewState({
     copy: controller.copy,
     issues: controller.issues
@@ -4444,9 +4689,34 @@ function useIssueManagerShellView({
   };
 }
 
+// src/ui/internal/shell/IssueManagerTaskDrawerEcho.ts
+var issueManagerTaskDrawerBackdropEchoMs = 900;
+var issueManagerTaskDrawerBackdropEchoDistancePx = 72;
+function shouldIgnoreIssueManagerTaskDrawerBackdropEcho(input) {
+  if (!input.openPointer) {
+    return {
+      distancePx: null,
+      elapsedMs: null,
+      ignore: false
+    };
+  }
+  const elapsedMs = input.nowMs - input.openPointer.timeMs;
+  const distancePx = Math.hypot(
+    input.clickClientX - input.openPointer.clientX,
+    input.clickClientY - input.openPointer.clientY
+  );
+  return {
+    distancePx,
+    elapsedMs,
+    ignore: elapsedMs <= (input.maxElapsedMs ?? issueManagerTaskDrawerBackdropEchoMs) && distancePx <= (input.maxDistancePx ?? issueManagerTaskDrawerBackdropEchoDistancePx)
+  };
+}
+
 // src/ui/internal/shell/IssueManagerShell.tsx
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var issueManagerTaskDrawerExitDurationMs = 180;
+var issueManagerTaskDrawerCloseBlockerMs = 500;
+var issueManagerTaskDrawerCloseBlockerUntilMs = 0;
 function IssueManagerShell({
   controller,
   emptyIllustration,
@@ -4462,30 +4732,193 @@ function IssueManagerShell({
     selectedTask
   });
   const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState8(selectedTask);
-  const [isTaskDrawerClosing, setIsTaskDrawerClosing] = useState8(false);
+  const [taskDrawerCloseBlockerUntilMs, setTaskDrawerCloseBlockerUntilMs] = useState8(issueManagerTaskDrawerCloseBlockerUntilMs);
+  const lastContentPointerDownRef = useRef6(
+    null
+  );
+  const taskDrawerOpenPointerRef = useRef6(
+    null
+  );
+  const pendingTaskDrawerCloseRef = useRef6(false);
+  const taskDrawerCloseBlockerTimeoutRef = useRef6(null);
+  const previousTaskDrawerOpenRef = useRef6({
+    isOpen: shellView.content.isTaskDrawerOpen,
+    taskId: selectedTask?.taskId ?? null
+  });
+  const clearTaskDrawerCloseBlocker = () => {
+    if (taskDrawerCloseBlockerTimeoutRef.current !== null) {
+      window.clearTimeout(taskDrawerCloseBlockerTimeoutRef.current);
+      taskDrawerCloseBlockerTimeoutRef.current = null;
+    }
+    issueManagerTaskDrawerCloseBlockerUntilMs = 0;
+    setTaskDrawerCloseBlockerUntilMs(0);
+  };
+  const startTaskDrawerCloseBlocker = () => {
+    issueManagerTaskDrawerCloseBlockerUntilMs = performance.now() + issueManagerTaskDrawerCloseBlockerMs;
+    setTaskDrawerCloseBlockerUntilMs(issueManagerTaskDrawerCloseBlockerUntilMs);
+  };
+  useEffect7(() => {
+    if (taskDrawerCloseBlockerTimeoutRef.current !== null) {
+      window.clearTimeout(taskDrawerCloseBlockerTimeoutRef.current);
+      taskDrawerCloseBlockerTimeoutRef.current = null;
+    }
+    if (taskDrawerCloseBlockerUntilMs <= performance.now()) {
+      return void 0;
+    }
+    taskDrawerCloseBlockerTimeoutRef.current = window.setTimeout(() => {
+      if (issueManagerTaskDrawerCloseBlockerUntilMs <= performance.now()) {
+        issueManagerTaskDrawerCloseBlockerUntilMs = 0;
+      }
+      taskDrawerCloseBlockerTimeoutRef.current = null;
+      setTaskDrawerCloseBlockerUntilMs(
+        issueManagerTaskDrawerCloseBlockerUntilMs
+      );
+    }, taskDrawerCloseBlockerUntilMs - performance.now());
+    return () => {
+      if (taskDrawerCloseBlockerTimeoutRef.current !== null) {
+        window.clearTimeout(taskDrawerCloseBlockerTimeoutRef.current);
+        taskDrawerCloseBlockerTimeoutRef.current = null;
+      }
+    };
+  }, [taskDrawerCloseBlockerUntilMs]);
+  const handleCloseTaskDrawer = (source) => {
+    logIssueManagerDiagnostic(
+      controller.diagnostics,
+      "task_drawer.close_source_requested",
+      {
+        isTaskDrawerOpen: shellView.content.isTaskDrawerOpen,
+        renderedTaskId: renderedTaskDrawerTask?.taskId ?? null,
+        selectedIssueId: selectedIssue?.issueId ?? null,
+        selectedTaskId: selectedTask?.taskId ?? null,
+        source
+      }
+    );
+    pendingTaskDrawerCloseRef.current = true;
+    setRenderedTaskDrawerTask(null);
+    if (source === "backdrop") {
+      startTaskDrawerCloseBlocker();
+    } else {
+      clearTaskDrawerCloseBlocker();
+    }
+    onCloseTaskDrawer();
+  };
+  const handleContentPointerDownCapture = (event) => {
+    if (shellView.content.isTaskDrawerOpen || event.button !== 0) {
+      return;
+    }
+    lastContentPointerDownRef.current = {
+      clientX: event.clientX,
+      clientY: event.clientY,
+      timeMs: performance.now()
+    };
+  };
+  const shouldIgnoreTaskDrawerBackdropClick = (event) => {
+    const openPointer = taskDrawerOpenPointerRef.current;
+    if (!openPointer) {
+      return false;
+    }
+    const echo = shouldIgnoreIssueManagerTaskDrawerBackdropEcho({
+      clickClientX: event.clientX,
+      clickClientY: event.clientY,
+      nowMs: performance.now(),
+      openPointer
+    });
+    if (echo.ignore) {
+      logIssueManagerDiagnostic(
+        controller.diagnostics,
+        "task_drawer.backdrop_click_ignored_as_open_echo",
+        {
+          clickClientX: event.clientX,
+          clickClientY: event.clientY,
+          distancePx: echo.distancePx,
+          elapsedMs: echo.elapsedMs,
+          openClientX: openPointer.clientX,
+          openClientY: openPointer.clientY,
+          selectedIssueId: selectedIssue?.issueId ?? null,
+          selectedTaskId: selectedTask?.taskId ?? null
+        }
+      );
+    }
+    return echo.ignore;
+  };
   useEffect7(() => {
+    const selectedTaskId = selectedTask?.taskId ?? null;
+    const previousOpen = previousTaskDrawerOpenRef.current;
     if (shellView.content.isTaskDrawerOpen) {
-      setRenderedTaskDrawerTask(selectedTask);
-      setIsTaskDrawerClosing(false);
+      if (pendingTaskDrawerCloseRef.current) {
+        return void 0;
+      }
+      if (!previousOpen.isOpen || previousOpen.taskId !== selectedTaskId) {
+        taskDrawerOpenPointerRef.current = lastContentPointerDownRef.current;
+        logIssueManagerDiagnostic(
+          controller.diagnostics,
+          "task_drawer.open_state",
+          {
+            isOpen: true,
+            openClientX: taskDrawerOpenPointerRef.current?.clientX ?? null,
+            openClientY: taskDrawerOpenPointerRef.current?.clientY ?? null,
+            selectedIssueId: selectedIssue?.issueId ?? null,
+            selectedTaskId,
+            selectedTaskTitle: selectedTask?.title ?? null
+          }
+        );
+      }
+      previousTaskDrawerOpenRef.current = {
+        isOpen: true,
+        taskId: selectedTaskId
+      };
+      if (renderedTaskDrawerTask?.taskId !== selectedTaskId) {
+        setRenderedTaskDrawerTask(selectedTask);
+      }
       return void 0;
     }
+    previousTaskDrawerOpenRef.current = {
+      isOpen: false,
+      taskId: null
+    };
+    taskDrawerOpenPointerRef.current = null;
+    pendingTaskDrawerCloseRef.current = false;
     if (!renderedTaskDrawerTask) {
       return void 0;
     }
-    setIsTaskDrawerClosing(true);
+    logIssueManagerDiagnostic(
+      controller.diagnostics,
+      "task_drawer.exit_started",
+      {
+        renderedTaskId: renderedTaskDrawerTask.taskId,
+        renderedTaskTitle: renderedTaskDrawerTask.title,
+        selectedIssueId: selectedIssue?.issueId ?? null,
+        selectedTaskId: selectedTask?.taskId ?? null
+      }
+    );
     const timeout = window.setTimeout(() => {
+      logIssueManagerDiagnostic(
+        controller.diagnostics,
+        "task_drawer.exit_finished",
+        {
+          renderedTaskId: renderedTaskDrawerTask.taskId,
+          renderedTaskTitle: renderedTaskDrawerTask.title
+        }
+      );
       setRenderedTaskDrawerTask(null);
-      setIsTaskDrawerClosing(false);
     }, issueManagerTaskDrawerExitDurationMs);
     return () => {
       window.clearTimeout(timeout);
     };
   }, [
+    controller.diagnostics,
     renderedTaskDrawerTask,
+    renderedTaskDrawerTask?.taskId,
+    selectedIssue?.issueId,
     selectedTask,
+    selectedTask?.taskId,
+    selectedTask?.title,
     shellView.content.isTaskDrawerOpen
   ]);
-  const taskDrawerTask = shellView.content.isTaskDrawerOpen ? selectedTask : renderedTaskDrawerTask;
+  const isTaskDrawerOpenForRender = shellView.content.isTaskDrawerOpen && !pendingTaskDrawerCloseRef.current;
+  const taskDrawerTask = isTaskDrawerOpenForRender ? selectedTask : renderedTaskDrawerTask;
+  const isTaskDrawerClosing = !isTaskDrawerOpenForRender && renderedTaskDrawerTask !== null;
+  const isTaskDrawerCloseBlockerVisible = !taskDrawerTask && taskDrawerCloseBlockerUntilMs > performance.now();
   return /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -4529,60 +4962,91 @@ function IssueManagerShell({
             children: /* @__PURE__ */ jsx17("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__ */ jsxs15("div", { className: "relative h-full min-h-0 overflow-hidden bg-transparent @container/issue-manager-content", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex h-full min-h-0 flex-col", children: [
-            /* @__PURE__ */ jsx17("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx17(
-              IssueManagerIssuePane,
-              {
-                controller,
-                renderLatestRunStatus,
-                selectedIssue,
-                onDismissCreate: onDismissIssueCreate
-              }
-            ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx17(
-              IssueManagerTaskComposerPane,
-              {
-                controller,
-                selectedIssue,
-                onCancel: () => controller.setTaskEditorMode("read")
-              }
-            ) : selectedIssue ? /* @__PURE__ */ jsx17(
-              IssueManagerIssuePane,
-              {
-                controller,
-                renderLatestRunStatus,
-                selectedIssue,
-                onDismissCreate: onDismissIssueCreate
-              }
-            ) : /* @__PURE__ */ jsx17(
-              IssueManagerShellEmptyState,
-              {
-                controller,
-                emptyIllustration
-              }
-            ) }),
-            /* @__PURE__ */ jsx17(
-              IssueManagerBottomBar,
-              {
-                controller,
-                isNarrowLayout: shellView.isNarrowLayout,
-                selectedIssue,
-                visible: shellView.content.showBottomBar
-              }
-            )
-          ] }),
-          taskDrawerTask ? /* @__PURE__ */ jsx17(
-            IssueManagerTaskDrawer,
-            {
-              controller,
-              isClosing: isTaskDrawerClosing,
-              renderLatestRunStatus,
-              selectedIssue,
-              selectedTask: taskDrawerTask,
-              onClose: onCloseTaskDrawer
-            }
-          ) : null
-        ] })
+        /* @__PURE__ */ jsxs15(
+          "div",
+          {
+            className: "relative h-full min-h-0 overflow-hidden bg-transparent @container/issue-manager-content",
+            onPointerDownCapture: handleContentPointerDownCapture,
+            children: [
+              /* @__PURE__ */ jsxs15("div", { className: "flex h-full min-h-0 flex-col", children: [
+                /* @__PURE__ */ jsx17("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx17(
+                  IssueManagerIssuePane,
+                  {
+                    controller,
+                    renderLatestRunStatus,
+                    selectedIssue,
+                    onDismissCreate: onDismissIssueCreate
+                  }
+                ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx17(
+                  IssueManagerTaskComposerPane,
+                  {
+                    controller,
+                    selectedIssue,
+                    onCancel: () => controller.setTaskEditorMode("read")
+                  }
+                ) : selectedIssue ? /* @__PURE__ */ jsx17(
+                  IssueManagerIssuePane,
+                  {
+                    controller,
+                    renderLatestRunStatus,
+                    selectedIssue,
+                    onDismissCreate: onDismissIssueCreate
+                  }
+                ) : /* @__PURE__ */ jsx17(
+                  IssueManagerShellEmptyState,
+                  {
+                    controller,
+                    emptyIllustration
+                  }
+                ) }),
+                /* @__PURE__ */ jsx17(
+                  IssueManagerBottomBar,
+                  {
+                    controller,
+                    isNarrowLayout: shellView.isNarrowLayout,
+                    selectedIssue,
+                    visible: shellView.content.showBottomBar
+                  }
+                )
+              ] }),
+              taskDrawerTask ? /* @__PURE__ */ jsx17(
+                IssueManagerTaskDrawer,
+                {
+                  controller,
+                  isClosing: isTaskDrawerClosing,
+                  renderLatestRunStatus,
+                  selectedIssue,
+                  selectedTask: taskDrawerTask,
+                  onClose: handleCloseTaskDrawer,
+                  shouldIgnoreBackdropClick: shouldIgnoreTaskDrawerBackdropClick
+                }
+              ) : null,
+              isTaskDrawerCloseBlockerVisible ? /* @__PURE__ */ jsx17(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute inset-0 z-20 bg-transparent",
+                  onClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                  },
+                  onDoubleClick: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                  },
+                  onPointerDown: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                  },
+                  onPointerUp: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                  }
+                }
+              ) : null
+            ]
+          }
+        )
       ]
     }
   );
@@ -4944,6 +5408,7 @@ function IssueManagerTopicDialog({
 // src/ui/IssueManagerNode.tsx
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function IssueManagerNode({
+  diagnostics,
   emptyIllustration,
   feature,
   nodeId,
@@ -4951,30 +5416,53 @@ function IssueManagerNode({
   openRequest,
   onStateChange,
   renderLatestRunStatus,
-  resolveRichTextAtProviders,
+  resolveRichTextTriggerProviders,
   service,
   state,
   workspaceId
 }) {
   const { controller, referencePicker, selectedIssue, selectedTask, shell } = useIssueManagerNodeView({
+    diagnostics,
     feature,
     nodeId,
     openSource,
     onStateChange,
-    resolveRichTextAtProviders,
+    resolveRichTextTriggerProviders,
     service,
     state,
     workspaceId
   });
-  const lastHandledOpenRequestIdRef = useRef5(null);
+  const lastHandledOpenRequestIdRef = useRef7(null);
   useEffect9(() => {
     if (!openRequest?.requestId) {
       return;
     }
     if (lastHandledOpenRequestIdRef.current === openRequest.requestId) {
+      logIssueManagerDiagnostic(
+        controller.diagnostics,
+        "open_request.skipped_duplicate",
+        {
+          issueId: openRequest.issueId,
+          requestId: openRequest.requestId,
+          taskId: openRequest.taskId?.trim() || null,
+          topicId: openRequest.topicId?.trim() || null
+        }
+      );
       return;
     }
     lastHandledOpenRequestIdRef.current = openRequest.requestId;
+    logIssueManagerDiagnostic(
+      controller.diagnostics,
+      "open_request.consumed",
+      {
+        issueId: openRequest.issueId,
+        mode: openRequest.mode ?? null,
+        requestId: openRequest.requestId,
+        taskId: openRequest.taskId?.trim() || null,
+        topicId: openRequest.topicId?.trim() || null
+      },
+      { includeStack: true }
+    );
     if (openRequest.topicId?.trim()) {
       controller.selectTopic(openRequest.topicId);
     }
@@ -5165,4 +5653,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-XC4FNAHC.js.map
+//# sourceMappingURL=chunk-JOEMRSA4.js.map