@tutti-os/workspace-issue-manager 0.0.20 → 0.0.22

package/dist/{chunk-GEH4QNB6.js → chunk-DYOOXQA7.js}

@@ -24,7 +24,7 @@ import {
   resolveIssueManagerTopicDeleteErrorMessage,
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput
-} from "./chunk-PBN62U6U.js";
+} from "./chunk-SKXBZIGI.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   appendIssueManagerWorkspaceReferenceMentionsToContent,
@@ -36,7 +36,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-7VN33U2R.js";
+} from "./chunk-ETRH7S2A.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -870,6 +870,47 @@ function issueManagerAnalyticsRefType(kind) {
 }
 
 // src/services/internal/controllerActions.ts
+function resolveIssueManagerTaskStatusBucket(status) {
+  return status === "in_progress" ? "running" : status;
+}
+function resolveIssueManagerMovedTaskOrder(input) {
+  const normalizedTaskId = input.taskId.trim();
+  const targetStatus = resolveIssueManagerTaskStatusBucket(input.targetStatus);
+  const sourceTask = input.tasks.find(
+    (task) => task.taskId === normalizedTaskId
+  );
+  if (!sourceTask || !targetStatus) {
+    return null;
+  }
+  const tasksWithoutMoved = input.tasks.filter(
+    (task) => task.taskId !== normalizedTaskId
+  );
+  const targetTasks = tasksWithoutMoved.filter(
+    (task) => resolveIssueManagerTaskStatusBucket(task.status) === targetStatus
+  );
+  const targetIndex = Math.min(
+    Math.max(0, Math.trunc(input.targetIndex)),
+    targetTasks.length
+  );
+  const targetTaskAtIndex = targetTasks[targetIndex];
+  const previousTargetTask = targetTasks[targetIndex - 1];
+  const sourceStatus = resolveIssueManagerTaskStatusBucket(sourceTask.status) === targetStatus ? sourceTask.status : input.targetStatus;
+  const nextTask = {
+    ...sourceTask,
+    status: sourceStatus
+  };
+  const insertIndex = targetTaskAtIndex ? tasksWithoutMoved.findIndex(
+    (task) => task.taskId === targetTaskAtIndex.taskId
+  ) : previousTargetTask ? tasksWithoutMoved.findIndex(
+    (task) => task.taskId === previousTargetTask.taskId
+  ) + 1 : tasksWithoutMoved.length;
+  const normalizedInsertIndex = insertIndex < 0 ? tasksWithoutMoved.length : insertIndex;
+  return [
+    ...tasksWithoutMoved.slice(0, normalizedInsertIndex),
+    nextTask,
+    ...tasksWithoutMoved.slice(normalizedInsertIndex)
+  ];
+}
 function createIssueManagerControllerActions(input) {
   const {
     copy,
@@ -1091,6 +1132,75 @@ function createIssueManagerControllerActions(input) {
         createIssueManagerOpenReferencePickerOutcome(insertPlan.target)
       );
     },
+    async moveTask(move) {
+      const selectedIssueId = nodeState.selectedIssueId;
+      const normalizedTaskId = move.taskId.trim();
+      const allTasks = issueDetail.value?.tasks ?? [];
+      const visibleTaskIds = new Set(
+        move.visibleTaskIds?.map((taskId) => taskId.trim()).filter((taskId) => taskId.length > 0)
+      );
+      const currentTasks = visibleTaskIds.size > 0 ? allTasks.filter((task) => visibleTaskIds.has(task.taskId)) : allTasks;
+      if (!selectedIssueId || !normalizedTaskId || currentTasks.length === 0) {
+        return;
+      }
+      const nextTasks = resolveIssueManagerMovedTaskOrder({
+        targetIndex: move.targetIndex,
+        targetStatus: move.targetStatus,
+        taskId: normalizedTaskId,
+        tasks: currentTasks
+      });
+      if (!nextTasks) {
+        return;
+      }
+      const nextVisibleTasks = [...nextTasks];
+      const orderedTasks = visibleTaskIds.size > 0 ? allTasks.map(
+        (task) => visibleTaskIds.has(task.taskId) ? nextVisibleTasks.shift() ?? task : task
+      ) : nextTasks;
+      const previousById = new Map(
+        allTasks.map((task, index) => [
+          task.taskId,
+          {
+            sortIndex: task.sortIndex ?? index + 1,
+            status: task.status
+          }
+        ])
+      );
+      const updates = orderedTasks.map((task, index) => {
+        const previous = previousById.get(task.taskId);
+        const sortIndex = index + 1;
+        if (previous && previous.sortIndex === sortIndex && previous.status === task.status) {
+          return null;
+        }
+        return {
+          sortIndex,
+          status: task.status,
+          taskId: task.taskId
+        };
+      }).filter(
+        (update) => update !== null
+      );
+      if (updates.length === 0) {
+        return;
+      }
+      try {
+        await Promise.all(
+          updates.map(
+            (update) => feature.backend.updateTask({
+              issueId: selectedIssueId,
+              sortIndex: update.sortIndex,
+              status: update.status,
+              taskId: update.taskId,
+              workspaceId
+            })
+          )
+        );
+        applyOutcome({
+          refreshAll: true
+        });
+      } catch (error) {
+        notifyError(error, "messages.taskSaveFailed");
+      }
+    },
     async uploadReferences(parentKind, mode) {
       const fileAdapter = feature.fileAdapter;
       if (!canIssueManagerUploadReferences(fileAdapter)) {
@@ -2164,10 +2274,10 @@ import {
 
 // src/ui/IssueManagerNode.tsx
 import {
-  useEffect as useEffect9,
-  useRef as useRef7
+  useEffect as useEffect10,
+  useRef as useRef8
 } from "react";
-import { Button as Button13, PanelIcon, cn as cn11 } from "@tutti-os/ui-system";
+import { Button as Button13, PanelIcon, cn as cn12 } from "@tutti-os/ui-system";
 import {
   ReferenceSourcePicker,
   WorkspaceFileReferencePicker
@@ -2175,14 +2285,14 @@ import {
 
 // src/ui/internal/shell/IssueManagerShell.tsx
 import {
-  useEffect as useEffect7,
-  useRef as useRef6,
-  useState as useState8
+  useEffect as useEffect8,
+  useRef as useRef7,
+  useState as useState10
 } from "react";
-import { Button as Button11, FileCreateIcon as FileCreateIcon4, cn as cn9 } from "@tutti-os/ui-system";
+import { Button as Button11, FileCreateIcon as FileCreateIcon4, cn as cn10 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
-import { useState as useState5 } from "react";
+import { useState as useState7 } from "react";
 import {
   Badge as Badge2,
   Button as Button5,
@@ -2210,15 +2320,15 @@ function issueManagerStatusBadgeVariant(status) {
 }
 
 // src/ui/internal/issue/IssueManagerIssueSections.tsx
+import { useState as useState4 } from "react";
 import {
   AgentSessionsIcon,
-  ArrowRightIcon,
   Badge,
   Button as Button2,
   FileCreateIcon as FileCreateIcon2,
   FileIcon,
   ScrollArea,
-  cn
+  cn as cn2
 } from "@tutti-os/ui-system";
 
 // src/ui/internal/content/IssueManagerTitleTooltip.tsx
@@ -2312,8 +2422,588 @@ function IssueManagerTaskDrawerLoadingState() {
   ] });
 }
 
-// src/ui/internal/issue/IssueManagerIssueSections.tsx
+// src/ui/internal/issue/IssueManagerSubtaskBoard.tsx
+import {
+  useEffect as useEffect4,
+  useLayoutEffect,
+  useRef,
+  useState as useState3
+} from "react";
+import { cn } from "@tutti-os/ui-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var issueManagerSubtaskBoardStatuses = [
+  "not_started",
+  "running",
+  "pending_acceptance",
+  "completed",
+  "failed",
+  "canceled"
+];
+var issueManagerTaskStatusDragDataType = "application/x-tutti-issue-manager-task-status-drag";
+var issueManagerBoardLayoutItemAttribute = "data-issue-manager-board-layout-item";
+var issueManagerBoardLayoutAnimationDurationMs = 180;
+var issueManagerBoardLayoutAnimationEasing = "cubic-bezier(0.22,1,0.36,1)";
+var issueManagerSubtaskDragShadow = "var(--shadow-soft)";
+var issueManagerSubtaskDragShadowClassName = "shadow-[var(--shadow-soft)]";
+var issueManagerBoardLayoutAnimations = /* @__PURE__ */ new WeakMap();
+var issueManagerBoardLayoutInitialScrollSnapshot = {
+  left: 0,
+  top: 0
+};
+var issueManagerBoardStatusSet = {
+  canceled: true,
+  completed: true,
+  failed: true,
+  not_started: true,
+  pending_acceptance: true,
+  running: true
+};
+function resolveIssueManagerSubtaskBoardStatus(status) {
+  return status === "in_progress" ? "running" : status in issueManagerBoardStatusSet ? status : "not_started";
+}
+function isIssueManagerTaskBoardStatus(status) {
+  return status in issueManagerBoardStatusSet;
+}
+function canIssueManagerCrossColumnDropTaskStatus(input) {
+  if (input.sourceStatus === "pending_acceptance") {
+    return input.targetStatus === "not_started" || input.targetStatus === "completed";
+  }
+  if (input.sourceStatus === "completed") {
+    return input.targetStatus === "not_started" || input.targetStatus === "pending_acceptance";
+  }
+  return false;
+}
+function canIssueManagerDropTaskStatus(input) {
+  if (input.sourceStatus === input.targetStatus) {
+    return true;
+  }
+  return canIssueManagerCrossColumnDropTaskStatus(input);
+}
+function groupIssueManagerSubtasksByStatus(tasks, optimisticDrop = null) {
+  const groups = {
+    canceled: [],
+    completed: [],
+    failed: [],
+    not_started: [],
+    pending_acceptance: [],
+    running: []
+  };
+  let optimisticTask = null;
+  for (const task of tasks) {
+    if (optimisticDrop?.taskId === task.taskId) {
+      optimisticTask = {
+        ...task,
+        status: optimisticDrop.status
+      };
+      continue;
+    }
+    groups[resolveIssueManagerSubtaskBoardStatus(task.status)].push(task);
+  }
+  if (optimisticTask && optimisticDrop) {
+    const targetGroup = groups[optimisticDrop.status];
+    targetGroup.splice(
+      Math.min(Math.max(0, optimisticDrop.index), targetGroup.length),
+      0,
+      optimisticTask
+    );
+  }
+  return groups;
+}
+function isIssueManagerOptimisticDropSettled(tasks, optimisticDrop) {
+  const optimisticTask = tasks.find(
+    (task) => task.taskId === optimisticDrop.taskId
+  );
+  if (!optimisticTask) {
+    return true;
+  }
+  if (resolveIssueManagerSubtaskBoardStatus(optimisticTask.status) !== optimisticDrop.status) {
+    return false;
+  }
+  const targetGroup = tasks.filter(
+    (task) => resolveIssueManagerSubtaskBoardStatus(task.status) === optimisticDrop.status
+  );
+  const taskIndex = targetGroup.findIndex(
+    (task) => task.taskId === optimisticDrop.taskId
+  );
+  if (taskIndex < 0) {
+    return false;
+  }
+  const targetIndex = Math.min(
+    Math.max(0, optimisticDrop.index),
+    Math.max(0, targetGroup.length - 1)
+  );
+  return taskIndex === targetIndex;
+}
+function readIssueManagerTaskStatusDragData(dataTransfer) {
+  try {
+    const raw = dataTransfer.getData(issueManagerTaskStatusDragDataType);
+    const payload = JSON.parse(raw);
+    const taskId = typeof payload.taskId === "string" ? payload.taskId.trim() : "";
+    const sourceStatus = payload.sourceStatus ?? "";
+    if (!taskId || !isIssueManagerTaskBoardStatus(sourceStatus)) {
+      return null;
+    }
+    return {
+      sourceStatus,
+      taskId
+    };
+  } catch {
+    return null;
+  }
+}
+function writeIssueManagerTaskStatusDragData(event, task, sourceStatus) {
+  event.dataTransfer.effectAllowed = "move";
+  event.dataTransfer.setData(
+    issueManagerTaskStatusDragDataType,
+    JSON.stringify({ sourceStatus, taskId: task.taskId })
+  );
+  event.dataTransfer.setData("text/plain", task.taskId);
+}
+function setIssueManagerTaskDragImage(event) {
+  const source = event.currentTarget;
+  const rect = source.getBoundingClientRect();
+  const clone = source.cloneNode(true);
+  clone.style.position = "fixed";
+  clone.style.pointerEvents = "none";
+  clone.style.top = "-10000px";
+  clone.style.left = "-10000px";
+  clone.style.width = `${rect.width}px`;
+  clone.style.borderRadius = "8px";
+  clone.style.boxShadow = issueManagerSubtaskDragShadow;
+  clone.style.background = "var(--background-fronted)";
+  clone.style.opacity = "1";
+  document.body.append(clone);
+  event.dataTransfer.setDragImage(
+    clone,
+    Math.max(0, event.clientX - rect.left),
+    Math.max(0, event.clientY - rect.top)
+  );
+  window.setTimeout(() => clone.remove(), 0);
+  return rect.height;
+}
+function resolveIssueManagerDropPreviewIndex(input) {
+  const cards = Array.from(
+    input.event.currentTarget.querySelectorAll(
+      "[data-issue-manager-board-card]"
+    )
+  ).filter(
+    (card) => card.dataset.issueManagerBoardCardTaskId !== input.draggingTaskId
+  );
+  for (const [index, card] of cards.entries()) {
+    const rect = card.getBoundingClientRect();
+    if (input.event.clientY < rect.top + rect.height / 2) {
+      return index;
+    }
+  }
+  return cards.length;
+}
+function orderIssueManagerTasksForSameColumnDropPreview(input) {
+  if (!input.dragState || input.dragState.sourceStatus !== input.status || input.dropPreview?.status !== input.status) {
+    return input.tasks;
+  }
+  const sourceTaskIndex = input.tasks.findIndex(
+    (task) => task.taskId === input.dragState?.taskId
+  );
+  if (sourceTaskIndex < 0) {
+    return input.tasks;
+  }
+  const movingTask = input.tasks[sourceTaskIndex];
+  if (!movingTask) {
+    return input.tasks;
+  }
+  const nextTasks = input.tasks.filter((_, index) => index !== sourceTaskIndex);
+  const targetIndex = Math.min(
+    Math.max(0, input.dropPreview.index),
+    nextTasks.length
+  );
+  if (targetIndex === sourceTaskIndex) {
+    return input.tasks;
+  }
+  nextTasks.splice(targetIndex, 0, movingTask);
+  return nextTasks;
+}
+function isLeavingIssueManagerBoardColumn(event) {
+  const relatedTarget = event.relatedTarget;
+  if (relatedTarget instanceof Node && event.currentTarget.contains(relatedTarget)) {
+    return false;
+  }
+  const rect = event.currentTarget.getBoundingClientRect();
+  return !(event.clientX >= rect.left && event.clientX <= rect.right && event.clientY >= rect.top && event.clientY <= rect.bottom);
+}
+function prefersReducedIssueManagerBoardMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function readIssueManagerBoardScrollSnapshot(board) {
+  const scrollContainer = board.parentElement;
+  return {
+    left: scrollContainer?.scrollLeft ?? 0,
+    top: scrollContainer?.scrollTop ?? 0
+  };
+}
+function useIssueManagerBoardLayoutAnimation() {
+  const boardRef = useRef(null);
+  const previousRectsRef = useRef(/* @__PURE__ */ new Map());
+  const previousScrollSnapshotRef = useRef(
+    issueManagerBoardLayoutInitialScrollSnapshot
+  );
+  useLayoutEffect(() => {
+    const board = boardRef.current;
+    if (!board) {
+      return;
+    }
+    const elements = Array.from(
+      board.querySelectorAll(
+        `[${issueManagerBoardLayoutItemAttribute}]`
+      )
+    );
+    const nextRects = /* @__PURE__ */ new Map();
+    const nextScrollSnapshot = readIssueManagerBoardScrollSnapshot(board);
+    const previousScrollSnapshot = previousScrollSnapshotRef.current;
+    const didScrollSinceLastLayout = previousScrollSnapshot.left !== nextScrollSnapshot.left || previousScrollSnapshot.top !== nextScrollSnapshot.top;
+    const shouldAnimate = !didScrollSinceLastLayout && !prefersReducedIssueManagerBoardMotion();
+    const activeVisualTopByKey = /* @__PURE__ */ new Map();
+    for (const element of elements) {
+      const key = element.getAttribute(issueManagerBoardLayoutItemAttribute);
+      const animation = issueManagerBoardLayoutAnimations.get(element);
+      if (!key || !animation) {
+        continue;
+      }
+      activeVisualTopByKey.set(key, element.getBoundingClientRect().top);
+      animation.cancel();
+      issueManagerBoardLayoutAnimations.delete(element);
+    }
+    for (const element of elements) {
+      const key = element.getAttribute(issueManagerBoardLayoutItemAttribute);
+      if (!key) {
+        continue;
+      }
+      const rect = element.getBoundingClientRect();
+      nextRects.set(key, rect);
+      const previousRect = previousRectsRef.current.get(key);
+      if (!shouldAnimate || !previousRect) {
+        continue;
+      }
+      const deltaY = (activeVisualTopByKey.get(key) ?? previousRect.top) - rect.top;
+      if (Math.abs(deltaY) < 0.5) {
+        continue;
+      }
+      const animation = element.animate(
+        [
+          { transform: `translate3d(0, ${deltaY}px, 0)` },
+          { transform: "translate3d(0, 0, 0)" }
+        ],
+        {
+          duration: issueManagerBoardLayoutAnimationDurationMs,
+          easing: issueManagerBoardLayoutAnimationEasing
+        }
+      );
+      issueManagerBoardLayoutAnimations.set(element, animation);
+      animation.onfinish = () => {
+        if (issueManagerBoardLayoutAnimations.get(element) === animation) {
+          issueManagerBoardLayoutAnimations.delete(element);
+        }
+      };
+      animation.oncancel = animation.onfinish;
+    }
+    previousRectsRef.current = nextRects;
+    previousScrollSnapshotRef.current = nextScrollSnapshot;
+  });
+  return boardRef;
+}
+function IssueManagerSubtaskBoard({
+  copy,
+  onMoveTask,
+  onSelectTask,
+  tasks
+}) {
+  const [optimisticDrop, setOptimisticDrop] = useState3(null);
+  const groups = groupIssueManagerSubtasksByStatus(tasks, optimisticDrop);
+  const visibleTaskIds = tasks.map((task) => task.taskId);
+  const [dragState, setDragState] = useState3(null);
+  const [dropPreview, setDropPreview] = useState3(null);
+  const boardLayoutRef = useIssueManagerBoardLayoutAnimation();
+  useEffect4(() => {
+    if (!optimisticDrop) {
+      return;
+    }
+    if (isIssueManagerOptimisticDropSettled(tasks, optimisticDrop)) {
+      setOptimisticDrop(null);
+    }
+  }, [optimisticDrop, tasks]);
+  const handleTaskDragStart = (event, task, sourceStatus) => {
+    const cardHeight = setIssueManagerTaskDragImage(event);
+    writeIssueManagerTaskStatusDragData(event, task, sourceStatus);
+    setDragState({
+      cardHeight,
+      sourceStatus,
+      taskId: task.taskId
+    });
+    setOptimisticDrop(null);
+    setDropPreview(null);
+  };
+  const handleTaskDragEnd = () => {
+    setDragState(null);
+    setDropPreview(null);
+  };
+  return /* @__PURE__ */ jsx3("div", { className: "min-w-0 overflow-x-auto pb-1 [scrollbar-width:thin]", children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: "grid min-w-[1560px] grid-cols-6 gap-3",
+      ref: boardLayoutRef,
+      children: issueManagerSubtaskBoardStatuses.map((status) => /* @__PURE__ */ jsx3(
+        IssueManagerSubtaskBoardColumn,
+        {
+          copy,
+          status,
+          tasks: groups[status],
+          visibleTaskIds,
+          dragState,
+          dropPreview,
+          onDropPreviewChange: setDropPreview,
+          onOptimisticDropChange: setOptimisticDrop,
+          onMoveTask,
+          onSelectTask,
+          onTaskDragEnd: handleTaskDragEnd,
+          onTaskDragStart: handleTaskDragStart
+        },
+        status
+      ))
+    }
+  ) });
+}
+function IssueManagerSubtaskBoardColumn({
+  copy,
+  dragState,
+  dropPreview,
+  onMoveTask,
+  onDropPreviewChange,
+  onOptimisticDropChange,
+  onSelectTask,
+  onTaskDragEnd,
+  onTaskDragStart,
+  status,
+  tasks,
+  visibleTaskIds
+}) {
+  const canAcceptTaskDrop = Boolean(dragState) && canIssueManagerDropTaskStatus({
+    sourceStatus: dragState?.sourceStatus ?? "completed",
+    targetStatus: status
+  });
+  const handleDragOver = (event) => {
+    if (!canAcceptTaskDrop) {
+      return;
+    }
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "move";
+    const nextPreview = {
+      index: resolveIssueManagerDropPreviewIndex({
+        draggingTaskId: dragState?.taskId ?? null,
+        event
+      }),
+      status
+    };
+    if (dropPreview?.index !== nextPreview.index || dropPreview?.status !== nextPreview.status) {
+      onDropPreviewChange(nextPreview);
+    }
+  };
+  const handleDragLeave = (event) => {
+    if (dropPreview?.status === status && isLeavingIssueManagerBoardColumn(event)) {
+      onDropPreviewChange(null);
+    }
+  };
+  const handleDrop = (event) => {
+    const payload = readIssueManagerTaskStatusDragData(event.dataTransfer);
+    const taskId = payload?.taskId ?? dragState?.taskId;
+    const sourceStatus = payload?.sourceStatus ?? dragState?.sourceStatus;
+    if (!taskId || !sourceStatus || !canIssueManagerDropTaskStatus({
+      sourceStatus,
+      targetStatus: status
+    })) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const targetIndex = dropPreview?.status === status ? dropPreview.index : resolveIssueManagerDropPreviewIndex({
+      draggingTaskId: taskId,
+      event
+    });
+    onOptimisticDropChange({
+      index: targetIndex,
+      status,
+      taskId
+    });
+    onDropPreviewChange(null);
+    void onMoveTask({
+      targetIndex,
+      targetStatus: status,
+      taskId,
+      visibleTaskIds
+    }).catch(() => {
+      onOptimisticDropChange(null);
+    });
+  };
+  const renderTasks = orderIssueManagerTasksForSameColumnDropPreview({
+    dragState,
+    dropPreview,
+    status,
+    tasks
+  });
+  const isSameColumnDropPreview = Boolean(dragState) && dragState?.sourceStatus === status && dropPreview?.status === status && tasks.some((task) => task.taskId === dragState?.taskId);
+  const activeDropPreviewDragState = dropPreview?.status === status && dragState && !isSameColumnDropPreview ? dragState : null;
+  const renderDropPreview = (renderIndex) => {
+    if (!activeDropPreviewDragState || dropPreview?.index !== renderIndex) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx3(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "rounded-[8px] border border-dashed motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-[0.98] motion-safe:duration-[160ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none",
+          resolveIssueManagerBoardPlaceholderClassName(status)
+        ),
+        "data-issue-manager-board-layout-item": `preview:${status}`,
+        "data-task-status-drop-preview": true,
+        style: {
+          height: `${Math.max(
+            64,
+            Math.min(activeDropPreviewDragState.cardHeight, 160)
+          )}px`
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "min-h-[220px] rounded-lg border px-2.5 py-2.5",
+        canAcceptTaskDrop && "transition-shadow duration-[180ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",
+        resolveIssueManagerBoardColumnClassName(status)
+      ),
+      "data-task-status-drop-target": canAcceptTaskDrop || void 0,
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx3(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "size-2 rounded-full",
+                  resolveIssueManagerBoardDotClassName(status)
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx3("span", { className: "truncate text-[12px] font-semibold text-[var(--text-primary)]", children: resolveIssueManagerStatusLabel(copy, status) })
+          ] }),
+          /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-[12px] font-semibold text-[var(--text-secondary)]", children: tasks.length })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "grid gap-2", children: [
+          renderDropPreview(0),
+          renderTasks.map((task, index) => {
+            const dragStatus = resolveIssueManagerSubtaskBoardStatus(task.status);
+            const isDraggingTask = dragState?.taskId === task.taskId;
+            return /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                className: "grid gap-2",
+                "data-issue-manager-board-layout-item": `task:${status}:${task.taskId}`,
+                children: [
+                  /* @__PURE__ */ jsxs3(
+                    "button",
+                    {
+                      className: cn(
+                        "rounded-[8px] bg-[var(--background-fronted)] px-3 py-2.5 text-left transition-shadow duration-150 motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25",
+                        "cursor-grab active:cursor-grabbing",
+                        isDraggingTask && issueManagerSubtaskDragShadowClassName
+                      ),
+                      "data-issue-manager-board-card": true,
+                      "data-issue-manager-board-card-task-id": task.taskId,
+                      draggable: true,
+                      type: "button",
+                      onClick: (event) => onSelectTask(event, task, "detail_subtasks_board"),
+                      onDragEnd: onTaskDragEnd,
+                      onDragStart: (event) => {
+                        if (!dragStatus) {
+                          event.preventDefault();
+                          return;
+                        }
+                        onTaskDragStart(event, task, dragStatus);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx3(IssueManagerTitleTooltip, { title: task.title, children: /* @__PURE__ */ jsx3("span", { className: "line-clamp-2 text-[13px] font-semibold leading-[1.35] text-[var(--text-primary)] [overflow-wrap:anywhere]", children: task.title }) }),
+                        /* @__PURE__ */ jsx3("p", { className: "mt-2 line-clamp-3 text-[11px] font-normal leading-[1.5] text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: summarizeIssueManagerContent(
+                          task.content,
+                          copy.t("messages.taskContentEmpty")
+                        ) }),
+                        /* @__PURE__ */ jsx3("span", { className: "mt-2 block text-[11px] font-normal text-[var(--text-tertiary)]", children: formatIssueManagerTimestamp(
+                          task.createdAtUnix ?? task.updatedAtUnix
+                        ) || "" })
+                      ]
+                    }
+                  ),
+                  renderDropPreview(index + 1)
+                ]
+              },
+              task.taskId
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+function resolveIssueManagerBoardPlaceholderClassName(status) {
+  switch (status) {
+    case "pending_acceptance":
+      return "border-[color-mix(in_srgb,var(--tutti-purple)_24%,transparent)] bg-[color-mix(in_srgb,var(--tutti-purple)_18%,transparent)]";
+    case "completed":
+      return "border-[color-mix(in_srgb,var(--state-success)_24%,transparent)] bg-[color-mix(in_srgb,var(--state-success)_18%,transparent)]";
+    case "not_started":
+      return "border-[color-mix(in_srgb,var(--text-secondary)_20%,transparent)] bg-[color-mix(in_srgb,var(--text-secondary)_12%,transparent)]";
+    default:
+      return "border-[color-mix(in_srgb,var(--text-secondary)_18%,transparent)] bg-[color-mix(in_srgb,var(--text-secondary)_10%,transparent)]";
+  }
+}
+function resolveIssueManagerBoardColumnClassName(status) {
+  switch (status) {
+    case "running":
+      return "border-[color-mix(in_srgb,var(--status-running)_12%,transparent)] bg-[color-mix(in_srgb,var(--status-running)_8%,transparent)]";
+    case "pending_acceptance":
+      return "border-[color-mix(in_srgb,var(--tutti-purple)_12%,transparent)] bg-[color-mix(in_srgb,var(--tutti-purple)_8%,transparent)]";
+    case "completed":
+      return "border-[color-mix(in_srgb,var(--state-success)_12%,transparent)] bg-[color-mix(in_srgb,var(--state-success)_8%,transparent)]";
+    case "failed":
+      return "border-[color-mix(in_srgb,var(--state-danger)_12%,transparent)] bg-[color-mix(in_srgb,var(--state-danger)_8%,transparent)]";
+    case "canceled":
+      return "border-[color-mix(in_srgb,var(--text-secondary)_12%,transparent)] bg-[color-mix(in_srgb,var(--text-secondary)_8%,transparent)]";
+    default:
+      return "border-[color-mix(in_srgb,var(--text-secondary)_12%,transparent)] bg-[color-mix(in_srgb,var(--text-secondary)_8%,transparent)]";
+  }
+}
+function resolveIssueManagerBoardDotClassName(status) {
+  switch (status) {
+    case "running":
+      return "bg-[var(--status-running)]";
+    case "pending_acceptance":
+      return "bg-[var(--tutti-purple)]";
+    case "completed":
+      return "bg-[var(--state-success)]";
+    case "failed":
+      return "bg-[var(--state-danger)]";
+    case "canceled":
+      return "bg-[var(--text-tertiary)]";
+    default:
+      return "bg-[var(--text-secondary)]";
+  }
+}
+
+// src/ui/internal/issue/IssueManagerIssueSections.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function IssueManagerDetailTextSection({
   body,
   isPlaceholder = false,
@@ -2323,21 +3013,21 @@ function IssueManagerDetailTextSection({
 }) {
   const bodyText = stripIssueManagerDescriptionTerminalPunctuation(body);
   const metaText = meta ? stripIssueManagerDescriptionTerminalPunctuation(meta) : null;
-  const bodyClassName = cn(
+  const bodyClassName = cn2(
     "max-w-full whitespace-normal break-words text-[13px] leading-5 [overflow-wrap:anywhere]",
     isPlaceholder ? "font-normal text-[var(--text-secondary)]" : tone === "destructive" ? "font-semibold text-[var(--state-danger)]" : "font-semibold text-[var(--text-primary)]"
   );
   if (isPlaceholder) {
-    return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-      /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: label }),
-      /* @__PURE__ */ jsx3("p", { className: bodyClassName, children: bodyText })
+    return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+      /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: label }),
+      /* @__PURE__ */ jsx4("p", { className: bodyClassName, children: bodyText })
     ] });
   }
-  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: label }),
-    /* @__PURE__ */ jsxs3("div", { className: "min-w-0 rounded-[12px] border border-[var(--line-2)] px-4 py-3", children: [
-      /* @__PURE__ */ jsx3("p", { className: bodyClassName, children: bodyText }),
-      metaText ? /* @__PURE__ */ jsx3("p", { className: "mt-1 truncate text-[11px] font-normal text-[var(--text-secondary)]", children: metaText }) : null
+  return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: label }),
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0 rounded-[12px] border border-[var(--line-2)] px-4 py-3", children: [
+      /* @__PURE__ */ jsx4("p", { className: bodyClassName, children: bodyText }),
+      metaText ? /* @__PURE__ */ jsx4("p", { className: "mt-1 truncate text-[11px] font-normal text-[var(--text-secondary)]", children: metaText }) : null
     ] })
   ] });
 }
@@ -2349,7 +3039,7 @@ function IssueManagerLatestRunStatusSection({
   title
 }) {
   if (!latestRun) {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       IssueManagerDetailTextSection,
       {
         body: copy.t("messages.noExecutionStatus"),
@@ -2374,50 +3064,50 @@ function IssueManagerLatestRunStatusSection({
     onOpenAgentSession
   }) : null;
   if (renderedLatestRunStatus !== null && renderedLatestRunStatus !== void 0) {
-    return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-      /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.latestRunStatus") }),
+    return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+      /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.latestRunStatus") }),
       renderedLatestRunStatus
     ] });
   }
   const primaryText = agentSessionId || summary || latestRun.runId || statusLabel;
-  const content = /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-start gap-3", children: [
-    /* @__PURE__ */ jsx3(
+  const content = /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-start gap-3", children: [
+    /* @__PURE__ */ jsx4(
       "span",
       {
         "aria-hidden": "true",
-        className: cn(
+        className: cn2(
           "mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-[var(--line-2)]",
           canOpenAgentSession ? "bg-transparency-actived text-primary" : "bg-transparent text-[var(--text-secondary)]"
         ),
-        children: /* @__PURE__ */ jsx3(AgentSessionsIcon, { size: 16 })
+        children: /* @__PURE__ */ jsx4(AgentSessionsIcon, { size: 16 })
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx4(
           "p",
           {
-            className: cn(
+            className: cn2(
               "min-w-0 flex-1 text-[13px] font-semibold leading-5 text-[var(--text-primary)] [overflow-wrap:anywhere]",
               agentSessionId ? "font-mono" : ""
             ),
             children: primaryText
           }
         ),
-        /* @__PURE__ */ jsx3(Badge, { variant: issueManagerStatusBadgeVariant(latestRun.status), children: statusLabel })
+        /* @__PURE__ */ jsx4(Badge, { variant: issueManagerStatusBadgeVariant(latestRun.status), children: statusLabel })
       ] }),
-      summary && agentSessionId ? /* @__PURE__ */ jsx3("p", { className: "mt-1 text-[11px] font-normal leading-5 text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: summary }) : null,
-      timestamp ? /* @__PURE__ */ jsx3("p", { className: "mt-1 truncate text-[11px] font-normal text-[var(--text-secondary)]", children: timestamp }) : null,
-      errorMessage ? /* @__PURE__ */ jsx3("p", { className: "mt-2 text-[11px] font-medium leading-5 text-[var(--state-danger)] [overflow-wrap:anywhere]", children: errorMessage }) : null
+      summary && agentSessionId ? /* @__PURE__ */ jsx4("p", { className: "mt-1 text-[11px] font-normal leading-5 text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: summary }) : null,
+      timestamp ? /* @__PURE__ */ jsx4("p", { className: "mt-1 truncate text-[11px] font-normal text-[var(--text-secondary)]", children: timestamp }) : null,
+      errorMessage ? /* @__PURE__ */ jsx4("p", { className: "mt-2 text-[11px] font-medium leading-5 text-[var(--state-danger)] [overflow-wrap:anywhere]", children: errorMessage }) : null
     ] })
   ] });
-  const cardClassName = cn(
+  const cardClassName = cn2(
     "min-w-0 rounded-[12px] border border-[var(--line-2)] px-4 py-3",
     canOpenAgentSession ? "w-full bg-transparent text-left transition-colors hover:bg-transparency-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset" : "bg-transparent"
   );
-  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.latestRunStatus") }),
-    canOpenAgentSession ? /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.latestRunStatus") }),
+    canOpenAgentSession ? /* @__PURE__ */ jsx4(
       "button",
       {
         "aria-label": copy.t("actions.openAgentSession"),
@@ -2429,7 +3119,7 @@ function IssueManagerLatestRunStatusSection({
         },
         children: content
       }
-    ) : /* @__PURE__ */ jsx3("div", { className: cardClassName, children: content })
+    ) : /* @__PURE__ */ jsx4("div", { className: cardClassName, children: content })
   ] });
 }
 function IssueManagerOutputSection({
@@ -2437,9 +3127,9 @@ function IssueManagerOutputSection({
   onOpen,
   outputs
 }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.executionOutputs") }),
-    outputs.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-[13px] font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx3("div", { className: "overflow-hidden rounded-[12px] border border-[var(--line-2)] bg-transparent", children: outputs.map((output) => /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.executionOutputs") }),
+    outputs.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-[13px] font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx4("div", { className: "overflow-hidden rounded-[12px] border border-[var(--line-2)] bg-transparent", children: outputs.map((output) => /* @__PURE__ */ jsxs4(
       "button",
       {
         "aria-label": copy.t("actions.openReference"),
@@ -2454,27 +3144,21 @@ function IssueManagerOutputSection({
           });
         },
         children: [
-          /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs4("span", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            /* @__PURE__ */ jsx4(
               "span",
               {
                 "aria-hidden": "true",
-                className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-[var(--line-2)] bg-transparency-actived text-primary",
-                children: /* @__PURE__ */ jsx3(FileIcon, { size: 16 })
+                className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md bg-[color-mix(in_srgb,var(--folder)_12%,transparent)] text-[var(--folder)]",
+                children: /* @__PURE__ */ jsx4(FileIcon, { size: 16 })
               }
             ),
-            /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx3("span", { className: "block truncate text-[13px] font-semibold text-[var(--text-primary)]", children: output.displayName }),
-              /* @__PURE__ */ jsx3("span", { className: "mt-1 block truncate text-[11px] font-normal text-[var(--text-secondary)]", children: output.path })
+            /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx4("span", { className: "block truncate text-[13px] font-semibold text-[var(--text-primary)]", children: output.displayName }),
+              /* @__PURE__ */ jsx4("span", { className: "mt-1 block truncate text-[11px] font-normal text-[var(--text-secondary)]", children: output.path })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-2", children: [
-            /* @__PURE__ */ jsx3("span", { className: "text-[11px] font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" }),
-            /* @__PURE__ */ jsxs3("span", { className: "inline-flex h-7 items-center gap-1 rounded-md border border-primary/20 bg-transparency-actived px-2 text-[11px] font-semibold text-primary", children: [
-              copy.t("actions.openReference"),
-              /* @__PURE__ */ jsx3(ArrowRightIcon, { size: 13 })
-            ] })
-          ] })
+          /* @__PURE__ */ jsx4("span", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsx4("span", { className: "text-[11px] font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" }) })
         ]
       },
       output.outputId
@@ -2485,55 +3169,148 @@ function IssueManagerSubtaskSection({
   copy,
   diagnostics,
   onCreate,
+  onMoveTask,
   onSelectTask,
   selectedTaskId,
   tasks
 }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx3("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.subtasks") }),
-      /* @__PURE__ */ jsxs3(Button2, { size: "dialog", type: "button", variant: "ghost", onClick: onCreate, children: [
-        /* @__PURE__ */ jsx3(FileCreateIcon2, { size: 14 }),
-        copy.t("actions.add")
+  const [viewMode, setViewMode] = useState4("list");
+  const handleSelectTask = (event, task, surface) => {
+    logIssueManagerDiagnostic(diagnostics, "task_row.click", {
+      clientX: event.clientX,
+      clientY: event.clientY,
+      selectedTaskId,
+      surface,
+      taskId: task.taskId,
+      taskTitle: task.title
+    });
+    onSelectTask(task.taskId);
+  };
+  return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx4("h3", { className: "text-[13px] font-semibold text-[var(--text-primary)]", children: copy.t("labels.subtasks") }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4(
+          IssueManagerSubtaskViewModeSwitch,
+          {
+            copy,
+            value: viewMode,
+            onChange: setViewMode
+          }
+        ),
+        /* @__PURE__ */ jsxs4(
+          Button2,
+          {
+            size: "dialog",
+            type: "button",
+            variant: "ghost",
+            onClick: onCreate,
+            children: [
+              /* @__PURE__ */ jsx4(FileCreateIcon2, { size: 14 }),
+              copy.t("actions.add")
+            ]
+          }
+        )
       ] })
     ] }),
-    tasks.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-[13px] font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx3("div", { className: "overflow-hidden rounded-lg border border-[var(--line-2)] bg-transparent", children: tasks.map((task) => /* @__PURE__ */ jsxs3(
-      "button",
+    tasks.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-[13px] font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : viewMode === "board" ? /* @__PURE__ */ jsx4(
+      IssueManagerSubtaskBoard,
       {
-        className: cn(
-          "flex w-full items-start justify-between gap-4 border-b border-[var(--line-2)] px-4 py-3 text-left transition-colors last:border-b-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset",
-          selectedTaskId === task.taskId ? "bg-transparency-actived" : "bg-transparent hover:bg-transparency-hover"
+        copy,
+        tasks,
+        onMoveTask,
+        onSelectTask: handleSelectTask
+      }
+    ) : /* @__PURE__ */ jsx4(
+      IssueManagerSubtaskList,
+      {
+        copy,
+        selectedTaskId,
+        tasks,
+        onSelectTask: handleSelectTask
+      }
+    )
+  ] });
+}
+function IssueManagerSubtaskViewModeSwitch({
+  copy,
+  onChange,
+  value
+}) {
+  const modes = ["list", "board"];
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      "aria-label": copy.t("labels.subtaskViewMode"),
+      className: "relative inline-grid h-8 shrink-0 grid-cols-2 items-center rounded-md bg-[var(--transparency-block)] p-0.5",
+      role: "group",
+      children: [
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn2(
+              "absolute top-0.5 bottom-0.5 left-0.5 w-[calc((100%-4px)/2)] rounded-[5px] bg-[var(--background-fronted)] transition-transform duration-150 ease-out",
+              value === "board" && "translate-x-full"
+            )
+          }
         ),
-        type: "button",
-        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: [
-              /* @__PURE__ */ jsx3(IssueManagerTitleTooltip, { title: task.title, children: /* @__PURE__ */ jsx3("span", { className: "truncate text-[13px] font-semibold text-[var(--text-primary)]", children: task.title }) }),
-              /* @__PURE__ */ jsx3(Badge, { variant: issueManagerStatusBadgeVariant(task.status), children: resolveIssueManagerStatusLabel(copy, task.status) })
-            ] }),
-            /* @__PURE__ */ jsx3("p", { className: "mt-2 line-clamp-2 text-[11px] font-normal leading-[1.5] text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
-              task.content,
-              copy.t("messages.taskContentEmpty")
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-[11px] font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
-            task.createdAtUnix ?? task.updatedAtUnix
-          ) || "" })
-        ]
-      },
-      task.taskId
-    )) })
+        modes.map((mode) => /* @__PURE__ */ jsx4(
+          "button",
+          {
+            "aria-pressed": value === mode,
+            className: cn2(
+              "relative z-[1] inline-flex h-7 w-14 items-center justify-center rounded-[5px] px-2.5 text-[12px] font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25",
+              value === mode ? "text-[var(--text-primary)]" : "text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
+            ),
+            type: "button",
+            onClick: () => onChange(mode),
+            children: copy.t(mode === "list" ? "labels.listView" : "labels.boardView")
+          },
+          mode
+        ))
+      ]
+    }
+  );
+}
+function IssueManagerSubtaskList({
+  copy,
+  onSelectTask,
+  selectedTaskId,
+  tasks
+}) {
+  return /* @__PURE__ */ jsx4("div", { className: "overflow-hidden rounded-lg border border-[var(--line-2)] bg-transparent", children: tasks.map((task) => /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      className: cn2(
+        "flex w-full items-start justify-between gap-4 border-b border-[var(--line-2)] px-4 py-3 text-left transition-colors last:border-b-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-inset",
+        selectedTaskId === task.taskId ? "bg-transparency-actived" : "bg-transparent hover:bg-transparency-hover"
+      ),
+      type: "button",
+      onClick: (event) => onSelectTask(event, task, "detail_subtasks"),
+      children: [
+        /* @__PURE__ */ jsx4(IssueManagerSubtaskListContent, { copy, task }),
+        /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-[11px] font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
+          task.createdAtUnix ?? task.updatedAtUnix
+        ) || "" })
+      ]
+    },
+    task.taskId
+  )) });
+}
+function IssueManagerSubtaskListContent({
+  copy,
+  task
+}) {
+  return /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx4(IssueManagerTitleTooltip, { title: task.title, children: /* @__PURE__ */ jsx4("span", { className: "truncate text-[13px] font-semibold text-[var(--text-primary)]", children: task.title }) }),
+      /* @__PURE__ */ jsx4(Badge, { variant: issueManagerStatusBadgeVariant(task.status), children: resolveIssueManagerStatusLabel(copy, task.status) })
+    ] }),
+    /* @__PURE__ */ jsx4("p", { className: "mt-2 line-clamp-2 text-[11px] font-normal leading-[1.5] text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
+      task.content,
+      copy.t("messages.taskContentEmpty")
+    ) })
   ] });
 }
 
@@ -2575,10 +3352,10 @@ function resolveIssueManagerVisibleSubtasks(input) {
 }
 
 // src/ui/internal/content/IssueManagerDescriptionSection.tsx
-import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef as useRef2, useState as useState5 } from "react";
 import { RichTextReadonlyContent } from "@tutti-os/ui-rich-text/editor";
-import { cn as cn2 } from "@tutti-os/ui-system";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { cn as cn3 } from "@tutti-os/ui-system";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function IssueManagerDescriptionSection({
   content,
   emptyLabel,
@@ -2588,11 +3365,11 @@ function IssueManagerDescriptionSection({
   onOpen,
   variant = "card"
 }) {
-  const contentRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState3(false);
+  const contentRef = useRef2(null);
+  const [isOverflowing, setIsOverflowing] = useState5(false);
   const normalizedContent = normalizeIssueManagerContent(content).trim();
   const displayContent = stripIssueManagerDescriptionTerminalPunctuation(normalizedContent);
-  useEffect4(() => {
+  useEffect5(() => {
     if (variant === "plain") {
       setIsOverflowing(false);
       return;
@@ -2623,47 +3400,47 @@ function IssueManagerDescriptionSection({
     };
   }, [displayContent, variant]);
   if (variant === "plain") {
-    return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2", children: [
-      /* @__PURE__ */ jsx4("span", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: label }),
-      displayContent ? /* @__PURE__ */ jsx4("div", { className: "min-w-0 max-w-full text-[13px] font-normal leading-5 text-[var(--text-secondary)] sm:max-w-3xl", children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2", children: [
+      /* @__PURE__ */ jsx5("span", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: label }),
+      displayContent ? /* @__PURE__ */ jsx5("div", { className: "min-w-0 max-w-full text-[13px] font-normal leading-5 text-[var(--text-secondary)] sm:max-w-3xl", children: /* @__PURE__ */ jsx5(
         IssueManagerDescriptionContent,
         {
           content: displayContent,
           onMentionAction,
           onOpen
         }
-      ) }) : /* @__PURE__ */ jsx4("p", { className: "text-[13px] font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
+      ) }) : /* @__PURE__ */ jsx5("p", { className: "text-[13px] font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
     ] });
   }
-  return /* @__PURE__ */ jsxs4("section", { className: "grid gap-2", children: [
-    /* @__PURE__ */ jsx4("span", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: label }),
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2", children: [
+    /* @__PURE__ */ jsx5("span", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: label }),
+    /* @__PURE__ */ jsxs5(
       "div",
       {
-        className: cn2(
+        className: cn3(
           "relative min-w-0 rounded-lg border border-border-1 bg-transparent px-4 py-3",
           minHeightClass
         ),
         children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "div",
             {
-              className: cn2(
+              className: cn3(
                 "min-w-0 max-w-full overflow-x-hidden max-h-[18rem] overflow-y-auto pr-2 text-[13px] font-normal leading-5 text-[var(--text-secondary)]",
                 isOverflowing && "pb-8"
               ),
               ref: contentRef,
-              children: displayContent ? /* @__PURE__ */ jsx4(
+              children: displayContent ? /* @__PURE__ */ jsx5(
                 IssueManagerDescriptionContent,
                 {
                   content: displayContent,
                   onMentionAction,
                   onOpen
                 }
-              ) : /* @__PURE__ */ jsx4("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
+              ) : /* @__PURE__ */ jsx5("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
             }
           ),
-          isOverflowing ? /* @__PURE__ */ jsx4(
+          isOverflowing ? /* @__PURE__ */ jsx5(
             "div",
             {
               className: "pointer-events-none absolute right-0 bottom-1 left-0 h-10",
@@ -2682,7 +3459,7 @@ function IssueManagerDescriptionContent({
   onMentionAction,
   onOpen
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     RichTextReadonlyContent,
     {
       className: "min-w-0 max-w-full [overflow-wrap:anywhere]",
@@ -2699,10 +3476,10 @@ function IssueManagerDescriptionContent({
 }
 
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
-import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
 import { RichTextTriggerEditor } from "@tutti-os/ui-rich-text/editor";
-import { Button as Button3, LinkIcon, cn as cn3 } from "@tutti-os/ui-system";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Button as Button3, LinkIcon, cn as cn4 } from "@tutti-os/ui-system";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var issueManagerRichTextTextareaBaseClassName = "min-h-20 w-full rounded-[8px] border border-transparent bg-[var(--transparency-block)] p-3 text-[13px] font-normal leading-[1.3] text-[var(--text-primary)] transition-[background-color,border-color,color] outline-none shadow-none placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-transparent focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-[var(--state-danger)] aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none";
 var issueManagerRichTextPlaceholderBaseClassName = "min-h-20 w-full p-3 text-[13px] font-normal leading-[1.3] text-[var(--text-placeholder)]";
 function IssueManagerRichTextTextarea({
@@ -2718,10 +3495,10 @@ function IssueManagerRichTextTextarea({
     [controller, surface]
   );
   const showReferenceAction = controller.canReferenceWorkspaceFiles;
-  const [focusSignal, setFocusSignal] = useState4(0);
-  const previousValueRef = useRef2(value);
-  const wasAddingReferenceRef = useRef2(false);
-  useEffect5(() => {
+  const [focusSignal, setFocusSignal] = useState6(0);
+  const previousValueRef = useRef3(value);
+  const wasAddingReferenceRef = useRef3(false);
+  useEffect6(() => {
     const isAddingReference = controller.referenceTarget?.mode === "insert" && controller.referenceTarget.parentKind === surface;
     if (wasAddingReferenceRef.current && !isAddingReference && value !== previousValueRef.current) {
       setFocusSignal((current) => current + 1);
@@ -2729,7 +3506,7 @@ function IssueManagerRichTextTextarea({
     wasAddingReferenceRef.current = isAddingReference;
     previousValueRef.current = value;
   }, [controller.referenceTarget, surface, value]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     RichTextTriggerEditor,
     {
       focusSignal,
@@ -2741,12 +3518,12 @@ function IssueManagerRichTextTextarea({
         noMatchesLabel: controller.copy.t("richTextAt.noMatches"),
         removeReferenceActionLabel: controller.copy.t("actions.removeReference")
       },
-      textareaClassName: cn3(
+      textareaClassName: cn4(
         issueManagerRichTextTextareaBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
       ),
-      placeholderClassName: cn3(
+      placeholderClassName: cn4(
         issueManagerRichTextPlaceholderBaseClassName,
         textareaClassName,
         showReferenceAction && "pb-11"
@@ -2754,7 +3531,7 @@ function IssueManagerRichTextTextarea({
       placeholder,
       value,
       onChange,
-      overlay: showReferenceAction ? /* @__PURE__ */ jsx5("div", { className: "pointer-events-none absolute inset-x-3 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs5(
+      overlay: showReferenceAction ? /* @__PURE__ */ jsx6("div", { className: "pointer-events-none absolute inset-x-3 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs6(
         Button3,
         {
           className: "pointer-events-auto",
@@ -2765,7 +3542,7 @@ function IssueManagerRichTextTextarea({
             void controller.insertReferences(surface);
           },
           children: [
-            /* @__PURE__ */ jsx5(LinkIcon, { size: 14 }),
+            /* @__PURE__ */ jsx6(LinkIcon, { size: 14 }),
             controller.copy.t("actions.referenceWorkspaceFiles")
           ]
         }
@@ -2776,7 +3553,7 @@ function IssueManagerRichTextTextarea({
 
 // src/ui/internal/task/IssueManagerTaskAcceptanceCard.tsx
 import { Button as Button4 } from "@tutti-os/ui-system";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function IssueManagerTaskAcceptanceCard({
   controller,
   taskId
@@ -2789,14 +3566,14 @@ function IssueManagerTaskAcceptanceCard({
     }
     void controller.setSelectedTaskStatus(status);
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "grid gap-2 rounded-md bg-[var(--transparency-block)] px-3 py-2", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "min-w-0 text-[11px] font-normal leading-[1.45] text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: [
-      /* @__PURE__ */ jsx6("span", { className: "font-semibold text-[var(--text-primary)]", children: copy.t("labels.taskAcceptance") }),
-      /* @__PURE__ */ jsx6("span", { className: "mx-1 text-[var(--text-tertiary)]", children: "\xB7" }),
-      /* @__PURE__ */ jsx6("span", { children: copy.t("messages.taskAcceptanceHint") })
+  return /* @__PURE__ */ jsxs7("div", { className: "grid gap-2 rounded-md border border-[var(--tutti-purple-border)] bg-[var(--tutti-purple-bg)] px-3 py-2", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 text-[11px] font-normal leading-[1.45] text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: [
+      /* @__PURE__ */ jsx7("span", { className: "font-semibold text-[var(--text-primary)]", children: copy.t("labels.taskAcceptance") }),
+      /* @__PURE__ */ jsx7("span", { className: "mx-1 text-[var(--text-tertiary)]", children: "\xB7" }),
+      /* @__PURE__ */ jsx7("span", { children: copy.t("messages.taskAcceptanceHint") })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx7(
         Button4,
         {
           className: "h-7 px-2 text-[11px] text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
@@ -2806,7 +3583,7 @@ function IssueManagerTaskAcceptanceCard({
           children: copy.t("actions.rejectTask")
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         Button4,
         {
           className: "h-7 px-2.5 text-[11px]",
@@ -2822,18 +3599,18 @@ function IssueManagerTaskAcceptanceCard({
 
 // src/ui/internal/shell/IssueManagerDraftTitleInput.tsx
 import { useComposedInputValue } from "@tutti-os/ui-react-hooks";
-import { useLayoutEffect, useRef as useRef3 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef4 } from "react";
 import { Input } from "@tutti-os/ui-system";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function IssueManagerDraftTitleInput({
   onChange,
   placeholder,
   value
 }) {
-  const inputRef = useRef3(null);
-  const pendingSelectionRef = useRef3(null);
+  const inputRef = useRef4(null);
+  const pendingSelectionRef = useRef4(null);
   const titleInput = useComposedInputValue({ onCommit: onChange, value });
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const input = inputRef.current;
     const selection = pendingSelectionRef.current;
     if (!input || !selection || document.activeElement !== input) {
@@ -2859,7 +3636,7 @@ function IssueManagerDraftTitleInput({
       start
     };
   };
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Input,
     {
       ref: inputRef,
@@ -2888,7 +3665,7 @@ var issueManagerEditorRiseInDelay2ClassName = "motion-safe:[animation-delay:110m
 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 jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function IssueManagerIssuePane({
   controller,
   renderLatestRunStatus,
@@ -2902,12 +3679,10 @@ function IssueManagerIssuePane({
   const issueContent = selectedIssue?.content ?? "";
   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 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 issueLatestOutputs = controller.issueDetail.value?.latestOutputs ?? [];
   const issueAcceptanceTaskId = resolveIssueManagerIssueAcceptanceTaskId({
-    latestRun,
+    latestRun: issueLatestRun,
     selectedIssue,
     selectedTaskId,
     tasks
@@ -2921,31 +3696,31 @@ function IssueManagerIssuePane({
     hiddenIssueRunTaskId: issueRunTaskId,
     tasks
   });
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState5(false);
-  const [deleteBusy, setDeleteBusy] = useState5(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState7(false);
+  const [deleteBusy, setDeleteBusy] = useState7(false);
   if (isCreatingIssue || isEditingIssue) {
-    return /* @__PURE__ */ jsxs7("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsxs8("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx9(
         ScrollArea2,
         {
           scrollbarMode: "native",
           className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
-          children: /* @__PURE__ */ jsx8("div", { className: "flex min-h-full flex-col gap-[14px] px-7 py-8", children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-            /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsx9("div", { className: "flex min-h-full flex-col gap-[14px] px-7 py-8", children: /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+            /* @__PURE__ */ jsx9(
               "div",
               {
                 className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-                children: /* @__PURE__ */ jsx8("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
+                children: /* @__PURE__ */ jsx9("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
               }
             ),
-            /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-              /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+              /* @__PURE__ */ jsxs8(
                 "label",
                 {
                   className: `flex w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
                   children: [
-                    /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.title") }),
-                    /* @__PURE__ */ jsx8(
+                    /* @__PURE__ */ jsx9("span", { className: "leading-5", children: copy.t("labels.title") }),
+                    /* @__PURE__ */ jsx9(
                       IssueManagerDraftTitleInput,
                       {
                         placeholder: copy.t("composer.issueTitlePlaceholder"),
@@ -2956,13 +3731,13 @@ function IssueManagerIssuePane({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs7(
+              /* @__PURE__ */ jsxs8(
                 "div",
                 {
                   className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
                   children: [
-                    /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.content") }),
-                    /* @__PURE__ */ jsx8(
+                    /* @__PURE__ */ jsx9("span", { className: "leading-5", children: copy.t("labels.content") }),
+                    /* @__PURE__ */ jsx9(
                       IssueManagerRichTextTextarea,
                       {
                         controller,
@@ -2980,12 +3755,12 @@ function IssueManagerIssuePane({
           ] }) })
         }
       ),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "div",
         {
           className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-          children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-3", children: [
-            /* @__PURE__ */ jsx8(
+          children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-3", children: [
+            /* @__PURE__ */ jsx9(
               Button5,
               {
                 size: "dialog",
@@ -2995,7 +3770,7 @@ function IssueManagerIssuePane({
                 children: copy.t("actions.cancel")
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               Button5,
               {
                 disabled: isIssueTitleMissing,
@@ -3011,19 +3786,19 @@ function IssueManagerIssuePane({
     ] });
   }
   if (!selectedIssue) {
-    return /* @__PURE__ */ jsx8("div", { className: "h-full min-h-0" });
+    return /* @__PURE__ */ jsx9("div", { className: "h-full min-h-0" });
   }
-  return /* @__PURE__ */ jsx8("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: /* @__PURE__ */ jsx9(
     ScrollArea2,
     {
       scrollbarMode: "native",
       className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
-      children: /* @__PURE__ */ jsx8("div", { className: "px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx8(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs7("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
-        /* @__PURE__ */ jsxs7("header", { className: "grid gap-3", children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between gap-6", children: [
-            /* @__PURE__ */ jsx8(IssueManagerTitleTooltip, { title: selectedIssue.title, children: /* @__PURE__ */ jsx8("h2", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: selectedIssue.title }) }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 items-center gap-2", children: [
-              /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsx9("div", { className: "px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx9(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
+        /* @__PURE__ */ jsxs8("header", { className: "grid gap-3", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ jsx9(IssueManagerTitleTooltip, { title: selectedIssue.title, children: /* @__PURE__ */ jsx9("h2", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: selectedIssue.title }) }),
+            /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx9(
                 Button5,
                 {
                   type: "button",
@@ -3032,7 +3807,7 @@ function IssueManagerIssuePane({
                   children: copy.t("actions.edit")
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 Button5,
                 {
                   className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
@@ -3044,8 +3819,8 @@ function IssueManagerIssuePane({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
+            /* @__PURE__ */ jsx9(
               Badge2,
               {
                 variant: issueManagerStatusBadgeVariant(
@@ -3054,32 +3829,32 @@ function IssueManagerIssuePane({
                 children: resolveIssueManagerStatusLabel(copy, selectedIssue.status)
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "span",
               {
                 "aria-hidden": "true",
                 className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
               }
             ),
-            /* @__PURE__ */ jsxs7("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+            /* @__PURE__ */ jsxs8("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
               copy.t("labels.creator"),
               " ",
               resolveIssueManagerCreatorLabel(selectedIssue)
             ] }),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "span",
               {
                 "aria-hidden": "true",
                 className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
               }
             ),
-            /* @__PURE__ */ jsxs7("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+            /* @__PURE__ */ jsxs8("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
               copy.t("labels.createdAt"),
               " ",
               formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
             ] })
           ] }),
-          issueAcceptanceTaskId ? /* @__PURE__ */ jsx8(
+          issueAcceptanceTaskId ? /* @__PURE__ */ jsx9(
             IssueManagerTaskAcceptanceCard,
             {
               controller,
@@ -3087,7 +3862,7 @@ function IssueManagerIssuePane({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           ConfirmationDialog,
           {
             cancelLabel: copy.t("actions.cancel"),
@@ -3107,7 +3882,7 @@ function IssueManagerIssuePane({
             onOpenChange: setDeleteDialogOpen
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           IssueManagerDescriptionSection,
           {
             content: issueContent,
@@ -3118,32 +3893,33 @@ function IssueManagerIssuePane({
             variant: "plain"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           IssueManagerLatestRunStatusSection,
           {
             copy,
-            latestRun,
+            latestRun: issueLatestRun,
             onOpenAgentSession: controller.canOpenAgentSessions ? controller.openAgentSession : void 0,
             renderLatestRunStatus,
-            title: selectedTask?.title ?? selectedIssue.title
+            title: selectedIssue.title
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           IssueManagerOutputSection,
           {
             copy,
-            outputs: latestOutputs,
+            outputs: issueLatestOutputs,
             onOpen: controller.openReference
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           IssueManagerSubtaskSection,
           {
             copy,
             diagnostics: controller.diagnostics,
             onCreate: controller.createTaskDraft,
+            onMoveTask: controller.moveTask,
             onSelectTask: controller.selectTask,
-            selectedTaskId: selectedTask?.taskId ?? null,
+            selectedTaskId,
             tasks: visibleTasks
           }
         )
@@ -3153,26 +3929,24 @@ function IssueManagerIssuePane({
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { Button as Button7, cn as cn5 } from "@tutti-os/ui-system";
+import { Button as Button7, cn as cn6 } from "@tutti-os/ui-system";
 
 // src/ui/internal/task/IssueManagerRunSections.tsx
 import {
   Badge as Badge3,
   AgentSessionsIcon as AgentSessionsIcon2,
   Button as Button6,
-  CheckIcon,
   ChevronDownIcon,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
   IssueIcon,
-  cn as cn4
+  cn as cn5
 } from "@tutti-os/ui-system";
 import { WorkspaceUserProjectSelect } from "@tutti-os/workspace-user-project/ui";
-import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var providerMenuItemClassName = "min-h-8 overflow-hidden rounded-md py-1.5 pr-7 pl-2.5 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]";
-var providerMenuItemCheckClassName = "pointer-events-none absolute right-2 top-1/2 shrink-0 -translate-y-1/2";
+import { Fragment, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var providerMenuItemClassName = "min-h-8 overflow-hidden rounded-md px-2.5 py-1.5 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]";
 var providerActionTriggerClassName = "font-[var(--font-weight-emphasis-cjk)]";
 function IssueManagerRunActionTrigger({
   controller,
@@ -3180,12 +3954,12 @@ function IssueManagerRunActionTrigger({
   triggerClassName,
   triggerVariant = "default"
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     IssueManagerProviderActionMenu,
     {
       controller,
       disabled,
-      icon: /* @__PURE__ */ jsx9(AgentSessionsIcon2, { size: 16 }),
+      icon: /* @__PURE__ */ jsx10(AgentSessionsIcon2, { size: 16 }),
       label: controller.copy.t("actions.askAgentToRun"),
       triggerClassName,
       triggerVariant,
@@ -3199,12 +3973,12 @@ function IssueManagerBreakdownActionTrigger({
   triggerClassName,
   triggerVariant = "default"
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     IssueManagerProviderActionMenu,
     {
       controller,
       disabled,
-      icon: /* @__PURE__ */ jsx9(IssueIcon, { size: 16 }),
+      icon: /* @__PURE__ */ jsx10(IssueIcon, { size: 16 }),
       label: controller.copy.t("actions.askAgentToBreakdown"),
       triggerClassName,
       triggerVariant,
@@ -3224,12 +3998,11 @@ function IssueManagerProviderActionMenu({
   triggerVariant
 }) {
   const providerOptions = controller.providerOptions;
-  const selectedProvider = controller.nodeState.selectedAgentProvider.trim();
-  return /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx9(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx10(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs9(
       Button6,
       {
-        className: cn4(
+        className: cn5(
           "min-w-0",
           "[&[data-state=open]_[data-issue-manager-provider-chevron=true]]:rotate-180",
           providerActionTriggerClassName,
@@ -3241,8 +4014,8 @@ function IssueManagerProviderActionMenu({
         variant: triggerButtonVariant,
         children: [
           icon,
-          /* @__PURE__ */ jsx9("span", { className: "truncate", children: label }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10("span", { className: "truncate", children: label }),
+          /* @__PURE__ */ jsx10(
             ChevronDownIcon,
             {
               className: "shrink-0 transition-transform duration-200",
@@ -3253,13 +4026,13 @@ function IssueManagerProviderActionMenu({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       DropdownMenuContent,
       {
         align: "end",
         className: "w-[220px] min-w-[220px]",
         style: { zIndex: "var(--z-panel-popover)" },
-        children: providerOptions.length === 0 ? /* @__PURE__ */ jsx9(DropdownMenuItem, { className: providerMenuItemClassName, disabled: true, children: controller.copy.t("messages.noAgentProviders") }) : providerOptions.map((option) => /* @__PURE__ */ jsx9(
+        children: providerOptions.length === 0 ? /* @__PURE__ */ jsx10(DropdownMenuItem, { className: providerMenuItemClassName, disabled: true, children: controller.copy.t("messages.noAgentProviders") }) : providerOptions.map((option) => /* @__PURE__ */ jsx10(
           DropdownMenuItem,
           {
             className: providerMenuItemClassName,
@@ -3268,22 +4041,15 @@ function IssueManagerProviderActionMenu({
             onSelect: () => {
               void onSelectProvider(option.provider);
             },
-            children: /* @__PURE__ */ jsxs8("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
-              /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsxs9("span", { className: "flex min-w-0 flex-1 items-center gap-2 pr-1", children: [
+              /* @__PURE__ */ jsx10(
                 IssueManagerAgentProviderIcon,
                 {
-                  fallbackIcon: /* @__PURE__ */ jsx9(AgentSessionsIcon2, { "aria-hidden": true, size: 15 }),
+                  fallbackIcon: /* @__PURE__ */ jsx10(AgentSessionsIcon2, { "aria-hidden": true, size: 15 }),
                   iconUrl: option.iconUrl
                 }
               ),
-              /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 truncate", children: option.label }),
-              option.provider === selectedProvider ? /* @__PURE__ */ jsx9(
-                CheckIcon,
-                {
-                  className: providerMenuItemCheckClassName,
-                  size: 15
-                }
-              ) : null
+              /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate", children: option.label })
             ] })
           },
           option.provider
@@ -3298,9 +4064,9 @@ function IssueManagerAgentProviderIcon({
 }) {
   const normalizedIconUrl = iconUrl?.trim();
   if (!normalizedIconUrl) {
-    return /* @__PURE__ */ jsx9(Fragment, { children: fallbackIcon });
+    return /* @__PURE__ */ jsx10(Fragment, { children: fallbackIcon });
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "img",
     {
       alt: "",
@@ -3320,13 +4086,13 @@ function IssueManagerExecutionDirectoryTrigger({
   if (!controller.canSelectExecutionDirectory) {
     return null;
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     WorkspaceUserProjectSelect,
     {
       classNames: {
         content: "w-[240px] min-w-[240px]",
         item: "min-h-7 overflow-hidden rounded-md py-1 pr-7 pl-2.5 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]",
-        trigger: cn4(
+        trigger: cn5(
           "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
         )
@@ -3378,7 +4144,7 @@ function isIssueManagerRunControlDisabled(input) {
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function IssueManagerBottomBar({
   controller,
   isNarrowLayout,
@@ -3393,15 +4159,15 @@ function IssueManagerBottomBar({
     selectedIssueStatus: selectedIssue.status,
     selectedTaskStatus: null
   });
-  return /* @__PURE__ */ jsx10("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx11("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs10(
     "div",
     {
-      className: cn5(
+      className: cn6(
         "flex gap-3",
         isNarrowLayout ? "flex-wrap items-center justify-end" : "items-center justify-end"
       ),
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           IssueManagerExecutionDirectoryTrigger,
           {
             className: "mr-auto min-w-0 max-w-[240px] justify-start overflow-hidden",
@@ -3409,8 +4175,8 @@ function IssueManagerBottomBar({
             disabled: runControlsDisabled
           }
         ),
-        /* @__PURE__ */ jsxs9("div", { className: "flex shrink-0 flex-nowrap items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs10("div", { className: "flex shrink-0 flex-nowrap items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx11(
             IssueManagerBreakdownActionTrigger,
             {
               controller,
@@ -3418,7 +4184,7 @@ function IssueManagerBottomBar({
               triggerVariant: "button"
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             IssueManagerRunActionTrigger,
             {
               controller,
@@ -3426,7 +4192,7 @@ function IssueManagerBottomBar({
               triggerVariant: "button"
             }
           ),
-          controller.canInviteCollaborators ? /* @__PURE__ */ jsx10(
+          controller.canInviteCollaborators ? /* @__PURE__ */ jsx11(
             Button7,
             {
               className: "px-4",
@@ -3447,12 +4213,12 @@ function IssueManagerBottomBar({
 
 // src/ui/internal/shell/IssueManagerFloatingNotice.tsx
 import { ToastProvider, ToastRoot, ToastTitle } from "@tutti-os/ui-system";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function IssueManagerFloatingNotice({
   notice
 }) {
   const variant = notice.tone === "destructive" ? "destructive" : "default";
-  return /* @__PURE__ */ jsx11(ToastProvider, { children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(ToastProvider, { children: /* @__PURE__ */ jsx12(
     ToastRoot,
     {
       open: true,
@@ -3461,14 +4227,14 @@ function IssueManagerFloatingNotice({
       className: "z-30 w-fit max-w-[min(72vw,40rem)] px-4 py-3 shadow-lg",
       nodeInsetTopPx: 16,
       variant,
-      children: /* @__PURE__ */ jsx11(ToastTitle, { className: "whitespace-normal [overflow-wrap:anywhere]", children: notice.title })
+      children: /* @__PURE__ */ jsx12(ToastTitle, { className: "whitespace-normal [overflow-wrap:anywhere]", children: notice.title })
     },
     notice.id
   ) });
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { cn as cn7 } from "@tutti-os/ui-system";
+import { cn as cn8 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
 import { useComposedInputValue as useComposedInputValue2 } from "@tutti-os/ui-react-hooks";
@@ -3480,7 +4246,7 @@ import {
   Input as Input2,
   ScrollArea as ScrollArea3,
   UnderlineTabs,
-  cn as cn6
+  cn as cn7
 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerShellState.ts
@@ -3602,7 +4368,7 @@ function resolveIssueManagerShellContentViewState(input) {
 }
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function IssueManagerSidebarHeader({
   copy,
   issueSearchQuery,
@@ -3610,8 +4376,8 @@ function IssueManagerSidebarHeader({
   onIssueSearchUsage,
   onIssueSearchQueryChange
 }) {
-  return /* @__PURE__ */ jsx12("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2.5", children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsx13(
       IssueManagerSearchField,
       {
         clearLabel: copy.t("actions.clearSearch"),
@@ -3621,7 +4387,7 @@ function IssueManagerSidebarHeader({
         onSearchUsage: onIssueSearchUsage
       }
     ),
-    /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsxs11(
       Button8,
       {
         className: "gap-2 px-3",
@@ -3630,7 +4396,7 @@ function IssueManagerSidebarHeader({
         variant: "secondary",
         onClick: onCreateIssue,
         children: [
-          /* @__PURE__ */ jsx12(FileCreateIcon3, { size: 16 }),
+          /* @__PURE__ */ jsx13(FileCreateIcon3, { size: 16 }),
           copy.t("actions.createIssue")
         ]
       }
@@ -3643,7 +4409,7 @@ function IssueManagerSidebarStatusTabs({
   statusCounts,
   onIssueStatusFilterChange
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     UnderlineTabs,
     {
       ariaLabel: copy.t("labels.status"),
@@ -3669,19 +4435,19 @@ function IssueManagerSidebarBody({
   onRetry,
   onSelectIssue
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ScrollArea3,
     {
       scrollbarMode: "native",
-      className: cn6("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
-      children: /* @__PURE__ */ jsx12(
+      className: cn7("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
+      children: /* @__PURE__ */ jsx13(
         "div",
         {
-          className: cn6(
+          className: cn7(
             "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__ */ jsx13(IssueManagerSidebarLoadingState, { isNarrowLayout }) : sidebarViewState.kind === "error" ? /* @__PURE__ */ jsx13(
             IssueManagerSidebarErrorState,
             {
               isNarrowLayout,
@@ -3689,14 +4455,14 @@ function IssueManagerSidebarBody({
               title: sidebarViewState.title,
               onRetry
             }
-          ) : sidebarViewState.kind === "empty" ? /* @__PURE__ */ jsx12(
+          ) : sidebarViewState.kind === "empty" ? /* @__PURE__ */ jsx13(
             IssueManagerSidebarEmptyState,
             {
               body: sidebarViewState.body,
               isNarrowLayout,
               title: sidebarViewState.title
             }
-          ) : /* @__PURE__ */ jsx12(
+          ) : /* @__PURE__ */ jsx13(
             IssueManagerSidebarIssueList,
             {
               copy,
@@ -3721,7 +4487,7 @@ function IssueManagerSidebarStandalonePane({
   onRetry
 }) {
   if (kind === "error" && retryLabel) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       IssueManagerSidebarErrorState,
       {
         isNarrowLayout,
@@ -3731,7 +4497,7 @@ function IssueManagerSidebarStandalonePane({
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     IssueManagerSidebarEmptyState,
     {
       body: body ?? "",
@@ -3748,17 +4514,17 @@ function IssueManagerSearchField({
   value
 }) {
   const searchInput = useComposedInputValue2({ onCommit: onChange, value });
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "relative min-w-0 flex-1",
       "data-has-value": searchInput.value ? "true" : "false",
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Input2,
           {
             "aria-label": placeholder,
-            className: cn6(
+            className: cn7(
               "box-border h-8 min-h-8 rounded-md border-0 bg-[var(--transparency-block)] px-3 text-[13px] font-normal leading-normal text-[var(--text-primary)] shadow-none outline-none ring-0 transition-colors placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:border-0 focus:bg-[var(--transparency-hover)] focus-visible:border-0 focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 focus-visible:ring-offset-0 disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100",
               "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
               searchInput.value ? "pr-9" : "pr-3"
@@ -3775,7 +4541,7 @@ function IssueManagerSearchField({
             onCompositionStart: searchInput.onCompositionStart
           }
         ),
-        searchInput.value ? /* @__PURE__ */ jsx12(
+        searchInput.value ? /* @__PURE__ */ jsx13(
           "button",
           {
             "aria-label": clearLabel,
@@ -3783,7 +4549,7 @@ function IssueManagerSearchField({
             type: "button",
             onClick: searchInput.clearValue,
             onMouseDown: (event) => event.preventDefault(),
-            children: /* @__PURE__ */ jsx12(CloseIcon, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx13(CloseIcon, { className: "size-3.5" })
           }
         ) : null
       ]
@@ -3798,14 +4564,14 @@ function IssueManagerSidebarIssueList({
   subtaskProgressByIssueId,
   onSelectIssue
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
-      className: cn6(
+      className: cn7(
         "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__ */ jsx13(
         IssueManagerSidebarItem,
         {
           copy,
@@ -3829,10 +4595,10 @@ function IssueManagerSidebarItem({
   subtaskProgress: subtaskProgressOverride
 }) {
   const subtaskProgress = subtaskProgressOverride === void 0 ? resolveIssueManagerSubtaskProgress(issue) : subtaskProgressOverride;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "button",
     {
-      className: cn6(
+      className: cn7(
         "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)]"
@@ -3840,7 +4606,7 @@ function IssueManagerSidebarItem({
       type: "button",
       onClick: () => onSelect(issue.issueId),
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           Badge4,
           {
             className: "absolute top-3.5 right-3.5",
@@ -3848,11 +4614,11 @@ function IssueManagerSidebarItem({
             children: resolveIssueManagerStatusLabel(copy, issue.status)
           }
         ),
-        /* @__PURE__ */ jsxs10("div", { className: "min-w-0 space-y-2", children: [
-          /* @__PURE__ */ jsx12("p", { className: "pr-28 text-[11px] leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerDate(issue.updatedAtUnix ?? issue.createdAtUnix) }),
-          /* @__PURE__ */ jsx12("p", { className: "line-clamp-4 text-[13px] font-medium leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
+        /* @__PURE__ */ jsxs11("div", { className: "min-w-0 space-y-2", children: [
+          /* @__PURE__ */ jsx13("p", { className: "pr-28 text-[11px] leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerDate(issue.updatedAtUnix ?? issue.createdAtUnix) }),
+          /* @__PURE__ */ jsx13("p", { className: "line-clamp-4 text-[13px] font-medium leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
         ] }),
-        subtaskProgress ? /* @__PURE__ */ jsxs10(
+        subtaskProgress ? /* @__PURE__ */ jsxs11(
           "div",
           {
             "aria-label": `${copy.t("labels.taskCount", {
@@ -3860,13 +4626,13 @@ function IssueManagerSidebarItem({
             })}, ${subtaskProgress.completed}/${subtaskProgress.total}`,
             className: "mt-3 flex min-w-0 items-center gap-2 text-[11px] font-semibold leading-none text-[var(--text-secondary)]",
             children: [
-              /* @__PURE__ */ jsx12("span", { className: "shrink-0", children: copy.t("labels.taskCount", { count: subtaskProgress.total }) }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13("span", { className: "shrink-0", children: copy.t("labels.taskCount", { count: subtaskProgress.total }) }),
+              /* @__PURE__ */ jsx13(
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: "h-0.5 w-14 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)]",
-                  children: /* @__PURE__ */ jsx12(
+                  className: "h-1 w-14 shrink-0 overflow-hidden rounded-full bg-[var(--transparency-block)]",
+                  children: /* @__PURE__ */ jsx13(
                     "span",
                     {
                       className: "block h-full rounded-full bg-[var(--status-running)]",
@@ -3875,7 +4641,7 @@ function IssueManagerSidebarItem({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs10("span", { className: "shrink-0 text-[var(--text-primary)]", children: [
+              /* @__PURE__ */ jsxs11("span", { className: "shrink-0 text-[11px] font-semibold leading-none text-[var(--text-secondary)]", children: [
                 subtaskProgress.completed,
                 "/",
                 subtaskProgress.total
@@ -3890,25 +4656,25 @@ function IssueManagerSidebarItem({
 function IssueManagerSidebarLoadingState({
   isNarrowLayout
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       "aria-hidden": "true",
-      className: cn6(
+      className: cn7(
         "gap-2.5",
         isNarrowLayout ? "flex flex-row flex-nowrap overflow-x-hidden" : "grid"
       ),
-      children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs10(
+      children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs11(
         "div",
         {
-          className: cn6(
+          className: cn7(
             "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__ */ jsx13("div", { className: "h-3.5 w-20 rounded-full bg-[var(--transparency-block)]" }),
+            /* @__PURE__ */ jsx13("div", { className: "mt-3 h-4 w-4/5 rounded-full bg-[var(--transparency-block)]" }),
+            /* @__PURE__ */ jsx13("div", { className: "mt-4 h-3.5 w-24 rounded-full bg-[var(--transparency-block)]" })
           ]
         },
         index
@@ -3921,17 +4687,17 @@ function IssueManagerSidebarEmptyState({
   title,
   tone = "default"
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
-      className: cn6(
+      className: cn7(
         "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(
+      children: /* @__PURE__ */ jsx13(
         "p",
         {
-          className: cn6(
+          className: cn7(
             "max-w-sm text-[13px] leading-5 text-[var(--text-secondary)]",
             tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-secondary)]"
           ),
@@ -3947,16 +4713,16 @@ function IssueManagerSidebarErrorState({
   title,
   onRetry
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
-      className: cn6(
+      className: cn7(
         "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-[13px] font-semibold leading-5 text-[var(--state-danger)]", children: title }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13("p", { className: "text-[13px] font-semibold leading-5 text-[var(--state-danger)]", children: title }),
+        /* @__PURE__ */ jsx13(
           Button8,
           {
             className: "mt-3",
@@ -3996,7 +4762,7 @@ function resolveIssueManagerSidebarPresentationState(input) {
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function IssueManagerSidebar({
   controller,
   isCollapsed,
@@ -4024,18 +4790,18 @@ function IssueManagerSidebar({
     issueId: currentIssueDetail?.issue.issueId ?? null,
     visibleTasks: currentIssueDetail ? visibleTasks : null
   });
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "aside",
     {
       "aria-hidden": isCollapsed ? "true" : void 0,
-      className: cn7(
+      className: cn8(
         "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__ */ jsx14(
           IssueManagerSidebarHeader,
           {
             copy,
@@ -4045,7 +4811,7 @@ function IssueManagerSidebar({
             onIssueSearchQueryChange: controller.setIssueSearchQuery
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           IssueManagerSidebarStatusTabs,
           {
             copy,
@@ -4054,15 +4820,15 @@ function IssueManagerSidebar({
             onIssueStatusFilterChange: controller.setIssueStatusFilter
           }
         ),
-        /* @__PURE__ */ jsx13("div", { "aria-hidden": "true", className: "h-2.5 flex-none" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("div", { "aria-hidden": "true", className: "h-2.5 flex-none" }),
+        /* @__PURE__ */ jsx14(
           "div",
           {
-            className: cn7(
+            className: cn8(
               "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__ */ jsx14("div", { className: "flex h-full min-h-0 items-center justify-center px-4 pt-1.5 pb-4", children: /* @__PURE__ */ jsx14(
               IssueManagerSidebarStandalonePane,
               {
                 body: presentation.kind === "empty" ? presentation.body : void 0,
@@ -4072,7 +4838,7 @@ function IssueManagerSidebar({
                 title: presentation.title,
                 onRetry: () => controller.refreshAll()
               }
-            ) }) : /* @__PURE__ */ jsx13(
+            ) }) : /* @__PURE__ */ jsx14(
               IssueManagerSidebarBody,
               {
                 copy,
@@ -4093,7 +4859,7 @@ function IssueManagerSidebar({
 
 // src/ui/internal/shell/IssueManagerTaskComposerPane.tsx
 import { Button as Button9 } from "@tutti-os/ui-system";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function IssueManagerTaskComposerPane({
   controller,
   onCancel,
@@ -4101,23 +4867,23 @@ function IssueManagerTaskComposerPane({
 }) {
   const copy = controller.copy;
   const isTaskTitleMissing = controller.taskDraft.title.trim().length === 0;
-  return /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx15("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs13("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsx15(
         "div",
         {
           className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-          children: /* @__PURE__ */ jsx14("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") })
+          children: /* @__PURE__ */ jsx15("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") })
         }
       ),
-      /* @__PURE__ */ jsxs12("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-        /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs13("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs13(
           "label",
           {
             className: `flex w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
             children: [
-              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.title") }),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15("span", { className: "leading-5", children: copy.t("labels.title") }),
+              /* @__PURE__ */ jsx15(
                 IssueManagerDraftTitleInput,
                 {
                   placeholder: copy.t("composer.subtaskTitlePlaceholder"),
@@ -4128,13 +4894,13 @@ function IssueManagerTaskComposerPane({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "div",
           {
             className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
             children: [
-              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
+              /* @__PURE__ */ jsx15(
                 IssueManagerRichTextTextarea,
                 {
                   controller,
@@ -4150,12 +4916,12 @@ function IssueManagerTaskComposerPane({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "div",
       {
         className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-        children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx15(
             Button9,
             {
               size: "default",
@@ -4165,7 +4931,7 @@ function IssueManagerTaskComposerPane({
               children: copy.t("actions.cancel")
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             Button9,
             {
               disabled: !selectedIssue || isTaskTitleMissing,
@@ -4182,19 +4948,19 @@ 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";
+import { useRef as useRef5 } from "react";
+import { ScrollArea as ScrollArea4, cn as cn9 } from "@tutti-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
-import { useState as useState6 } from "react";
+import { useState as useState8 } from "react";
 import {
-  ArrowLeftIcon,
   Badge as Badge5,
   BareIconButton,
   Button as Button10,
+  CollapseLinedIcon,
   ConfirmationDialog as ConfirmationDialog2
 } from "@tutti-os/ui-system";
-import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function IssueManagerTaskDrawerHeader({
   controller,
   onClose,
@@ -4202,26 +4968,26 @@ function IssueManagerTaskDrawerHeader({
   view
 }) {
   const copy = controller.copy;
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState6(false);
-  const [deleteBusy, setDeleteBusy] = useState6(false);
-  return /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    /* @__PURE__ */ jsxs13("div", { className: "grid gap-3 px-6 py-7", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-6", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ jsx15(
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState8(false);
+  const [deleteBusy, setDeleteBusy] = useState8(false);
+  return /* @__PURE__ */ jsxs14(Fragment2, { children: [
+    /* @__PURE__ */ jsxs14("div", { className: "grid gap-3 px-6 pt-7 pb-3", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-6", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx16(
             BareIconButton,
             {
               "aria-label": copy.t("actions.closeTaskDetails"),
               size: "md",
               title: copy.t("actions.closeTaskDetails"),
               onClick: onClose,
-              children: /* @__PURE__ */ jsx15(ArrowLeftIcon, { className: "size-4" })
+              children: /* @__PURE__ */ jsx16(CollapseLinedIcon, { className: "size-4" })
             }
           ),
-          view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsx15(IssueManagerTitleTooltip, { title: view.title, children: /* @__PURE__ */ jsx15("h3", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: view.title }) }) : /* @__PURE__ */ jsx15(IssueManagerTitleTooltip, { title: view.title, children: /* @__PURE__ */ jsx15("h3", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)] [overflow-wrap:anywhere]", children: view.title }) })
+          view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsx16(IssueManagerTitleTooltip, { title: view.title, children: /* @__PURE__ */ jsx16("h3", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-6 text-[var(--text-primary)] [overflow-wrap:anywhere]", children: view.title }) }) : /* @__PURE__ */ jsx16(IssueManagerTitleTooltip, { title: view.title, children: /* @__PURE__ */ jsx16("h3", { className: "line-clamp-2 min-w-0 flex-1 whitespace-normal text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)] [overflow-wrap:anywhere]", children: view.title }) })
         ] }),
-        /* @__PURE__ */ jsx15("div", { className: "flex shrink-0 items-center gap-2", children: view.showTaskActions && selectedTask ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-          /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16("div", { className: "flex shrink-0 items-center gap-2", children: view.showTaskActions && selectedTask ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          /* @__PURE__ */ jsx16(
             Button10,
             {
               type: "button",
@@ -4230,7 +4996,7 @@ function IssueManagerTaskDrawerHeader({
               children: copy.t("actions.edit")
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             Button10,
             {
               className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
@@ -4242,24 +5008,24 @@ function IssueManagerTaskDrawerHeader({
           )
         ] }) : null })
       ] }),
-      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs13("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx15(
+      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs14("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx16(
           IssueManagerTaskMetadataRow,
           {
             copy,
             selectedTask
           }
         ),
-        selectedTask.status === "pending_acceptance" ? /* @__PURE__ */ jsx15(IssueManagerTaskAcceptanceCard, { controller }) : null
+        selectedTask.status === "pending_acceptance" ? /* @__PURE__ */ jsx16(IssueManagerTaskAcceptanceCard, { controller }) : null
       ] }) : null
     ] }),
-    selectedTask ? /* @__PURE__ */ jsx15(
+    selectedTask ? /* @__PURE__ */ jsx16(
       ConfirmationDialog2,
       {
         cancelLabel: copy.t("actions.cancel"),
         confirmBusy: deleteBusy,
         confirmLabel: copy.t("actions.delete"),
-        description: /* @__PURE__ */ jsx15("span", { className: "block max-w-full whitespace-normal [overflow-wrap:anywhere]", children: selectedTask.title }),
+        description: /* @__PURE__ */ jsx16("span", { className: "block max-w-full whitespace-normal [overflow-wrap:anywhere]", children: selectedTask.title }),
         open: deleteDialogOpen,
         title: copy.t("confirmations.deleteTask"),
         tone: "destructive",
@@ -4279,28 +5045,28 @@ function IssueManagerTaskMetadataRow({
   copy,
   selectedTask
 }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
-    /* @__PURE__ */ jsx15(Badge5, { variant: issueManagerStatusBadgeVariant(selectedTask.status), children: resolveIssueManagerStatusLabel(copy, selectedTask.status) }),
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-2 text-[11px] font-normal leading-[1.3] text-[var(--text-secondary)]", children: [
+    /* @__PURE__ */ jsx16(Badge5, { variant: issueManagerStatusBadgeVariant(selectedTask.status), children: resolveIssueManagerStatusLabel(copy, selectedTask.status) }),
+    /* @__PURE__ */ jsx16(
       "span",
       {
         "aria-hidden": "true",
         className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
       }
     ),
-    /* @__PURE__ */ jsxs13("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+    /* @__PURE__ */ jsxs14("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
       copy.t("labels.creator"),
       " ",
       resolveTaskCreatorLabel(selectedTask)
     ] }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       "span",
       {
         "aria-hidden": "true",
         className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
       }
     ),
-    /* @__PURE__ */ jsxs13("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
+    /* @__PURE__ */ jsxs14("span", { className: "text-[11px] font-normal leading-[1.3]", children: [
       copy.t("labels.createdAt"),
       " ",
       formatIssueManagerTimestamp(selectedTask.createdAtUnix) || "-"
@@ -4308,7 +5074,7 @@ function IssueManagerTaskMetadataRow({
   ] });
 }
 function IssueManagerTaskDrawerLoadingBody() {
-  return /* @__PURE__ */ jsx15(IssueManagerTaskDrawerLoadingState, {});
+  return /* @__PURE__ */ jsx16(IssueManagerTaskDrawerLoadingState, {});
 }
 function IssueManagerTaskDrawerBody({
   controller,
@@ -4317,10 +5083,10 @@ function IssueManagerTaskDrawerBody({
   view
 }) {
   if (view.bodyKind === "loading") {
-    return /* @__PURE__ */ jsx15(IssueManagerTaskDrawerLoadingBody, {});
+    return /* @__PURE__ */ jsx16(IssueManagerTaskDrawerLoadingBody, {});
   }
   if (view.bodyKind === "edit") {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       IssueManagerTaskDrawerEditBody,
       {
         controller,
@@ -4328,7 +5094,7 @@ function IssueManagerTaskDrawerBody({
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     IssueManagerTaskDrawerReadBody,
     {
       controller,
@@ -4343,22 +5109,22 @@ function IssueManagerTaskDrawerEditBody({
   title
 }) {
   const copy = controller.copy;
-  return /* @__PURE__ */ jsxs13("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+    /* @__PURE__ */ jsx16(
       "div",
       {
         className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
-        children: /* @__PURE__ */ jsx15("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: title })
+        children: /* @__PURE__ */ jsx16("h2", { className: "m-0 text-[15px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: title })
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
-      /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsxs14("div", { className: "flex w-full min-w-0 flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs14(
         "label",
         {
           className: `flex w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
           children: [
-            /* @__PURE__ */ jsx15("span", { className: "leading-5", children: copy.t("labels.title") }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16("span", { className: "leading-5", children: copy.t("labels.title") }),
+            /* @__PURE__ */ jsx16(
               IssueManagerDraftTitleInput,
               {
                 placeholder: copy.t("composer.taskTitlePlaceholder"),
@@ -4369,13 +5135,13 @@ function IssueManagerTaskDrawerEditBody({
           ]
         }
       ),
-      /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsxs14(
         "div",
         {
           className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-[13px] font-semibold text-[var(--text-secondary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
           children: [
-            /* @__PURE__ */ jsx15("span", { className: "leading-5", children: copy.t("labels.content") }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16("span", { className: "leading-5", children: copy.t("labels.content") }),
+            /* @__PURE__ */ jsx16(
               IssueManagerRichTextTextarea,
               {
                 controller,
@@ -4401,8 +5167,8 @@ function IssueManagerTaskDrawerReadBody({
   const copy = controller.copy;
   const latestRun = controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null;
   const latestOutputs = controller.taskDetail.value?.latestOutputs ?? [];
-  return /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs14(Fragment2, { children: [
+    /* @__PURE__ */ jsx16(
       IssueManagerDescriptionSection,
       {
         content: taskContent,
@@ -4413,7 +5179,7 @@ function IssueManagerTaskDrawerReadBody({
         variant: "plain"
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       IssueManagerLatestRunStatusSection,
       {
         copy,
@@ -4423,7 +5189,7 @@ function IssueManagerTaskDrawerReadBody({
         title: latestRunTitle
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       IssueManagerOutputSection,
       {
         copy,
@@ -4445,8 +5211,8 @@ function IssueManagerTaskDrawerFooter({
     selectedTaskStatus: selectedTask?.status
   });
   if (view.showReadFooter && selectedTask) {
-    return /* @__PURE__ */ jsx15("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-3", children: [
-      /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsx16(
         IssueManagerExecutionDirectoryTrigger,
         {
           className: "mr-auto",
@@ -4454,7 +5220,7 @@ function IssueManagerTaskDrawerFooter({
           disabled: runControlsDisabled
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         IssueManagerRunActionTrigger,
         {
           controller,
@@ -4462,7 +5228,7 @@ function IssueManagerTaskDrawerFooter({
           triggerVariant: "button"
         }
       ),
-      controller.canInviteCollaborators ? /* @__PURE__ */ jsx15(
+      controller.canInviteCollaborators ? /* @__PURE__ */ jsx16(
         Button10,
         {
           disabled: !selectedIssue,
@@ -4477,12 +5243,12 @@ function IssueManagerTaskDrawerFooter({
     ] }) });
   }
   if (view.showEditFooter) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "div",
       {
         className: `border-t border-border-1 px-6 py-4 ${issueManagerEditorFooterFadeInClassName}`,
-        children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-3", children: [
+          /* @__PURE__ */ jsx16(
             Button10,
             {
               size: "dialog",
@@ -4492,7 +5258,7 @@ function IssueManagerTaskDrawerFooter({
               children: copy.t("actions.cancel")
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             Button10,
             {
               disabled: canIssueManagerSaveTask({
@@ -4513,7 +5279,7 @@ function IssueManagerTaskDrawerFooter({
 }
 
 // src/ui/internal/shell/IssueManagerTaskDrawer.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function IssueManagerTaskDrawer({
   controller,
   isClosing,
@@ -4528,7 +5294,7 @@ function IssueManagerTaskDrawer({
     selectedTask
   });
   const taskContent = selectedTask?.content ?? "";
-  const hasRequestedBackdropCloseRef = useRef4(false);
+  const hasRequestedBackdropCloseRef = useRef5(false);
   const requestBackdropClose = (event, phase) => {
     const target = event.target;
     logIssueManagerDiagnostic(
@@ -4577,10 +5343,10 @@ function IssueManagerTaskDrawer({
     }
     requestBackdropClose(event, "click");
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
-      className: cn8(
+      className: cn9(
         "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)]"
       ),
@@ -4592,10 +5358,10 @@ function IssueManagerTaskDrawer({
       onWheel: (event) => {
         event.preventDefault();
       },
-      children: /* @__PURE__ */ jsxs14(
+      children: /* @__PURE__ */ jsxs15(
         "aside",
         {
-          className: cn8(
+          className: cn9(
             "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)]"
           ),
@@ -4603,7 +5369,7 @@ function IssueManagerTaskDrawer({
           onTouchMove: (event) => event.stopPropagation(),
           onWheel: (event) => event.stopPropagation(),
           children: [
-            view.bodyKind === "edit" ? null : /* @__PURE__ */ jsx16(
+            view.bodyKind === "edit" ? null : /* @__PURE__ */ jsx17(
               IssueManagerTaskDrawerHeader,
               {
                 controller,
@@ -4612,19 +5378,19 @@ function IssueManagerTaskDrawer({
                 view
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               ScrollArea4,
               {
                 scrollbarMode: "native",
                 className: "min-h-0 flex-1 [&_[data-slot=scroll-area-viewport]]:overscroll-contain",
-                children: /* @__PURE__ */ jsx16(
+                children: /* @__PURE__ */ jsx17(
                   "div",
                   {
-                    className: cn8(
+                    className: cn9(
                       "flex flex-col",
-                      view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-9 px-6 py-7"
+                      view.bodyKind === "edit" ? "gap-[14px] px-6 py-8" : "gap-8 px-6 pt-1 pb-7"
                     ),
-                    children: /* @__PURE__ */ jsx16(
+                    children: /* @__PURE__ */ jsx17(
                       IssueManagerTaskDrawerBody,
                       {
                         controller,
@@ -4637,7 +5403,7 @@ function IssueManagerTaskDrawer({
                 )
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               IssueManagerTaskDrawerFooter,
               {
                 controller,
@@ -4655,28 +5421,28 @@ function IssueManagerTaskDrawer({
 
 // src/ui/internal/shell/useIssueManagerShellView.ts
 import {
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useEffectEvent as useEffectEvent2,
-  useRef as useRef5,
-  useState as useState7
+  useRef as useRef6,
+  useState as useState9
 } from "react";
 function useIssueManagerShellView({
   controller,
   selectedIssue,
   selectedTask
 }) {
-  const layoutRef = useRef5(null);
-  const resizeRef = useRef5(null);
-  const [sidebarWidth, setSidebarWidth] = useState7(
+  const layoutRef = useRef6(null);
+  const resizeRef = useRef6(null);
+  const [sidebarWidth, setSidebarWidth] = useState9(
     issueManagerSidebarDefaultWidth
   );
-  const [isNarrowLayout, setIsNarrowLayout] = useState7(false);
+  const [isNarrowLayout, setIsNarrowLayout] = useState9(false);
   const dismissNotification = useEffectEvent2(() => {
     controller.dismissNotification();
   });
   const floatingNotice = controller.floatingNotice;
-  const lastContentDiagnosticRef = useRef5(null);
-  useEffect6(() => {
+  const lastContentDiagnosticRef = useRef6(null);
+  useEffect7(() => {
     const publishLayout = () => {
       const width = layoutRef.current?.getBoundingClientRect().width ?? 0;
       if (!width) {
@@ -4699,7 +5465,7 @@ function useIssueManagerShellView({
       window.removeEventListener("resize", publishLayout);
     };
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!floatingNotice) {
       return void 0;
     }
@@ -4716,7 +5482,7 @@ function useIssueManagerShellView({
     selectedTaskPresent: selectedTask !== null,
     taskEditorMode: controller.taskEditorMode
   });
-  useEffect6(() => {
+  useEffect7(() => {
     const nextDiagnostic = {
       isIssueEditing: content.isIssueEditing,
       isTaskCreating: content.isTaskCreating,
@@ -4874,10 +5640,8 @@ function shouldIgnoreIssueManagerTaskDrawerBackdropEcho(input) {
 }
 
 // src/ui/internal/shell/IssueManagerShell.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var issueManagerTaskDrawerExitDurationMs = 180;
-var issueManagerTaskDrawerCloseBlockerMs = 500;
-var issueManagerTaskDrawerCloseBlockerUntilMs = 0;
 function IssueManagerShell({
   controller,
   emptyIllustration,
@@ -4892,56 +5656,18 @@ function IssueManagerShell({
     selectedIssue,
     selectedTask
   });
-  const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState8(selectedTask);
-  const [taskDrawerCloseBlockerUntilMs, setTaskDrawerCloseBlockerUntilMs] = useState8(issueManagerTaskDrawerCloseBlockerUntilMs);
-  const lastContentPointerDownRef = useRef6(
+  const [renderedTaskDrawerTask, setRenderedTaskDrawerTask] = useState10(selectedTask);
+  const lastContentPointerDownRef = useRef7(
     null
   );
-  const taskDrawerOpenPointerRef = useRef6(
+  const taskDrawerOpenPointerRef = useRef7(
     null
   );
-  const pendingTaskDrawerCloseRef = useRef6(false);
-  const taskDrawerCloseBlockerTimeoutRef = useRef6(null);
-  const previousTaskDrawerOpenRef = useRef6({
+  const pendingTaskDrawerCloseRef = useRef7(false);
+  const previousTaskDrawerOpenRef = useRef7({
     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,
@@ -4956,11 +5682,6 @@ function IssueManagerShell({
     );
     pendingTaskDrawerCloseRef.current = true;
     setRenderedTaskDrawerTask(null);
-    if (source === "backdrop") {
-      startTaskDrawerCloseBlocker();
-    } else {
-      clearTaskDrawerCloseBlocker();
-    }
     onCloseTaskDrawer();
   };
   const handleContentPointerDownCapture = (event) => {
@@ -5002,7 +5723,7 @@ function IssueManagerShell({
     }
     return echo.ignore;
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const selectedTaskId = selectedTask?.taskId ?? null;
     const previousOpen = previousTaskDrawerOpenRef.current;
     if (shellView.content.isTaskDrawerOpen) {
@@ -5079,8 +5800,7 @@ function IssueManagerShell({
   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(
+  return /* @__PURE__ */ jsxs16(
     "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",
@@ -5089,8 +5809,8 @@ function IssueManagerShell({
       ref: shellView.layoutRef,
       style: shellView.layoutStyle,
       children: [
-        shellView.floatingNotice ? /* @__PURE__ */ jsx17(IssueManagerFloatingNotice, { notice: shellView.floatingNotice }) : null,
-        /* @__PURE__ */ jsx17(
+        shellView.floatingNotice ? /* @__PURE__ */ jsx18(IssueManagerFloatingNotice, { notice: shellView.floatingNotice }) : null,
+        /* @__PURE__ */ jsx18(
           IssueManagerSidebar,
           {
             controller,
@@ -5101,7 +5821,7 @@ function IssueManagerShell({
             statusCounts: shellView.sidebar.statusCounts
           }
         ),
-        shellView.sidebar.isAutoCollapsed ? null : /* @__PURE__ */ jsx17(
+        shellView.sidebar.isAutoCollapsed ? null : /* @__PURE__ */ jsx18(
           "div",
           {
             "aria-label": controller.copy.t("labels.resizeIssueList"),
@@ -5109,7 +5829,7 @@ function IssueManagerShell({
             "aria-valuemax": shellView.resizeHandle.ariaValueMax,
             "aria-valuemin": shellView.resizeHandle.ariaValueMin,
             "aria-valuenow": shellView.resizeHandle.ariaValueNow,
-            className: cn9(
+            className: cn10(
               "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"
             ),
@@ -5120,17 +5840,17 @@ function IssueManagerShell({
             onPointerDown: shellView.resizeHandle.onPointerDown,
             onPointerMove: shellView.resizeHandle.onPointerMove,
             onPointerUp: shellView.resizeHandle.onPointerUp,
-            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)]" })
+            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)]" })
           }
         ),
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs16(
           "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(
+              /* @__PURE__ */ jsxs16("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(
                   IssueManagerIssuePane,
                   {
                     controller,
@@ -5138,14 +5858,14 @@ function IssueManagerShell({
                     selectedIssue,
                     onDismissCreate: onDismissIssueCreate
                   }
-                ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx17(
+                ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx18(
                   IssueManagerTaskComposerPane,
                   {
                     controller,
                     selectedIssue,
                     onCancel: () => controller.setTaskEditorMode("read")
                   }
-                ) : selectedIssue ? /* @__PURE__ */ jsx17(
+                ) : selectedIssue ? /* @__PURE__ */ jsx18(
                   IssueManagerIssuePane,
                   {
                     controller,
@@ -5153,14 +5873,14 @@ function IssueManagerShell({
                     selectedIssue,
                     onDismissCreate: onDismissIssueCreate
                   }
-                ) : /* @__PURE__ */ jsx17(
+                ) : /* @__PURE__ */ jsx18(
                   IssueManagerShellEmptyState,
                   {
                     controller,
                     emptyIllustration
                   }
                 ) }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   IssueManagerBottomBar,
                   {
                     controller,
@@ -5170,7 +5890,7 @@ function IssueManagerShell({
                   }
                 )
               ] }),
-              taskDrawerTask ? /* @__PURE__ */ jsx17(
+              taskDrawerTask ? /* @__PURE__ */ jsx18(
                 IssueManagerTaskDrawer,
                 {
                   controller,
@@ -5181,29 +5901,6 @@ function IssueManagerShell({
                   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
             ]
           }
@@ -5216,18 +5913,18 @@ function IssueManagerShellEmptyState({
   controller,
   emptyIllustration
 }) {
-  return /* @__PURE__ */ jsx17("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs15("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
-    emptyIllustration ? /* @__PURE__ */ jsx17("div", { className: "mb-4", children: emptyIllustration }) : null,
-    /* @__PURE__ */ jsx17("h2", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
-    /* @__PURE__ */ jsx17("p", { className: "max-w-[420px] text-[13px] leading-5 text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
-    /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx18("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs16("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
+    emptyIllustration ? /* @__PURE__ */ jsx18("div", { className: "mb-4", children: emptyIllustration }) : null,
+    /* @__PURE__ */ jsx18("h2", { className: "text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
+    /* @__PURE__ */ jsx18("p", { className: "max-w-[420px] text-[13px] leading-5 text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
+    /* @__PURE__ */ jsxs16(
       Button11,
       {
         className: "mt-2 gap-2",
         type: "button",
         onClick: () => controller.setIssueEditorMode("create"),
         children: [
-          /* @__PURE__ */ jsx17(FileCreateIcon4, { size: 16 }),
+          /* @__PURE__ */ jsx18(FileCreateIcon4, { size: 16 }),
           controller.copy.t("actions.createIssue")
         ]
       }
@@ -5236,11 +5933,11 @@ function IssueManagerShellEmptyState({
 }
 
 // src/ui/internal/shell/IssueManagerTopicSelector.tsx
-import { useEffect as useEffect8, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState11 } from "react";
 import {
   BareIconButton as BareIconButton2,
   Button as Button12,
-  CheckIcon as CheckIcon2,
+  CheckIcon,
   ChevronDownIcon as ChevronDownIcon2,
   ConfirmationDialog as ConfirmationDialog3,
   Dialog,
@@ -5261,9 +5958,9 @@ import {
   PinFilledIcon,
   PinIcon,
   Textarea,
-  cn as cn10
+  cn as cn11
 } from "@tutti-os/ui-system";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var topicSelectorMenuItemClassName = "min-h-7 overflow-hidden rounded-md py-1 text-[13px] font-normal leading-[1.2] text-[var(--text-primary)]";
 var topicSelectorRowItemClassName = "min-w-0 flex-1 bg-transparent pr-2 pl-1 hover:bg-transparent focus:bg-transparent data-[highlighted]:bg-transparent";
 function IssueManagerTopicSelector({
@@ -5276,11 +5973,11 @@ function IssueManagerTopicSelector({
   onUpdateTopic,
   topics
 }) {
-  const [dialogMode, setDialogMode] = useState9(null);
-  const [deleteTopic, setDeleteTopic] = useState9(
+  const [dialogMode, setDialogMode] = useState11(null);
+  const [deleteTopic, setDeleteTopic] = useState11(
     null
   );
-  const [menuOpen, setMenuOpen] = useState9(false);
+  const [menuOpen, setMenuOpen] = useState11(false);
   const activeTopic = topics.find((topic) => topic.topicId === activeTopicId);
   const topicLabel = copy.t("labels.topic");
   const triggerLabel = formatIssueManagerTopicSelectorTriggerLabel({
@@ -5291,13 +5988,13 @@ function IssueManagerTopicSelector({
     setMenuOpen(false);
     setDialogMode(mode);
   };
-  return /* @__PURE__ */ jsxs16(Fragment3, { children: [
-    /* @__PURE__ */ jsxs16(DropdownMenu2, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-      /* @__PURE__ */ jsx18(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+    /* @__PURE__ */ jsxs17(DropdownMenu2, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+      /* @__PURE__ */ jsx19(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs17(
         Button12,
         {
           "aria-label": topicLabel,
-          className: cn10(
+          className: cn11(
             "max-w-[220px] gap-1 rounded-md border-0 bg-transparent text-[13px] font-normal shadow-none hover:bg-transparent focus:bg-transparent focus-visible:border-0 focus-visible:bg-transparent focus-visible:ring-0 active:bg-transparent aria-expanded:bg-transparent [&[data-state=open]>svg]:rotate-180",
             className
           ),
@@ -5305,21 +6002,21 @@ function IssueManagerTopicSelector({
           type: "button",
           variant: "ghost",
           children: [
-            /* @__PURE__ */ jsx18("span", { className: "min-w-0 truncate", children: triggerLabel }),
-            /* @__PURE__ */ jsx18(ChevronDownIcon2, { className: "size-4 shrink-0 text-[var(--text-tertiary)] transition-transform duration-200" })
+            /* @__PURE__ */ jsx19("span", { className: "min-w-0 truncate", children: triggerLabel }),
+            /* @__PURE__ */ jsx19(ChevronDownIcon2, { className: "size-4 shrink-0 text-[var(--text-tertiary)] transition-transform duration-200" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs16(DropdownMenuContent2, { align: "start", className: "w-[200px] px-1", children: [
+      /* @__PURE__ */ jsxs17(DropdownMenuContent2, { align: "start", className: "w-[200px] px-1", children: [
         topics.map((topic) => {
           const isPinned = (topic.pinnedAtUnix ?? 0) > 0;
           const isActive = topic.topicId === activeTopicId;
           const pinLabel = isPinned ? copy.t("actions.unpinTopic") : copy.t("actions.pinTopic");
-          return /* @__PURE__ */ jsx18("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs16("div", { className: "group/topic-row relative flex min-h-7 min-w-0 items-center gap-0.5 rounded-md pr-0.5 pl-0.5 hover:bg-[var(--transparency-block)] focus-within:bg-[var(--transparency-block)]", children: [
-            /* @__PURE__ */ jsxs16(
+          return /* @__PURE__ */ jsx19("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs17("div", { className: "group/topic-row relative flex min-h-7 min-w-0 items-center gap-0.5 rounded-md pr-0.5 pl-0.5 hover:bg-[var(--transparency-block)] focus-within:bg-[var(--transparency-block)]", children: [
+            /* @__PURE__ */ jsxs17(
               DropdownMenuItem2,
               {
-                className: cn10(
+                className: cn11(
                   topicSelectorMenuItemClassName,
                   topicSelectorRowItemClassName
                 ),
@@ -5328,19 +6025,19 @@ function IssueManagerTopicSelector({
                   onSelectTopic(topic.topicId);
                 },
                 children: [
-                  /* @__PURE__ */ jsx18("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--accent)]", children: isActive ? /* @__PURE__ */ jsx18(CheckIcon2, { className: "size-4" }) : null }),
-                  /* @__PURE__ */ jsxs16("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                    /* @__PURE__ */ jsx18("span", { className: "truncate", children: topic.title }),
-                    topic.isDefault ? /* @__PURE__ */ jsx18("span", { className: "shrink-0 text-[11px] text-[var(--text-tertiary)]", children: copy.t("labels.topicDefault") }) : null
+                  /* @__PURE__ */ jsx19("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--accent)]", children: isActive ? /* @__PURE__ */ jsx19(CheckIcon, { className: "size-4" }) : null }),
+                  /* @__PURE__ */ jsxs17("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                    /* @__PURE__ */ jsx19("span", { className: "truncate", children: topic.title }),
+                    topic.isDefault ? /* @__PURE__ */ jsx19("span", { className: "shrink-0 text-[11px] text-[var(--text-tertiary)]", children: copy.t("labels.topicDefault") }) : null
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               BareIconButton2,
               {
                 "aria-label": pinLabel,
-                className: cn10(
+                className: cn11(
                   "pointer-events-none shrink-0 opacity-0 text-[var(--text-tertiary)] transition-opacity duration-150 group-hover/topic-row:pointer-events-auto group-hover/topic-row:opacity-100 group-focus-within/topic-row:pointer-events-auto group-focus-within/topic-row:opacity-100 hover:text-[var(--text-primary)]",
                   isPinned && "text-[var(--text-primary)]"
                 ),
@@ -5354,11 +6051,11 @@ function IssueManagerTopicSelector({
                     topicId: topic.topicId
                   });
                 },
-                children: isPinned ? /* @__PURE__ */ jsx18(PinFilledIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx18(PinIcon, { className: "size-3.5" })
+                children: isPinned ? /* @__PURE__ */ jsx19(PinFilledIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx19(PinIcon, { className: "size-3.5" })
               }
             ),
-            /* @__PURE__ */ jsxs16(DropdownMenu2, { modal: false, children: [
-              /* @__PURE__ */ jsx18(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsxs17(DropdownMenu2, { modal: false, children: [
+              /* @__PURE__ */ jsx19(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx19(
                 BareIconButton2,
                 {
                   "aria-label": copy.t("actions.moreActions"),
@@ -5368,17 +6065,17 @@ function IssueManagerTopicSelector({
                   onClick: (event) => {
                     event.stopPropagation();
                   },
-                  children: /* @__PURE__ */ jsx18(MoreHorizontalIcon, { className: "size-3.5" })
+                  children: /* @__PURE__ */ jsx19(MoreHorizontalIcon, { className: "size-3.5" })
                 }
               ) }),
-              /* @__PURE__ */ jsxs16(
+              /* @__PURE__ */ jsxs17(
                 DropdownMenuContent2,
                 {
                   align: "end",
                   className: "w-32",
                   sideOffset: 6,
                   children: [
-                    /* @__PURE__ */ jsxs16(
+                    /* @__PURE__ */ jsxs17(
                       DropdownMenuItem2,
                       {
                         onSelect: (event) => {
@@ -5389,12 +6086,12 @@ function IssueManagerTopicSelector({
                           });
                         },
                         children: [
-                          /* @__PURE__ */ jsx18(EditIcon, { className: "size-3.5" }),
-                          /* @__PURE__ */ jsx18("span", { children: copy.t("actions.editTopic") })
+                          /* @__PURE__ */ jsx19(EditIcon, { className: "size-3.5" }),
+                          /* @__PURE__ */ jsx19("span", { children: copy.t("actions.editTopic") })
                         ]
                       }
                     ),
-                    !topic.isDefault ? /* @__PURE__ */ jsxs16(
+                    !topic.isDefault ? /* @__PURE__ */ jsxs17(
                       DropdownMenuItem2,
                       {
                         variant: "destructive",
@@ -5404,8 +6101,8 @@ function IssueManagerTopicSelector({
                           setDeleteTopic(topic);
                         },
                         children: [
-                          /* @__PURE__ */ jsx18(DeleteIcon, { className: "size-3.5" }),
-                          /* @__PURE__ */ jsx18("span", { children: copy.t("actions.delete") })
+                          /* @__PURE__ */ jsx19(DeleteIcon, { className: "size-3.5" }),
+                          /* @__PURE__ */ jsx19("span", { children: copy.t("actions.delete") })
                         ]
                       }
                     ) : null
@@ -5415,12 +6112,12 @@ function IssueManagerTopicSelector({
             ] })
           ] }) }, topic.topicId);
         }),
-        topics.length === 0 ? /* @__PURE__ */ jsx18("div", { className: "px-3 py-2 text-[11px] leading-4 text-[var(--text-tertiary)]", children: copy.t("messages.topicListEmpty") }) : null,
-        /* @__PURE__ */ jsx18(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs16(
+        topics.length === 0 ? /* @__PURE__ */ jsx19("div", { className: "px-3 py-2 text-[11px] leading-4 text-[var(--text-tertiary)]", children: copy.t("messages.topicListEmpty") }) : null,
+        /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs17(
           DropdownMenuItem2,
           {
-            className: cn10(
+            className: cn11(
               topicSelectorMenuItemClassName,
               "justify-start gap-2 px-2 text-left"
             ),
@@ -5432,14 +6129,14 @@ function IssueManagerTopicSelector({
               });
             },
             children: [
-              /* @__PURE__ */ jsx18(FileCreateIcon5, { className: "size-3.5" }),
-              /* @__PURE__ */ jsx18("span", { className: "truncate", children: copy.t("actions.createTopic") })
+              /* @__PURE__ */ jsx19(FileCreateIcon5, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx19("span", { className: "truncate", children: copy.t("actions.createTopic") })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       IssueManagerTopicDialog,
       {
         copy,
@@ -5454,7 +6151,7 @@ function IssueManagerTopicSelector({
         onUpdateTopic
       }
     ),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       ConfirmationDialog3,
       {
         cancelLabel: copy.t("actions.cancel"),
@@ -5495,9 +6192,9 @@ function IssueManagerTopicDialog({
   onUpdateTopic,
   open
 }) {
-  const [summaryDraft, setSummaryDraft] = useState9("");
-  const [titleDraft, setTitleDraft] = useState9("");
-  useEffect8(() => {
+  const [summaryDraft, setSummaryDraft] = useState11("");
+  const [titleDraft, setTitleDraft] = useState11("");
+  useEffect9(() => {
     setTitleDraft(mode?.topic?.title ?? "");
     setSummaryDraft(mode?.topic?.summary ?? "");
   }, [mode]);
@@ -5522,12 +6219,12 @@ function IssueManagerTopicDialog({
     }
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx18(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "sm:max-w-[480px]", children: [
-    /* @__PURE__ */ jsx18(DialogHeader, { children: /* @__PURE__ */ jsx18(DialogTitle, { children: dialogTitle }) }),
-    /* @__PURE__ */ jsxs16("form", { className: "grid gap-4", onSubmit: submit, children: [
-      /* @__PURE__ */ jsxs16("label", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[11px] font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicTitle") }),
-        /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent, { className: "sm:max-w-[480px]", children: [
+    /* @__PURE__ */ jsx19(DialogHeader, { children: /* @__PURE__ */ jsx19(DialogTitle, { children: dialogTitle }) }),
+    /* @__PURE__ */ jsxs17("form", { className: "grid gap-4", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs17("label", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-[11px] font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicTitle") }),
+        /* @__PURE__ */ jsx19(
           Input3,
           {
             autoFocus: true,
@@ -5537,9 +6234,9 @@ function IssueManagerTopicDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16("label", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[11px] font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicSummary") }),
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("label", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-[11px] font-medium leading-4 text-[var(--text-secondary)]", children: copy.t("labels.topicSummary") }),
+        /* @__PURE__ */ jsx19(
           Textarea,
           {
             className: "min-h-24 resize-none",
@@ -5549,8 +6246,8 @@ function IssueManagerTopicDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs16(DialogFooter, { className: "pt-2", children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17(DialogFooter, { className: "pt-2", children: [
+        /* @__PURE__ */ jsx19(
           Button12,
           {
             size: "dialog",
@@ -5560,14 +6257,14 @@ function IssueManagerTopicDialog({
             children: copy.t("actions.cancel")
           }
         ),
-        /* @__PURE__ */ jsx18(Button12, { disabled: !title, size: "dialog", type: "submit", children: copy.t("actions.saveTopic") })
+        /* @__PURE__ */ jsx19(Button12, { disabled: !title, size: "dialog", type: "submit", children: copy.t("actions.saveTopic") })
       ] })
     ] })
   ] }) });
 }
 
 // src/ui/IssueManagerNode.tsx
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function IssueManagerNode({
   diagnostics,
   emptyIllustration,
@@ -5593,8 +6290,8 @@ function IssueManagerNode({
     state,
     workspaceId
   });
-  const lastHandledOpenRequestIdRef = useRef7(null);
-  useEffect9(() => {
+  const lastHandledOpenRequestIdRef = useRef8(null);
+  useEffect10(() => {
     if (!openRequest?.requestId) {
       return;
     }
@@ -5630,7 +6327,7 @@ function IssueManagerNode({
     controller.selectIssue(openRequest.issueId);
     controller.selectTask(openRequest.taskId?.trim() || null);
   }, [controller, openRequest]);
-  useEffect9(() => {
+  useEffect10(() => {
     dispatchIssueManagerTopicHeaderState({
       activeTopicId: controller.nodeState.activeTopicId ?? null,
       nodeId,
@@ -5657,7 +6354,7 @@ function IssueManagerNode({
     },
     workspaceId
   });
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       "aria-label": controller.copy.t("title"),
@@ -5665,7 +6362,7 @@ function IssueManagerNode({
       "data-issue-manager-node-id": nodeId,
       "data-issue-manager-workspace-id": workspaceId,
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           IssueManagerShell,
           {
             controller,
@@ -5677,7 +6374,7 @@ function IssueManagerNode({
             selectedTask
           }
         ),
-        feature.referenceSourceAggregator ? /* @__PURE__ */ jsx19(
+        feature.referenceSourceAggregator ? /* @__PURE__ */ jsx20(
           ReferenceSourcePicker,
           {
             aggregator: feature.referenceSourceAggregator,
@@ -5688,7 +6385,7 @@ function IssueManagerNode({
             onConfirm: referencePicker.onConfirm,
             onConfirmBundles: referencePicker.onConfirmBundles
           }
-        ) : /* @__PURE__ */ jsx19(
+        ) : /* @__PURE__ */ jsx20(
           WorkspaceFileReferencePicker,
           {
             copy: controller.copy,
@@ -5741,16 +6438,16 @@ function IssueManagerNodeHeader({
     nodeId,
     workspaceId
   });
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "header",
     {
       ...restHeaderProps,
-      className: cn11(
+      className: cn12(
         "relative flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "div",
           {
             ...dragHandleProps,
@@ -5758,14 +6455,14 @@ function IssueManagerNodeHeader({
             className: "absolute inset-0 cursor-grab active:cursor-grabbing"
           }
         ),
-        /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18(
           "div",
           {
             ...dragHandleProps,
             className: "z-10 flex min-w-0 cursor-grab items-center gap-2 active:cursor-grabbing",
             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(
+              /* @__PURE__ */ jsx20("span", { className: "min-w-0 truncate text-[13px] font-semibold leading-5 text-[var(--text-primary)]", children: title?.trim() || copy.t("title") }),
+              /* @__PURE__ */ jsx20(
                 Button13,
                 {
                   "aria-label": toggleLabel,
@@ -5782,19 +6479,19 @@ function IssueManagerNodeHeader({
                   },
                   onDoubleClick: (event) => event.stopPropagation(),
                   onPointerDown: (event) => event.stopPropagation(),
-                  children: /* @__PURE__ */ jsx19(PanelIcon, { className: "size-[18px]" })
+                  children: /* @__PURE__ */ jsx20(PanelIcon, { className: "size-[18px]" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx19("div", { className: "pointer-events-none absolute top-1/2 left-1/2 z-20 flex max-w-[220px] -translate-x-1/2 -translate-y-1/2 items-center justify-center", children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "pointer-events-none absolute top-1/2 left-1/2 z-20 flex max-w-[220px] -translate-x-1/2 -translate-y-1/2 items-center justify-center", children: /* @__PURE__ */ jsx20(
           "div",
           {
             className: "pointer-events-auto flex min-w-0 flex-none",
             onDoubleClick: (event) => event.stopPropagation(),
             onPointerDown: (event) => event.stopPropagation(),
-            children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx20(
               IssueManagerTopicSelector,
               {
                 activeTopicId: topicState.activeTopicId,
@@ -5833,7 +6530,7 @@ function IssueManagerNodeHeader({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           "div",
           {
             className: "z-10 flex flex-none items-center gap-1",
@@ -5852,4 +6549,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-GEH4QNB6.js.map
+//# sourceMappingURL=chunk-DYOOXQA7.js.map