@nextop-os/workspace-issue-manager 0.0.23 → 0.0.25

package/dist/{chunk-XI6VLBSW.js → chunk-PDBLEOV4.js}

@@ -25,7 +25,7 @@ import {
   toContextRefInput,
   toIssueManagerWorkspaceFileLinkInput,
   uniqueIssueManagerFileReferences
-} from "./chunk-ZWDF5XA7.js";
+} from "./chunk-UZEH5YBL.js";
 import {
   appendIssueManagerWorkspaceFileLinksToContent,
   clampIssueManagerSidebarWidth,
@@ -36,7 +36,7 @@ import {
   issueManagerSidebarMinWidth,
   normalizeIssueManagerContent,
   shouldAutoCollapseIssueManagerSidebar
-} from "./chunk-V75TAM27.js";
+} from "./chunk-QW2WQXOG.js";
 
 // src/ui/react/internal/shell/IssueManagerNodeState.ts
 import { useEffect, useEffectEvent, useState } from "react";
@@ -741,9 +741,9 @@ function createIssueManagerControllerActions(input) {
         selectedTaskId: null
       }));
     },
-    async deleteIssue() {
+    async deleteIssue(options) {
       const selectedIssueId = nodeState.selectedIssueId;
-      if (!selectedIssueId || !confirmIssueManagerMessage(copy.t("confirmations.deleteIssue"))) {
+      if (!selectedIssueId || options?.skipConfirmation !== true && !confirmIssueManagerMessage(copy.t("confirmations.deleteIssue"))) {
         return;
       }
       try {
@@ -759,10 +759,10 @@ function createIssueManagerControllerActions(input) {
         notifyError(error, "messages.issueDeleteFailed");
       }
     },
-    async deleteTask() {
+    async deleteTask(options) {
       const selectedIssueId = nodeState.selectedIssueId;
       const selectedTaskId = nodeState.selectedTaskId;
-      if (!selectedIssueId || !selectedTaskId || !confirmIssueManagerMessage(copy.t("confirmations.deleteTask"))) {
+      if (!selectedIssueId || !selectedTaskId || options?.skipConfirmation !== true && !confirmIssueManagerMessage(copy.t("confirmations.deleteTask"))) {
         return;
       }
       try {
@@ -1659,39 +1659,46 @@ function hasFileAdapterMethod2(fileAdapter, methodName) {
 }
 
 // src/ui/IssueManagerNode.tsx
-import { Button as Button14, PanelIcon, cn as cn10 } from "@nextop-os/ui-system";
+import { Button as Button14, PanelIcon, cn as cn12 } from "@nextop-os/ui-system";
 
 // src/ui/internal/reference/IssueManagerReferencePicker.tsx
-import { useMemo as useMemo4 } from "react";
 import { createPortal } from "react-dom";
 import {
   Button as Button3,
   Card,
   CardContent,
-  CardDescription,
   CardHeader,
   CardTitle,
-  CloseIcon
+  CloseIcon,
+  cn as cn2
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/reference/IssueManagerReferencePickerSections.tsx
-import { Badge, Button as Button2, DirectoryIcon as DirectoryIcon2, FileIcon as FileIcon2 } from "@nextop-os/ui-system";
+import {
+  Badge,
+  Button as Button2,
+  FileIcon as FileIcon2,
+  FolderFilledIcon as FolderFilledIcon2
+} from "@nextop-os/ui-system";
 
 // src/ui/internal/reference/IssueManagerReferencePickerTree.tsx
+import { useEffect as useEffect4, useState as useState3 } from "react";
 import {
+  AddIcon,
   ArrowRightIcon,
   Button,
   CheckIcon,
-  DirectoryIcon,
   FileIcon,
+  FolderFilledIcon,
   Input,
-  LoadingIcon,
   ScrollArea,
   SearchIcon,
+  Spinner,
   cn
 } from "@nextop-os/ui-system";
 import { jsx, jsxs } from "react/jsx-runtime";
-var issueManagerReferenceTreeIndent = 20;
+var issueManagerReferenceTreeIndent = 24;
+var issueManagerReferenceTreeCollapseDurationMs = 200;
 function IssueManagerReferencePickerBrowserPane({
   browseRootEntries,
   copy,
@@ -1708,9 +1715,9 @@ function IssueManagerReferencePickerBrowserPane({
   onToggleFolder,
   onToggleRef
 }) {
-  return /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-col border-b border-border/70 lg:border-r lg:border-b-0", children: [
-    /* @__PURE__ */ jsx("div", { className: "space-y-3 border-b border-border/70 px-4 py-4 sm:px-5", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }),
+  return /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-col border-b border-[var(--line-1)] lg:border-r lg:border-b-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b border-[var(--line-1)] p-3", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-[var(--text-tertiary)]" }),
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -1721,7 +1728,7 @@ function IssueManagerReferencePickerBrowserPane({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-3", children: isLoading ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: /* @__PURE__ */ jsx(LoadingIcon, { className: "size-4 animate-spin" }) }) : visibleEntries.length === 0 ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) : mode === "browse" ? /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: browseRootEntries.map((entry) => /* @__PURE__ */ jsx(
+    isLoading ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: /* @__PURE__ */ jsx(Spinner, { className: "text-[var(--text-secondary)]", size: 16 }) }) : visibleEntries.length === 0 ? /* @__PURE__ */ jsx(IssueManagerReferencePickerFeedback, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) : /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px] p-3", children: mode === "browse" ? /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: browseRootEntries.map((entry) => /* @__PURE__ */ jsx(
       IssueManagerReferencePickerTreeEntry,
       {
         childDepth: 1,
@@ -1741,7 +1748,9 @@ function IssueManagerReferencePickerBrowserPane({
       {
         entry,
         focused: focusedPath === entry.path,
-        selected: selectedRefs.some((item) => item.path === entry.path),
+        selected: selectedRefs.some(
+          (item) => item.path === entry.path
+        ),
         onFocusPath,
         onToggleRef
       },
@@ -1768,13 +1777,62 @@ function IssueManagerReferencePickerTreeEntry({
   const expanded = expandedFolderPaths[folderKey] ?? false;
   const childState = directoryStateByPath[folderKey];
   const childEntries = childState?.entries ?? [];
+  const [shouldRenderChildContent, setShouldRenderChildContent] = useState3(expanded);
+  useEffect4(() => {
+    if (expanded) {
+      setShouldRenderChildContent(true);
+      return;
+    }
+    const timeoutId = window.setTimeout(() => {
+      setShouldRenderChildContent(false);
+    }, issueManagerReferenceTreeCollapseDurationMs);
+    return () => window.clearTimeout(timeoutId);
+  }, [expanded]);
+  const shouldBuildChildContent = expanded || shouldRenderChildContent;
+  const childContent = shouldBuildChildContent ? childState?.loading ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-2 px-2 py-2 text-xs text-[var(--text-secondary)]",
+      style: {
+        paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
+      },
+      children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "text-[var(--text-secondary)]", size: 14 }),
+        /* @__PURE__ */ jsx("span", { children: copy.t("referencePicker.loading") })
+      ]
+    }
+  ) : childEntries.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: childEntries.map((childEntry) => /* @__PURE__ */ jsx(
+    IssueManagerReferencePickerTreeEntry,
+    {
+      childDepth: childDepth + 1,
+      copy,
+      directoryStateByPath,
+      entry: childEntry,
+      expandedFolderPaths,
+      focusedPath,
+      selectedRefs,
+      onFocusPath,
+      onToggleFolder,
+      onToggleRef
+    },
+    childEntry.path
+  )) }) : childState?.loaded ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "px-2 py-2 text-xs text-[var(--text-secondary)]",
+      style: {
+        paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
+      },
+      children: copy.t("referencePicker.emptyDirectory")
+    }
+  ) : null : null;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
-          "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 rounded-lg px-2 py-1.5 transition-colors",
-          focused || selected ? "bg-transparency-block" : "hover:bg-transparency-block/60"
+          "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-2 rounded-[6px] py-1.5 pr-1 pl-2 transition-colors",
+          focused || selected ? "bg-transparency-block" : "hover:bg-transparency-block"
         ),
         style: {
           paddingLeft: `${(childDepth - 1) * issueManagerReferenceTreeIndent + 8}px`
@@ -1784,7 +1842,7 @@ function IssueManagerReferencePickerTreeEntry({
             "button",
             {
               "aria-label": resolveIssueManagerReferenceLabel(entry),
-              className: "grid size-5 shrink-0 place-items-center rounded-sm text-muted-foreground hover:bg-background/80",
+              className: "grid size-5 shrink-0 place-items-center rounded-sm text-[var(--text-secondary)] hover:bg-[var(--transparency-hover)]",
               type: "button",
               onClick: () => onToggleFolder(entry),
               children: /* @__PURE__ */ jsx(
@@ -1810,64 +1868,50 @@ function IssueManagerReferencePickerTreeEntry({
                 }
               },
               children: [
-                isFolder ? /* @__PURE__ */ jsx(DirectoryIcon, { className: "size-4 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-foreground", children: resolveIssueManagerReferenceLabel(entry) })
+                isFolder ? /* @__PURE__ */ jsx(FolderFilledIcon, { className: "size-4 shrink-0 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 shrink-0 text-[var(--text-tertiary)]" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(entry) })
               ]
             }
           ),
           /* @__PURE__ */ jsx(
             Button,
             {
-              size: "xs",
+              "aria-label": resolveIssueManagerReferenceLabel(entry),
+              "aria-pressed": selected,
+              size: "icon-sm",
               type: "button",
-              variant: selected ? "secondary" : "outline",
+              variant: "ghost",
               onClick: () => {
                 onFocusPath(entry.path);
                 onToggleRef(entry);
               },
-              children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : "+"
+              children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(AddIcon, { size: 16 })
             }
           )
         ]
       }
     ),
-    isFolder && expanded ? childState?.loading ? /* @__PURE__ */ jsxs(
+    isFolder ? /* @__PURE__ */ jsx(
       "div",
       {
-        className: "flex items-center gap-2 px-2 py-2 text-xs text-muted-foreground",
-        style: {
-          paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
-        },
-        children: [
-          /* @__PURE__ */ jsx(LoadingIcon, { className: "size-3.5 animate-spin" }),
-          /* @__PURE__ */ jsx("span", { children: copy.t("referencePicker.loading") })
-        ]
-      }
-    ) : childEntries.length > 0 ? childEntries.map((childEntry) => /* @__PURE__ */ jsx(
-      IssueManagerReferencePickerTreeEntry,
-      {
-        childDepth: childDepth + 1,
-        copy,
-        directoryStateByPath,
-        entry: childEntry,
-        expandedFolderPaths,
-        focusedPath,
-        selectedRefs,
-        onFocusPath,
-        onToggleFolder,
-        onToggleRef
-      },
-      childEntry.path
-    )) : childState?.loaded ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "px-2 py-2 text-xs text-muted-foreground",
-        style: {
-          paddingLeft: `${childDepth * issueManagerReferenceTreeIndent + 12}px`
-        },
-        children: copy.t("referencePicker.emptyDirectory")
+        className: cn(
+          "grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+          expanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": expanded ? void 0 : "true",
+            className: cn(
+              "min-h-0 overflow-hidden transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none",
+              expanded ? "translate-y-0 opacity-100" : "-translate-y-1 opacity-0"
+            ),
+            inert: expanded ? void 0 : true,
+            children: childContent
+          }
+        )
       }
-    ) : null : null
+    ) : null
   ] });
 }
 function IssueManagerReferencePickerSearchEntry({
@@ -1882,8 +1926,8 @@ function IssueManagerReferencePickerSearchEntry({
     "div",
     {
       className: cn(
-        "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-xl border px-3 py-2.5 transition-colors",
-        focused || selected ? "border-border bg-transparency-block" : "border-transparent bg-transparent hover:border-border/70 hover:bg-transparency-block/60"
+        "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3 rounded-[6px] border py-2.5 pr-1 pl-3 transition-colors",
+        focused || selected ? "border-border bg-transparency-block" : "border-transparent bg-transparent hover:border-border/70 hover:bg-transparency-block"
       ),
       children: [
         /* @__PURE__ */ jsxs(
@@ -1893,10 +1937,10 @@ function IssueManagerReferencePickerSearchEntry({
             type: "button",
             onClick: () => onFocusPath(entry.path),
             children: [
-              /* @__PURE__ */ jsx("span", { className: "grid size-9 shrink-0 place-items-center rounded-lg bg-background/90 text-muted-foreground", children: isFolder ? /* @__PURE__ */ jsx(DirectoryIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4" }) }),
+              /* @__PURE__ */ jsx("span", { className: "grid size-9 shrink-0 place-items-center rounded-lg bg-[var(--transparency-block)] text-[var(--text-tertiary)]", children: isFolder ? /* @__PURE__ */ jsx(FolderFilledIcon, { className: "size-4 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 text-[var(--text-tertiary)]" }) }),
               /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-foreground", children: resolveIssueManagerReferenceLabel(entry) }),
-                /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: entry.path })
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(entry) }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-[var(--text-secondary)]", children: entry.path })
               ] })
             ]
           }
@@ -1904,14 +1948,16 @@ function IssueManagerReferencePickerSearchEntry({
         /* @__PURE__ */ jsx(
           Button,
           {
-            size: "xs",
+            "aria-label": resolveIssueManagerReferenceLabel(entry),
+            "aria-pressed": selected,
+            size: "icon-sm",
             type: "button",
-            variant: selected ? "secondary" : "outline",
+            variant: "ghost",
             onClick: () => {
               onFocusPath(entry.path);
               onToggleRef(entry);
             },
-            children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : "+"
+            children: selected ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(AddIcon, { size: 16 })
           }
         )
       ]
@@ -1921,7 +1967,7 @@ function IssueManagerReferencePickerSearchEntry({
 function IssueManagerReferencePickerFeedback({
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "grid min-h-[10rem] place-items-center px-4 text-center text-sm text-muted-foreground", children });
+  return /* @__PURE__ */ jsx("div", { className: "grid min-h-0 flex-1 place-items-center px-4 text-center text-sm text-[var(--text-secondary)]", children });
 }
 function resolveIssueManagerReferenceLabel(ref) {
   return ref.displayName || ref.path.split("/").filter(Boolean).at(-1) || ref.path;
@@ -1929,19 +1975,20 @@ function resolveIssueManagerReferenceLabel(ref) {
 
 // src/ui/internal/reference/IssueManagerReferencePickerSections.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var issueManagerReferencePickerSelectedBadgeClassName = "max-w-[14rem] rounded-[4px] border-transparent bg-[var(--transparency-block)] text-[var(--text-primary)]";
 function IssueManagerReferencePickerPreviewPane({
   copy,
   focusedEntry,
   mode
 }) {
-  return /* @__PURE__ */ jsx2("aside", { className: "flex shrink-0 flex-col border-t border-border/70 bg-panel/40 lg:min-h-0 lg:flex-1 lg:border-t-0", children: /* @__PURE__ */ jsx2("div", { className: "flex min-h-0 flex-1 flex-col px-4 py-4 sm:px-5 lg:py-5", children: focusedEntry ? /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-col gap-4 lg:flex-1 lg:gap-5", children: [
-    /* @__PURE__ */ jsx2("div", { className: "flex h-32 min-h-32 items-center justify-center rounded-2xl border border-border/70 bg-background/72 p-5 sm:h-40 sm:min-h-40 lg:h-56 lg:min-h-56 lg:p-6", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4 text-center", children: [
-      /* @__PURE__ */ jsx2("span", { className: "mx-auto grid size-14 place-items-center rounded-2xl bg-transparency-block text-muted-foreground", children: focusedEntry.kind === "folder" ? /* @__PURE__ */ jsx2(DirectoryIcon2, { className: "size-7" }) : /* @__PURE__ */ jsx2(FileIcon2, { className: "size-7" }) }),
-      /* @__PURE__ */ jsx2("p", { className: "max-w-[24ch] text-sm leading-5 text-muted-foreground [overflow-wrap:anywhere]", children: focusedEntry.kind === "folder" ? focusedEntry.path : resolveIssueManagerReferenceLabel(focusedEntry) })
-    ] }) }),
+  return /* @__PURE__ */ jsx2("aside", { className: "flex shrink-0 flex-col border-t border-[var(--line-1)] bg-[var(--background-fronted)] lg:min-h-0 lg:flex-1 lg:border-t-0", children: /* @__PURE__ */ jsx2("div", { className: "flex min-h-0 flex-1 flex-col px-4 py-4 sm:px-5 lg:py-5", children: focusedEntry ? /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-col gap-4 lg:flex-1 lg:gap-5", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex min-h-32 flex-col items-center justify-center space-y-4 rounded-[8px] border border-[var(--line-2,var(--border-2))] bg-[var(--transparency-block)] px-5 py-8 text-center sm:min-h-40 sm:py-10 lg:min-h-56 lg:py-14", children: [
+      focusedEntry.kind === "folder" ? /* @__PURE__ */ jsx2(FolderFilledIcon2, { className: "mx-auto size-9 text-[var(--rich-text-folder)]" }) : /* @__PURE__ */ jsx2(FileIcon2, { className: "mx-auto size-9 text-[var(--text-tertiary)]" }),
+      /* @__PURE__ */ jsx2("p", { className: "mx-auto max-w-[24ch] text-sm leading-5 text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: focusedEntry.kind === "folder" ? focusedEntry.path : resolveIssueManagerReferenceLabel(focusedEntry) })
+    ] }),
     /* @__PURE__ */ jsx2("div", { className: "space-y-2 lg:space-y-3", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx2("p", { className: "truncate text-[15px] font-semibold text-foreground", children: resolveIssueManagerReferenceLabel(focusedEntry) }),
-      /* @__PURE__ */ jsx2("p", { className: "line-clamp-3 text-sm text-muted-foreground [overflow-wrap:anywhere]", children: focusedEntry.path })
+      /* @__PURE__ */ jsx2("p", { className: "truncate text-[15px] font-semibold text-[var(--text-primary)]", children: resolveIssueManagerReferenceLabel(focusedEntry) }),
+      /* @__PURE__ */ jsx2("p", { className: "line-clamp-3 text-sm text-[var(--text-secondary)] [overflow-wrap:anywhere]", children: focusedEntry.path })
     ] }) })
   ] }) : /* @__PURE__ */ jsx2(IssueManagerReferencePickerFeedback2, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) }) });
 }
@@ -1951,26 +1998,34 @@ function IssueManagerReferencePickerFooter({
   onConfirm,
   selectedRefs
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 border-t border-border/70 px-4 py-4 sm:px-6 lg:flex-row lg:items-center lg:justify-between", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 border-t border-[var(--line-1)] px-4 py-4 sm:px-6 lg:flex-row lg:items-center lg:justify-between", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-wrap items-center gap-2 lg:flex-1", children: [
-      /* @__PURE__ */ jsx2("span", { className: "text-sm text-muted-foreground", children: copy.t("referencePicker.selectedCount", {
+      /* @__PURE__ */ jsx2("span", { className: "text-sm text-[var(--text-secondary)]", children: copy.t("referencePicker.selectedCount", {
         count: selectedRefs.length
       }) }),
       selectedRefs.slice(0, 2).map((ref) => /* @__PURE__ */ jsx2(
         Badge,
         {
-          className: "max-w-[14rem] border-border/70 bg-background/80 text-foreground",
+          className: issueManagerReferencePickerSelectedBadgeClassName,
+          variant: "secondary",
           children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: resolveIssueManagerReferenceLabel(ref) })
         },
         ref.path
       )),
-      selectedRefs.length > 2 ? /* @__PURE__ */ jsxs2(Badge, { className: "border-border/70 bg-background/80 text-muted-foreground", children: [
-        "+",
-        selectedRefs.length - 2
-      ] }) : null
+      selectedRefs.length > 2 ? /* @__PURE__ */ jsxs2(
+        Badge,
+        {
+          className: issueManagerReferencePickerSelectedBadgeClassName,
+          variant: "secondary",
+          children: [
+            "+",
+            selectedRefs.length - 2
+          ]
+        }
+      ) : null
     ] }),
     /* @__PURE__ */ jsxs2("div", { className: "flex w-full items-center justify-end gap-2 lg:w-auto lg:shrink-0", children: [
-      /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "outline", onClick: onClose, children: copy.t("actions.cancel") }),
+      /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "secondary", onClick: onClose, children: copy.t("actions.cancel") }),
       /* @__PURE__ */ jsx2(
         Button2,
         {
@@ -1986,11 +2041,13 @@ function IssueManagerReferencePickerFooter({
 function IssueManagerReferencePickerFeedback2({
   children
 }) {
-  return /* @__PURE__ */ jsx2("div", { className: "grid min-h-[10rem] place-items-center px-4 text-center text-sm text-muted-foreground", children });
+  return /* @__PURE__ */ jsx2("div", { className: "grid min-h-0 flex-1 place-items-center px-4 text-center text-sm text-[var(--text-secondary)]", children });
 }
 
 // src/ui/internal/reference/IssueManagerReferencePicker.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var issueManagerReferencePickerBackdropMotionClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none";
+var issueManagerReferencePickerPanelMotionClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-[0.96] motion-safe:duration-[250ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none";
 function IssueManagerReferencePicker({
   copy,
   fileAdapter,
@@ -2021,32 +2078,31 @@ function IssueManagerReferencePicker({
     open,
     workspaceId
   });
-  const selectedCountLabel = useMemo4(
-    () => copy.t("referencePicker.selectedCount", { count: selectedRefs.length }),
-    [copy, selectedRefs.length]
-  );
   if (!open) {
     return null;
   }
   const dialog = /* @__PURE__ */ jsx3(
     "div",
     {
-      className: "fixed inset-0 grid place-items-center bg-black/24 px-3 py-4 backdrop-blur-md sm:px-6 sm:py-8",
+      className: cn2(
+        "fixed inset-0 grid place-items-center bg-[var(--backdrop)] px-3 py-4 backdrop-blur-md sm:px-6 sm:py-8",
+        issueManagerReferencePickerBackdropMotionClassName
+      ),
       style: { zIndex: "var(--z-panel)" },
       onClick: onClose,
       children: /* @__PURE__ */ jsxs3(
         Card,
         {
           "aria-modal": "true",
-          className: "flex h-[min(88vh,44rem)] w-full max-w-5xl flex-col gap-0 overflow-hidden border-border/70 bg-popover/98 py-0 shadow-[var(--workbench-window-elevation)] sm:h-[min(82vh,44rem)]",
+          className: cn2(
+            "flex h-[min(88vh,44rem)] w-full max-w-5xl origin-center flex-col gap-0 overflow-hidden border-[var(--line-1)] bg-[var(--background-fronted)] py-0 text-[var(--text-primary)] shadow-panel sm:h-[min(82vh,44rem)]",
+            issueManagerReferencePickerPanelMotionClassName
+          ),
           role: "dialog",
           onClick: (event) => event.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx3(CardHeader, { className: "border-b border-border/70 px-4 py-4 sm:px-6 sm:py-5", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "min-w-0 space-y-1", children: [
-                /* @__PURE__ */ jsx3(CardTitle, { children: copy.t("referencePicker.title") }),
-                /* @__PURE__ */ jsx3(CardDescription, { children: selectedCountLabel })
-              ] }),
+            /* @__PURE__ */ jsx3(CardHeader, { className: "border-b border-[var(--line-1)] px-4 py-4 sm:px-6 sm:py-5", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsx3("div", { className: "min-w-0", children: /* @__PURE__ */ jsx3(CardTitle, { children: copy.t("referencePicker.title") }) }),
               /* @__PURE__ */ jsx3(
                 Button3,
                 {
@@ -2109,10 +2165,11 @@ function IssueManagerReferencePicker({
 }
 
 // src/ui/internal/shell/IssueManagerShell.tsx
-import { Button as Button13, cn as cn9 } from "@nextop-os/ui-system";
+import { Button as Button13, FileCreateIcon as FileCreateIcon4, cn as cn11 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerPanels.tsx
-import { Badge as Badge3, Button as Button7, Input as Input2 } from "@nextop-os/ui-system";
+import { useState as useState6 } from "react";
+import { Badge as Badge3, Button as Button7, ConfirmationDialog, Input as Input2 } from "@nextop-os/ui-system";
 
 // src/ui/internal/issue/IssueManagerIssueSections.tsx
 import {
@@ -2120,7 +2177,7 @@ import {
   Button as Button5,
   FileCreateIcon as FileCreateIcon2,
   ScrollArea as ScrollArea2,
-  cn as cn2
+  cn as cn3
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/panel/IssueManagerPanelText.ts
@@ -2146,23 +2203,6 @@ function resolveIssueManagerCreatorLabel(entity) {
 // src/ui/internal/panel/IssueManagerPanelSurface.tsx
 import { Button as Button4, FileCreateIcon } from "@nextop-os/ui-system";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var workspaceDockTaskImage = new URL(
-  "../../../assets/workspace-dock-task.png",
-  import.meta.url
-).href;
-function IssueManagerEmptyIllustration() {
-  return /* @__PURE__ */ jsx4(
-    "img",
-    {
-      alt: "",
-      "aria-hidden": "true",
-      className: "h-[84px] w-[84px] object-contain",
-      decoding: "async",
-      draggable: false,
-      src: workspaceDockTaskImage
-    }
-  );
-}
 function IssueManagerPaneLoadingState() {
   return /* @__PURE__ */ jsxs4(
     "div",
@@ -2212,19 +2252,19 @@ function IssueManagerDetailTextSection({
   tone = "muted"
 }) {
   return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: label }),
     /* @__PURE__ */ jsxs5("div", { className: "grid gap-1.5", children: [
       /* @__PURE__ */ jsx5(
         "p",
         {
-          className: cn2(
-            "text-sm leading-6",
-            tone === "destructive" ? "text-destructive" : "text-muted-foreground"
+          className: cn3(
+            "text-sm font-normal leading-6",
+            tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-secondary)]"
           ),
           children: body
         }
       ),
-      meta ? /* @__PURE__ */ jsx5("p", { className: "text-xs leading-5 text-muted-foreground", children: meta }) : null
+      meta ? /* @__PURE__ */ jsx5("p", { className: "text-xs font-normal leading-5 text-[var(--text-secondary)]", children: meta }) : null
     ] })
   ] });
 }
@@ -2234,8 +2274,8 @@ function IssueManagerOutputSection({
   outputs
 }) {
   return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
-    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.executionOutputs") }),
-    outputs.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: outputs.map((output) => /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.executionOutputs") }),
+    outputs.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: outputs.map((output) => /* @__PURE__ */ jsxs5(
       "button",
       {
         className: "flex items-start justify-between gap-4 rounded-xl border border-border/65 px-4 py-3 text-left transition-colors hover:bg-accent/18",
@@ -2249,10 +2289,10 @@ function IssueManagerOutputSection({
         },
         children: [
           /* @__PURE__ */ jsxs5("span", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx5("span", { className: "block truncate text-sm font-semibold text-foreground", children: output.displayName }),
-            /* @__PURE__ */ jsx5("span", { className: "mt-1 block truncate text-xs text-muted-foreground", children: output.path })
+            /* @__PURE__ */ jsx5("span", { className: "block truncate text-sm font-semibold text-[var(--text-primary)]", children: output.displayName }),
+            /* @__PURE__ */ jsx5("span", { className: "mt-1 block truncate text-xs font-normal text-[var(--text-secondary)]", children: output.path })
           ] }),
-          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" })
+          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" })
         ]
       },
       output.outputId
@@ -2268,26 +2308,16 @@ function IssueManagerSubtaskSection({
 }) {
   return /* @__PURE__ */ jsxs5("section", { className: "grid gap-2.5", children: [
     /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.subtasks") }),
-      /* @__PURE__ */ jsxs5(
-        Button5,
-        {
-          className: "px-3",
-          size: "dialog",
-          type: "button",
-          variant: "secondary",
-          onClick: onCreate,
-          children: [
-            /* @__PURE__ */ jsx5(FileCreateIcon2, { size: 14 }),
-            copy.t("actions.add")
-          ]
-        }
-      )
+      /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: copy.t("labels.subtasks") }),
+      /* @__PURE__ */ jsxs5(Button5, { size: "dialog", type: "button", variant: "ghost", onClick: onCreate, children: [
+        /* @__PURE__ */ jsx5(FileCreateIcon2, { size: 14 }),
+        copy.t("actions.add")
+      ] })
     ] }),
-    tasks.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: tasks.map((task) => /* @__PURE__ */ jsxs5(
+    tasks.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-sm font-normal leading-6 text-[var(--text-secondary)]", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-2", children: tasks.map((task) => /* @__PURE__ */ jsxs5(
       "button",
       {
-        className: cn2(
+        className: cn3(
           "flex items-start justify-between gap-4 rounded-xl border px-4 py-3 text-left transition-colors",
           selectedTaskId === task.taskId ? "border-border/90 bg-background-fronted" : "border-border/65 hover:bg-accent/18"
         ),
@@ -2296,15 +2326,15 @@ function IssueManagerSubtaskSection({
         children: [
           /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-              /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-semibold text-foreground", children: task.title }),
-              /* @__PURE__ */ jsx5(Badge2, { className: "rounded-md border-transparent bg-muted px-2 py-1 text-[11px] font-medium text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, task.status) })
+              /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-semibold text-[var(--text-primary)]", children: task.title }),
+              /* @__PURE__ */ jsx5(Badge2, { className: "rounded-md px-2 py-1 text-[11px] font-medium", children: resolveIssueManagerStatusLabel(copy, task.status) })
             ] }),
-            /* @__PURE__ */ jsx5("p", { className: "mt-2 line-clamp-2 text-sm leading-6 text-muted-foreground", children: summarizeIssueManagerContent(
+            /* @__PURE__ */ jsx5("p", { className: "mt-2 line-clamp-2 text-sm font-normal leading-6 text-[var(--text-secondary)]", children: summarizeIssueManagerContent(
               task.content,
               copy.t("messages.taskContentEmpty")
             ) })
           ] }),
-          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatIssueManagerTimestamp(
+          /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs font-normal text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
             task.createdAtUnix ?? task.updatedAtUnix
           ) || "" })
         ]
@@ -2315,9 +2345,9 @@ function IssueManagerSubtaskSection({
 }
 
 // src/ui/internal/content/IssueManagerDescriptionSection.tsx
-import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef, useState as useState4 } from "react";
 import { RichTextReadonlyContent } from "@nextop-os/ui-rich-text/editor";
-import { cn as cn3 } from "@nextop-os/ui-system";
+import { cn as cn4 } from "@nextop-os/ui-system";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function IssueManagerDescriptionSection({
   content,
@@ -2328,9 +2358,9 @@ function IssueManagerDescriptionSection({
   variant = "card"
 }) {
   const contentRef = useRef(null);
-  const [isOverflowing, setIsOverflowing] = useState3(false);
+  const [isOverflowing, setIsOverflowing] = useState4(false);
   const normalizedContent = normalizeIssueManagerContent(content).trim();
-  useEffect4(() => {
+  useEffect5(() => {
     if (variant === "plain") {
       setIsOverflowing(false);
       return;
@@ -2363,13 +2393,13 @@ function IssueManagerDescriptionSection({
   if (variant === "plain") {
     return /* @__PURE__ */ jsxs6("section", { className: "grid gap-2", children: [
       /* @__PURE__ */ jsx6("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: label }),
-      normalizedContent ? /* @__PURE__ */ jsx6("div", { className: "max-w-3xl text-sm leading-5 text-text-secondary", children: /* @__PURE__ */ jsx6(
+      normalizedContent ? /* @__PURE__ */ jsx6("div", { className: "max-w-3xl text-sm font-normal leading-5 text-[var(--text-secondary)]", children: /* @__PURE__ */ jsx6(
         IssueManagerDescriptionContent,
         {
           content: normalizedContent,
           onOpen
         }
-      ) }) : /* @__PURE__ */ jsx6("p", { className: "text-sm leading-5 text-text-secondary", children: emptyLabel })
+      ) }) : /* @__PURE__ */ jsx6("p", { className: "text-sm font-normal leading-5 text-[var(--text-secondary)]", children: emptyLabel })
     ] });
   }
   return /* @__PURE__ */ jsxs6("section", { className: "grid gap-2", children: [
@@ -2377,7 +2407,7 @@ function IssueManagerDescriptionSection({
     /* @__PURE__ */ jsxs6(
       "div",
       {
-        className: cn3(
+        className: cn4(
           "relative min-w-0 rounded-lg border border-border-1 bg-transparent px-4 py-3",
           minHeightClass
         ),
@@ -2385,8 +2415,8 @@ function IssueManagerDescriptionSection({
           /* @__PURE__ */ jsx6(
             "div",
             {
-              className: cn3(
-                "max-h-[18rem] overflow-y-auto pr-2 text-sm leading-5 text-text-secondary",
+              className: cn4(
+                "max-h-[18rem] overflow-y-auto pr-2 text-sm font-normal leading-5 text-[var(--text-secondary)]",
                 isOverflowing && "pb-8"
               ),
               ref: contentRef,
@@ -2396,7 +2426,7 @@ function IssueManagerDescriptionSection({
                   content: normalizedContent,
                   onOpen
                 }
-              ) : /* @__PURE__ */ jsx6("p", { className: "text-text-secondary", children: emptyLabel })
+              ) : /* @__PURE__ */ jsx6("p", { className: "font-normal text-[var(--text-secondary)]", children: emptyLabel })
             }
           ),
           isOverflowing ? /* @__PURE__ */ jsx6(
@@ -2431,10 +2461,12 @@ function IssueManagerDescriptionContent({
 }
 
 // src/ui/internal/content/IssueManagerRichTextTextarea.tsx
-import { useMemo as useMemo5 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef2, useState as useState5 } from "react";
 import { RichTextAtEditor } from "@nextop-os/ui-rich-text/editor";
-import { Button as Button6, LinkIcon, cn as cn4 } from "@nextop-os/ui-system";
+import { Button as Button6, LinkIcon, cn as cn5 } from "@nextop-os/ui-system";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var issueManagerRichTextTextareaBaseClassName = "min-h-20 w-full rounded-[8px] border border-transparent bg-[var(--transparency-block)] p-3 text-sm font-normal leading-[1.3] text-[var(--text-primary)] transition-[background-color,border-color,color] outline-none shadow-none placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:bg-[var(--transparency-hover)] focus-visible:border-transparent focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 disabled:cursor-not-allowed disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100 aria-invalid:border-[var(--state-danger)] aria-invalid:bg-[var(--transparency-block)] aria-invalid:hover:bg-[var(--transparency-hover)] aria-invalid:focus:bg-[var(--transparency-hover)] aria-invalid:focus-visible:bg-[var(--transparency-hover)] aria-invalid:ring-0 aria-invalid:shadow-none";
+var issueManagerRichTextPlaceholderBaseClassName = "min-h-20 w-full p-3 text-sm font-normal leading-[1.3] text-[var(--text-placeholder)]";
 function IssueManagerRichTextTextarea({
   controller,
   onChange,
@@ -2443,14 +2475,26 @@ function IssueManagerRichTextTextarea({
   textareaClassName,
   value
 }) {
-  const providers = useMemo5(
+  const providers = useMemo4(
     () => controller.resolveRichTextAtProviders(surface),
     [controller, surface]
   );
   const showReferenceAction = controller.canReferenceWorkspaceFiles;
+  const [focusSignal, setFocusSignal] = useState5(0);
+  const previousValueRef = useRef2(value);
+  const wasAddingReferenceRef = useRef2(false);
+  useEffect6(() => {
+    const isAddingReference = controller.referenceTarget?.mode === "insert" && controller.referenceTarget.parentKind === surface;
+    if (wasAddingReferenceRef.current && !isAddingReference && value !== previousValueRef.current) {
+      setFocusSignal((current) => current + 1);
+    }
+    wasAddingReferenceRef.current = isAddingReference;
+    previousValueRef.current = value;
+  }, [controller.referenceTarget, surface, value]);
   return /* @__PURE__ */ jsx7(
     RichTextAtEditor,
     {
+      focusSignal,
       maxResults: 8,
       minQueryLength: 1,
       providers,
@@ -2459,15 +2503,24 @@ function IssueManagerRichTextTextarea({
         noMatchesLabel: controller.copy.t("richTextAt.noMatches"),
         removeReferenceActionLabel: controller.copy.t("actions.removeReference")
       },
-      textareaClassName: cn4(textareaClassName, showReferenceAction && "pb-14"),
+      textareaClassName: cn5(
+        issueManagerRichTextTextareaBaseClassName,
+        textareaClassName,
+        showReferenceAction && "pb-11"
+      ),
+      placeholderClassName: cn5(
+        issueManagerRichTextPlaceholderBaseClassName,
+        textareaClassName,
+        showReferenceAction && "pb-11"
+      ),
       placeholder,
       value,
       onChange,
-      overlay: showReferenceAction ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-x-4 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs7(
+      overlay: showReferenceAction ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-x-3 bottom-3 z-10 flex", children: /* @__PURE__ */ jsxs7(
         Button6,
         {
           className: "pointer-events-auto",
-          size: "sm",
+          size: "default",
           type: "button",
           variant: "secondary",
           onClick: () => {
@@ -2483,6 +2536,14 @@ function IssueManagerRichTextTextarea({
   );
 }
 
+// src/ui/internal/shell/IssueManagerEditorMotion.ts
+var issueManagerEditorRiseInClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:slide-in-from-bottom-3 motion-safe:duration-[240ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-safe:[animation-fill-mode:both] motion-reduce:animate-none";
+var issueManagerEditorRiseInDelay0ClassName = "motion-safe:[animation-delay:0ms]";
+var issueManagerEditorRiseInDelay1ClassName = "motion-safe:[animation-delay:55ms]";
+var issueManagerEditorRiseInDelay2ClassName = "motion-safe:[animation-delay:110ms]";
+var issueManagerEditorRiseInDelay3ClassName = "motion-safe:[animation-delay:165ms]";
+var issueManagerEditorFooterFadeInClassName = "motion-safe:animate-in motion-safe:fade-in-0 motion-safe:duration-[180ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-safe:[animation-delay:180ms] motion-safe:[animation-fill-mode:both] motion-reduce:animate-none";
+
 // src/ui/internal/shell/IssueManagerPanels.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function IssueManagerIssuePane({
@@ -2500,61 +2561,87 @@ function IssueManagerIssuePane({
   const selectedTask = selectedTaskId ? (controller.taskDetail.value?.task?.taskId === selectedTaskId ? controller.taskDetail.value.task : tasks.find((task) => task.taskId === selectedTaskId)) ?? null : null;
   const latestRun = selectedTask ? controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null : null;
   const latestOutputs = selectedTask ? controller.taskDetail.value?.latestOutputs ?? [] : [];
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState6(false);
+  const [deleteBusy, setDeleteBusy] = useState6(false);
   if (isCreatingIssue || isEditingIssue) {
     return /* @__PURE__ */ jsxs8("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
       /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
-        /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-foreground", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") }) }),
+        /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+            children: /* @__PURE__ */ jsx8("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") })
+          }
+        ),
         /* @__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-sm font-semibold text-foreground", children: [
-            /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.title") }),
+          /* @__PURE__ */ jsxs8(
+            "label",
+            {
+              className: `flex w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+              children: [
+                /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.title") }),
+                /* @__PURE__ */ jsx8(
+                  Input2,
+                  {
+                    placeholder: copy.t("composer.issueTitlePlaceholder"),
+                    variant: "md",
+                    value: controller.issueDraft.title,
+                    onChange: (event) => controller.setIssueTitle(event.target.value)
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs8(
+            "div",
+            {
+              className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+              children: [
+                /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.content") }),
+                /* @__PURE__ */ jsx8(
+                  IssueManagerRichTextTextarea,
+                  {
+                    controller,
+                    surface: "issue",
+                    textareaClassName: "min-h-[180px] resize-none",
+                    placeholder: copy.t("composer.issueContentPlaceholder"),
+                    value: controller.issueDraft.content,
+                    onChange: controller.setIssueContent
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx8(
+        "div",
+        {
+          className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
+          children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-3", children: [
             /* @__PURE__ */ jsx8(
-              Input2,
+              Button7,
               {
-                className: "h-10 min-h-10 rounded-lg border-border-1 bg-transparency-block px-3 text-sm font-semibold text-[var(--text-primary)] shadow-none placeholder:text-[var(--text-placeholder)]",
-                placeholder: copy.t("composer.issueTitlePlaceholder"),
-                value: controller.issueDraft.title,
-                onChange: (event) => controller.setIssueTitle(event.target.value)
+                size: "dialog",
+                type: "button",
+                variant: "secondary",
+                onClick: onDismissCreate,
+                children: copy.t("actions.cancel")
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-foreground", children: [
-            /* @__PURE__ */ jsx8("span", { className: "leading-5", children: copy.t("labels.content") }),
+            ),
             /* @__PURE__ */ jsx8(
-              IssueManagerRichTextTextarea,
+              Button7,
               {
-                controller,
-                surface: "issue",
-                textareaClassName: "min-h-[180px] w-full resize-none rounded-lg border border-border-1 bg-transparency-block px-4 py-3 text-sm font-normal leading-5 text-[var(--text-primary)] outline-none placeholder:text-[var(--text-placeholder)]",
-                placeholder: copy.t("composer.issueContentPlaceholder"),
-                value: controller.issueDraft.content,
-                onChange: controller.setIssueContent
+                disabled: isIssueTitleMissing,
+                size: "dialog",
+                type: "button",
+                onClick: () => void controller.saveIssue(),
+                children: copy.t("actions.saveIssue")
               }
             )
           ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsx8("div", { className: "shrink-0 border-t border-border-1 px-7 py-4", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-4", children: [
-        /* @__PURE__ */ jsx8(
-          Button7,
-          {
-            size: "dialog",
-            type: "button",
-            variant: "secondary",
-            onClick: onDismissCreate,
-            children: copy.t("actions.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          Button7,
-          {
-            disabled: isIssueTitleMissing,
-            size: "dialog",
-            type: "button",
-            onClick: () => void controller.saveIssue(),
-            children: copy.t("actions.saveIssue")
-          }
-        )
-      ] }) })
+        }
+      )
     ] });
   }
   if (!selectedIssue) {
@@ -2563,14 +2650,28 @@ function IssueManagerIssuePane({
   return /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-col", children: /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx8(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs8("div", { className: "flex w-full min-w-0 flex-col gap-9", children: [
     /* @__PURE__ */ jsxs8("header", { className: "flex items-start justify-between gap-6", children: [
       /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx8("h2", { className: "line-clamp-2 text-base font-semibold leading-6 text-foreground", children: selectedIssue.title }),
-        /* @__PURE__ */ jsxs8("div", { className: "mt-3 flex flex-wrap items-center gap-x-5 gap-y-2 text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx8(Badge3, { className: "rounded-full border-transparent bg-muted px-2 py-1 text-[11px] text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, selectedIssue.status) }),
+        /* @__PURE__ */ jsx8("h2", { className: "line-clamp-2 text-base font-semibold leading-6 text-[var(--text-primary)]", children: selectedIssue.title }),
+        /* @__PURE__ */ jsxs8("div", { className: "mt-3 flex flex-wrap items-center gap-x-2 gap-y-2 text-sm font-normal text-[var(--text-secondary)]", children: [
+          /* @__PURE__ */ jsx8(Badge3, { variant: "secondary", children: resolveIssueManagerStatusLabel(copy, selectedIssue.status) }),
+          /* @__PURE__ */ jsx8(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+            }
+          ),
           /* @__PURE__ */ jsxs8("span", { children: [
             copy.t("labels.creator"),
             " ",
             resolveIssueManagerCreatorLabel(selectedIssue)
           ] }),
+          /* @__PURE__ */ jsx8(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "h-4 w-px shrink-0 bg-[var(--line-2)]"
+            }
+          ),
           /* @__PURE__ */ jsxs8("span", { children: [
             copy.t("labels.createdAt"),
             " ",
@@ -2578,12 +2679,10 @@ function IssueManagerIssuePane({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-5 pt-1", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-2 pt-1", children: [
         /* @__PURE__ */ jsx8(
           Button7,
           {
-            className: "h-auto px-0 text-sm font-semibold text-muted-foreground hover:text-foreground",
-            size: "sm",
             type: "button",
             variant: "ghost",
             onClick: () => controller.setIssueEditorMode("edit"),
@@ -2593,18 +2692,35 @@ function IssueManagerIssuePane({
         /* @__PURE__ */ jsx8(
           Button7,
           {
-            className: "h-auto px-0 text-sm font-semibold text-destructive hover:text-destructive",
-            size: "sm",
+            className: "text-[var(--state-danger)] hover:bg-[var(--on-danger)] hover:text-[var(--state-danger)]",
             type: "button",
             variant: "ghost",
-            onClick: () => {
-              void controller.deleteIssue();
-            },
+            onClick: () => setDeleteDialogOpen(true),
             children: copy.t("actions.delete")
           }
         )
       ] })
     ] }),
+    /* @__PURE__ */ jsx8(
+      ConfirmationDialog,
+      {
+        cancelLabel: copy.t("actions.cancel"),
+        confirmBusy: deleteBusy,
+        confirmLabel: copy.t("actions.delete"),
+        description: selectedIssue.title,
+        open: deleteDialogOpen,
+        title: copy.t("confirmations.deleteIssue"),
+        tone: "destructive",
+        onConfirm: () => {
+          setDeleteBusy(true);
+          void controller.deleteIssue({ skipConfirmation: true }).finally(() => {
+            setDeleteBusy(false);
+            setDeleteDialogOpen(false);
+          });
+        },
+        onOpenChange: setDeleteDialogOpen
+      }
+    ),
     /* @__PURE__ */ jsx8(
       IssueManagerDescriptionSection,
       {
@@ -2648,17 +2764,19 @@ function IssueManagerIssuePane({
 }
 
 // src/ui/internal/shell/IssueManagerBottomBar.tsx
-import { Button as Button8, cn as cn5 } from "@nextop-os/ui-system";
+import { Button as Button8, cn as cn7 } from "@nextop-os/ui-system";
 
 // src/ui/internal/task/IssueManagerRunSections.tsx
-import { useState as useState4 } from "react";
+import { useState as useState7 } from "react";
 import {
   Badge as Badge4,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SparkIcon
+  SparkIcon,
+  buttonVariants,
+  cn as cn6
 } from "@nextop-os/ui-system";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function IssueManagerRunActionTrigger({
@@ -2667,7 +2785,7 @@ function IssueManagerRunActionTrigger({
   iconSize = 16,
   triggerClassName
 }) {
-  const [resetToken, setResetToken] = useState4(0);
+  const [resetToken, setResetToken] = useState7(0);
   return /* @__PURE__ */ jsxs9(
     Select,
     {
@@ -2681,7 +2799,11 @@ function IssueManagerRunActionTrigger({
           SelectTrigger,
           {
             "aria-label": controller.copy.t("actions.askAgentToRun"),
-            className: triggerClassName,
+            className: cn6(
+              buttonVariants({ variant: "secondary", size: "dialog" }),
+              "[&>svg]:hidden",
+              triggerClassName
+            ),
             children: /* @__PURE__ */ jsxs9("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
               /* @__PURE__ */ jsx9(SparkIcon, { size: iconSize }),
               /* @__PURE__ */ jsx9("span", { className: "truncate", children: controller.copy.t("actions.askAgentToRun") })
@@ -2703,7 +2825,7 @@ function IssueManagerRunPanels({
   return /* @__PURE__ */ jsxs9("div", { className: "grid gap-4", children: [
     /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border-1 bg-transparent px-4 py-4", children: [
       /* @__PURE__ */ jsx9("h4", { className: "mb-3 text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.recentRuns") }),
-      recentRuns.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-text-secondary", children: copy.t("messages.noRecentRuns") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: recentRuns.map((run) => /* @__PURE__ */ jsxs9(
+      recentRuns.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: copy.t("messages.noRecentRuns") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: recentRuns.map((run) => /* @__PURE__ */ jsxs9(
         "div",
         {
           className: "rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3",
@@ -2711,13 +2833,13 @@ function IssueManagerRunPanels({
             /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between gap-3", children: [
               /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: run.summary || run.runId }),
-                /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs leading-[1.55] text-text-secondary", children: formatIssueManagerTimestamp(
+                /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerTimestamp(
                   run.updatedAtUnix ?? run.createdAtUnix
                 ) })
               ] }),
-              /* @__PURE__ */ jsx9(Badge4, { className: "rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-text-secondary", children: resolveIssueManagerStatusLabel(copy, run.status) })
+              /* @__PURE__ */ jsx9(Badge4, { className: "rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-[var(--text-secondary)]", children: resolveIssueManagerStatusLabel(copy, run.status) })
             ] }),
-            run.errorMessage ? /* @__PURE__ */ jsx9("p", { className: "mt-2 text-xs text-destructive", children: run.errorMessage }) : null
+            run.errorMessage ? /* @__PURE__ */ jsx9("p", { className: "mt-2 text-xs text-[var(--state-danger)]", children: run.errorMessage }) : null
           ]
         },
         run.runId
@@ -2725,7 +2847,7 @@ function IssueManagerRunPanels({
     ] }),
     /* @__PURE__ */ jsxs9("section", { className: "rounded-lg border border-border-1 bg-transparent px-4 py-4", children: [
       /* @__PURE__ */ jsx9("h4", { className: "mb-3 text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.outputs") }),
-      outputs.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-text-secondary", children: copy.t("messages.noOutputs") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: outputs.map((output) => /* @__PURE__ */ jsxs9(
+      outputs.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: copy.t("messages.noOutputs") }) : /* @__PURE__ */ jsx9("div", { className: "grid gap-2.5", children: outputs.map((output) => /* @__PURE__ */ jsxs9(
         "button",
         {
           className: "rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3 text-left transition-colors hover:bg-transparency-hover",
@@ -2739,7 +2861,7 @@ function IssueManagerRunPanels({
           },
           children: [
             /* @__PURE__ */ jsx9("p", { className: "truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: output.displayName }),
-            /* @__PURE__ */ jsx9("p", { className: "mt-1 truncate text-xs leading-[1.55] text-text-secondary", children: output.path })
+            /* @__PURE__ */ jsx9("p", { className: "mt-1 truncate text-xs leading-[1.55] text-[var(--text-secondary)]", children: output.path })
           ]
         },
         output.outputId
@@ -2764,26 +2886,22 @@ function IssueManagerBottomBar({
   return /* @__PURE__ */ jsx10("div", { className: "border-t border-[var(--border-1)] bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs10(
     "div",
     {
-      className: cn5(
+      className: cn7(
         "flex gap-3",
-        isNarrowLayout ? "flex-col items-stretch" : "items-center justify-end"
+        isNarrowLayout ? "flex-wrap items-center justify-end" : "items-center justify-end"
       ),
       children: [
         /* @__PURE__ */ jsx10(
           IssueManagerRunActionTrigger,
           {
             controller,
-            disabled: !selectedTask,
-            triggerClassName: cn5(
-              "rounded-xl border-[var(--border-1)] bg-[var(--transparency-block)] px-4 py-2",
-              isNarrowLayout ? "w-full" : "min-w-[14rem]"
-            )
+            disabled: !selectedTask
           }
         ),
         controller.canInviteCollaborators ? /* @__PURE__ */ jsx10(
           Button8,
           {
-            className: cn5("px-4", isNarrowLayout && "w-full"),
+            className: "px-4",
             disabled: !selectedIssue,
             size: "dialog",
             type: "button",
@@ -2801,9 +2919,9 @@ function IssueManagerBottomBar({
 // src/ui/internal/shell/IssueManagerFloatingNotice.tsx
 import {
   FailedFilledIcon,
-  Spinner,
+  Spinner as Spinner2,
   toastVariants,
-  cn as cn6
+  cn as cn8
 } from "@nextop-os/ui-system";
 import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function IssueManagerFloatingNotice({
@@ -2815,14 +2933,14 @@ function IssueManagerFloatingNotice({
     {
       "aria-busy": notice.isLoading,
       "aria-live": variant === "destructive" ? "assertive" : "polite",
-      className: cn6(
+      className: cn8(
         toastVariants({ variant }),
         "w-fit max-w-[min(72vw,40rem)] px-4 py-3 shadow-lg"
       ),
       role: variant === "destructive" ? "alert" : "status",
       children: /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 max-w-full items-center gap-[6px] whitespace-nowrap text-sm font-normal leading-normal", children: [
         notice.isLoading ? /* @__PURE__ */ jsx11(
-          Spinner,
+          Spinner2,
           {
             className: "shrink-0 text-current",
             size: 16,
@@ -2837,7 +2955,7 @@ function IssueManagerFloatingNotice({
 }
 
 // src/ui/internal/shell/IssueManagerSidebar.tsx
-import { cn as cn8 } from "@nextop-os/ui-system";
+import { cn as cn10 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerSidebarSections.tsx
 import {
@@ -2848,7 +2966,7 @@ import {
   Input as Input3,
   ScrollArea as ScrollArea3,
   UnderlineTabs,
-  cn as cn7
+  cn as cn9
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/shell/IssueManagerShellState.ts
@@ -2862,7 +2980,7 @@ var issueManagerStatusFilters = [
   "canceled"
 ];
 function resolveIssueManagerSidebarViewState(input) {
-  if (input.issues.isLoading && input.issues.value.length === 0) {
+  if (input.issues.isLoading && input.issues.value.length === 0 && input.issues.hasResolved !== true) {
     return {
       kind: "loading"
     };
@@ -2903,6 +3021,20 @@ function buildIssueManagerStatusCounts(issues) {
   }
   return counts;
 }
+function resolveIssueManagerStatusCounts(input) {
+  return input.statusCounts ? mapIssueManagerStatusCounts(input.statusCounts) : buildIssueManagerStatusCounts(input.value);
+}
+function mapIssueManagerStatusCounts(counts) {
+  return {
+    all: counts.all,
+    canceled: counts.canceled,
+    completed: counts.completed,
+    failed: counts.failed,
+    not_started: counts.notStarted,
+    pending_acceptance: counts.pendingAcceptance,
+    running: counts.running
+  };
+}
 function resolveIssueManagerShellContentViewState(input) {
   const isIssueEditing = input.issueEditorMode !== "read";
   const isTaskCreating = !isIssueEditing && input.taskEditorMode === "create";
@@ -2983,11 +3115,11 @@ function IssueManagerSidebarBody({
   return /* @__PURE__ */ jsx12(
     ScrollArea3,
     {
-      className: cn7("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
+      className: cn9("min-h-0", isNarrowLayout ? "flex-none" : "h-full flex-1"),
       children: /* @__PURE__ */ jsx12(
         "div",
         {
-          className: cn7(
+          className: cn9(
             "flex min-h-full flex-col gap-2.5 px-4 pt-1.5 pb-4",
             isNarrowLayout ? "min-h-0" : "h-full"
           ),
@@ -3065,7 +3197,7 @@ function IssueManagerSearchField({
           Input3,
           {
             "aria-label": placeholder,
-            className: cn7(
+            className: cn9(
               "box-border h-8 min-h-8 rounded-md border-0 bg-[var(--transparency-block)] px-3 text-sm font-normal leading-normal text-[var(--text-primary)] shadow-none outline-none ring-0 transition-colors placeholder:text-[var(--text-placeholder)] hover:bg-[var(--transparency-hover)] focus:border-0 focus:bg-[var(--transparency-hover)] focus-visible:border-0 focus-visible:bg-[var(--transparency-hover)] focus-visible:ring-0 focus-visible:ring-offset-0 disabled:bg-[var(--transparency-block)] disabled:text-[var(--text-disabled)] disabled:opacity-100",
               "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none",
               value ? "pr-9" : "pr-3"
@@ -3101,7 +3233,7 @@ function IssueManagerSidebarIssueList({
   return /* @__PURE__ */ jsx12(
     "div",
     {
-      className: cn7(
+      className: cn9(
         "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"
       ),
@@ -3129,7 +3261,7 @@ function IssueManagerSidebarItem({
   return /* @__PURE__ */ jsxs12(
     "button",
     {
-      className: cn7(
+      className: cn9(
         "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)]"
@@ -3142,7 +3274,7 @@ function IssueManagerSidebarItem({
             /* @__PURE__ */ jsx12("p", { className: "text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: formatIssueManagerDate(issue.updatedAtUnix ?? issue.createdAtUnix) }),
             /* @__PURE__ */ jsx12("p", { className: "line-clamp-4 text-[14px] font-semibold leading-[1.35rem] text-[var(--text-primary)]", children: issue.title })
           ] }),
-          /* @__PURE__ */ jsx12(Badge5, { className: "rounded-full border-transparent bg-[var(--transparency-block)] px-2 py-1 text-[11px] text-[var(--text-secondary)]", children: resolveIssueManagerStatusLabel(copy, issue.status) })
+          /* @__PURE__ */ jsx12(Badge5, { className: "shrink-0", variant: "secondary", children: resolveIssueManagerStatusLabel(copy, issue.status) })
         ] }),
         /* @__PURE__ */ jsx12("div", { className: "mt-2 text-[12px] leading-[1.55] text-[var(--text-secondary)]", children: copy.t("labels.taskCount", { count: issue.taskCount ?? 0 }) })
       ]
@@ -3156,14 +3288,14 @@ function IssueManagerSidebarLoadingState({
     "div",
     {
       "aria-hidden": "true",
-      className: cn7(
+      className: cn9(
         "gap-2.5",
         isNarrowLayout ? "flex flex-row flex-nowrap overflow-x-hidden" : "grid"
       ),
       children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs12(
         "div",
         {
-          className: cn7(
+          className: cn9(
             "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)]"
           ),
@@ -3187,7 +3319,7 @@ function IssueManagerSidebarEmptyState({
   return /* @__PURE__ */ jsxs12(
     "div",
     {
-      className: cn7(
+      className: cn9(
         "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"
       ),
@@ -3195,7 +3327,7 @@ function IssueManagerSidebarEmptyState({
         /* @__PURE__ */ jsx12(
           "p",
           {
-            className: cn7(
+            className: cn9(
               "text-sm font-semibold leading-5 text-[var(--text-primary)]",
               tone === "destructive" ? "text-[var(--state-danger)]" : "text-[var(--text-primary)]"
             ),
@@ -3216,7 +3348,7 @@ function IssueManagerSidebarErrorState({
   return /* @__PURE__ */ jsxs12(
     "div",
     {
-      className: cn7(
+      className: cn9(
         "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"
       ),
@@ -3280,10 +3412,10 @@ function IssueManagerSidebar({
     "aside",
     {
       "aria-hidden": isCollapsed ? "true" : void 0,
-      className: cn8(
-        "absolute top-0 left-0 z-10 isolate flex h-full w-[var(--issue-manager-sidebar-width)] min-h-0 flex-col overflow-hidden bg-transparent will-change-[transform,opacity] transition-[transform,opacity,border-color] duration-[220ms] ease-[cubic-bezier(0.22,1,0.36,1)] 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-[180ms] motion-reduce:transition-none",
+      className: cn10(
+        "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 -translate-x-full border-r-transparent opacity-0 after:opacity-100 [&>*]:opacity-0 [&>*]:transition-opacity [&>*]:duration-[120ms] motion-reduce:transform-none"
+        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: [
@@ -3309,7 +3441,7 @@ function IssueManagerSidebar({
         /* @__PURE__ */ jsx13(
           "div",
           {
-            className: cn8(
+            className: cn10(
               "relative flex min-h-0 flex-col",
               isNarrowLayout ? "flex-none" : "flex-1"
             ),
@@ -3342,18 +3474,8 @@ function IssueManagerSidebar({
 }
 
 // src/ui/internal/shell/IssueManagerTaskComposerPane.tsx
-import {
-  Button as Button10,
-  Input as Input4,
-  Select as Select2,
-  SelectContent as SelectContent2,
-  SelectItem as SelectItem2,
-  SelectTrigger as SelectTrigger2,
-  SelectValue,
-  UploadIcon
-} from "@nextop-os/ui-system";
+import { Button as Button10, Input as Input4 } from "@nextop-os/ui-system";
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-var taskPriorityOptions = ["high", "medium", "low"];
 function IssueManagerTaskComposerPane({
   controller,
   onCancel,
@@ -3361,118 +3483,84 @@ function IssueManagerTaskComposerPane({
 }) {
   const copy = controller.copy;
   const isTaskTitleMissing = controller.taskDraft.title.trim().length === 0;
-  const showAttachmentActions = controller.canUploadWorkspaceFiles || controller.canReferenceWorkspaceFiles;
   return /* @__PURE__ */ jsxs14("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx14("div", { className: "min-h-0 flex-1 overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs14("div", { className: "flex w-full max-w-[76rem] flex-col gap-8", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsx14("h2", { className: "text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx14("span", { className: "text-sm text-text-secondary", children: copy.t("labels.priority") }),
-          /* @__PURE__ */ jsxs14(
-            Select2,
-            {
-              value: controller.taskDraft.priority,
-              onValueChange: (value) => controller.setTaskPriority(value),
-              children: [
-                /* @__PURE__ */ jsx14(
-                  SelectTrigger2,
-                  {
-                    "aria-label": copy.t("labels.priority"),
-                    className: "min-w-28 rounded-lg border-border-1 bg-transparency-block text-sm",
-                    children: /* @__PURE__ */ jsx14(SelectValue, {})
-                  }
-                ),
-                /* @__PURE__ */ jsx14(SelectContent2, { style: { zIndex: "var(--z-panel-popover)" }, children: taskPriorityOptions.map((priority) => /* @__PURE__ */ jsx14(SelectItem2, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority)) })
-              ]
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs14("label", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx14("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.title") }),
-        /* @__PURE__ */ jsx14(
-          Input4,
+    /* @__PURE__ */ jsx14("div", { className: "flex min-h-0 flex-1 flex-col gap-[14px] overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs14("div", { className: "flex w-full min-w-0 flex-col gap-3", children: [
+      /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+          children: /* @__PURE__ */ jsx14("h2", { className: "m-0 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: copy.t("actions.addSubtask") })
+        }
+      ),
+      /* @__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-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+            children: [
+              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.title") }),
+              /* @__PURE__ */ jsx14(
+                Input4,
+                {
+                  placeholder: copy.t("composer.subtaskTitlePlaceholder"),
+                  variant: "md",
+                  value: controller.taskDraft.title,
+                  onChange: (event) => controller.setTaskTitle(event.target.value)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs14(
+          "div",
           {
-            className: "h-10 rounded-lg border-0 bg-transparency-block px-3 text-sm font-semibold text-[var(--text-primary)] shadow-none placeholder:text-[var(--text-placeholder)]",
-            placeholder: copy.t("composer.subtaskTitlePlaceholder"),
-            value: controller.taskDraft.title,
-            onChange: (event) => controller.setTaskTitle(event.target.value)
+            className: `flex min-h-0 w-full min-w-0 flex-col gap-2 text-sm font-semibold text-[var(--text-primary)] ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+            children: [
+              /* @__PURE__ */ jsx14("span", { className: "leading-5", children: copy.t("labels.requirementDescription") }),
+              /* @__PURE__ */ jsx14(
+                IssueManagerRichTextTextarea,
+                {
+                  controller,
+                  surface: "task",
+                  textareaClassName: "min-h-[180px] resize-none",
+                  placeholder: copy.t("composer.subtaskContentPlaceholder"),
+                  value: controller.taskDraft.content,
+                  onChange: controller.setTaskContent
+                }
+              )
+            ]
           }
         )
-      ] }),
-      /* @__PURE__ */ jsxs14("section", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx14("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.requirementDescription") }),
-        /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden rounded-lg border border-border-1 bg-transparency-block", children: [
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx14(
+      "div",
+      {
+        className: `shrink-0 border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
+        children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-3", children: [
           /* @__PURE__ */ jsx14(
-            IssueManagerRichTextTextarea,
+            Button10,
             {
-              controller,
-              surface: "task",
-              textareaClassName: "min-h-[20rem] w-full resize-none border-0 bg-transparent px-4 py-3 text-sm leading-5 text-[var(--text-primary)] outline-none placeholder:text-[var(--text-placeholder)]",
-              placeholder: copy.t("composer.subtaskContentPlaceholder"),
-              value: controller.taskDraft.content,
-              onChange: controller.setTaskContent
+              size: "default",
+              type: "button",
+              variant: "secondary",
+              onClick: onCancel,
+              children: copy.t("actions.cancel")
             }
           ),
-          showAttachmentActions ? /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-3 border-t border-border-1 px-4 py-3", children: [
-            controller.canUploadWorkspaceFiles ? /* @__PURE__ */ jsxs14(
-              Button10,
-              {
-                className: "px-3",
-                size: "dialog",
-                type: "button",
-                variant: "secondary",
-                onClick: () => {
-                  void controller.uploadReferences("task", "files");
-                },
-                children: [
-                  /* @__PURE__ */ jsx14(UploadIcon, { size: 16 }),
-                  copy.t("actions.uploadFiles")
-                ]
-              }
-            ) : null,
-            controller.canUploadWorkspaceFiles ? /* @__PURE__ */ jsxs14(
-              Button10,
-              {
-                className: "px-3",
-                size: "dialog",
-                type: "button",
-                variant: "secondary",
-                onClick: () => {
-                  void controller.uploadReferences("task", "folder");
-                },
-                children: [
-                  /* @__PURE__ */ jsx14(UploadIcon, { size: 16 }),
-                  copy.t("actions.uploadFolder")
-                ]
-              }
-            ) : null
-          ] }) : null
+          /* @__PURE__ */ jsx14(
+            Button10,
+            {
+              disabled: !selectedIssue || isTaskTitleMissing,
+              size: "default",
+              type: "button",
+              onClick: () => void controller.saveTask(),
+              children: copy.t("actions.saveSubtask")
+            }
+          )
         ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx14("div", { className: "shrink-0 border-t border-border-1 px-7 py-4", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-end gap-3", children: [
-      /* @__PURE__ */ jsx14(
-        Button10,
-        {
-          size: "default",
-          type: "button",
-          variant: "secondary",
-          onClick: onCancel,
-          children: copy.t("actions.cancel")
-        }
-      ),
-      /* @__PURE__ */ jsx14(
-        Button10,
-        {
-          disabled: !selectedIssue || isTaskTitleMissing,
-          size: "default",
-          type: "button",
-          onClick: () => void controller.saveTask(),
-          children: copy.t("actions.saveSubtask")
-        }
-      )
-    ] }) })
+      }
+    )
   ] });
 }
 
@@ -3489,16 +3577,16 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
   Input as Input5,
-  Select as Select3,
-  SelectContent as SelectContent3,
-  SelectItem as SelectItem3,
-  SelectTrigger as SelectTrigger3,
-  SelectValue as SelectValue2,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue,
   SparkIcon as SparkIcon2
 } from "@nextop-os/ui-system";
 
 // src/ui/internal/content/IssueManagerContextSection.tsx
-import { Button as Button11, DirectoryIcon as DirectoryIcon3, FileIcon as FileIcon3 } from "@nextop-os/ui-system";
+import { Button as Button11, DirectoryIcon, FileIcon as FileIcon3 } from "@nextop-os/ui-system";
 import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function IssueManagerContextSection({
   copy,
@@ -3523,7 +3611,7 @@ function IssueManagerContextSection({
         }
       )
     ] }),
-    refs.length === 0 ? /* @__PURE__ */ jsx15("p", { className: "text-sm leading-5 text-text-secondary", children: emptyLabel }) : /* @__PURE__ */ jsx15("div", { className: "grid gap-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs15(
+    refs.length === 0 ? /* @__PURE__ */ jsx15("p", { className: "text-sm leading-5 text-[var(--text-secondary)]", children: emptyLabel }) : /* @__PURE__ */ jsx15("div", { className: "grid gap-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs15(
       "div",
       {
         className: "flex items-center justify-between gap-3 rounded-lg border border-[var(--border-2)] bg-transparent px-3.5 py-3",
@@ -3542,21 +3630,21 @@ function IssueManagerContextSection({
               },
               children: [
                 ref.path.endsWith("/") ? /* @__PURE__ */ jsx15(
-                  DirectoryIcon3,
+                  DirectoryIcon,
                   {
-                    className: "shrink-0 text-text-secondary",
+                    className: "shrink-0 text-[var(--text-secondary)]",
                     size: 16
                   }
                 ) : /* @__PURE__ */ jsx15(
                   FileIcon3,
                   {
-                    className: "shrink-0 text-text-secondary",
+                    className: "shrink-0 text-[var(--text-secondary)]",
                     size: 16
                   }
                 ),
                 /* @__PURE__ */ jsxs15("span", { className: "min-w-0", children: [
                   /* @__PURE__ */ jsx15("span", { className: "block truncate text-sm font-semibold leading-5 text-[var(--text-primary)]", children: ref.displayName }),
-                  /* @__PURE__ */ jsx15("span", { className: "block truncate text-xs leading-[1.55] text-text-secondary", children: ref.path })
+                  /* @__PURE__ */ jsx15("span", { className: "block truncate text-xs leading-[1.55] text-[var(--text-secondary)]", children: ref.path })
                 ] })
               ]
             }
@@ -3564,7 +3652,7 @@ function IssueManagerContextSection({
           /* @__PURE__ */ jsx15(
             Button11,
             {
-              className: "h-7 rounded-md px-2 text-[13px] font-semibold text-text-secondary hover:text-[var(--text-primary)]",
+              className: "h-7 rounded-md px-2 text-[13px] font-semibold text-[var(--text-secondary)] hover:text-[var(--text-primary)]",
               size: "sm",
               type: "button",
               variant: "ghost",
@@ -3613,7 +3701,7 @@ function canIssueManagerSaveTask(input) {
 
 // src/ui/internal/shell/IssueManagerTaskDrawerSections.tsx
 import { Fragment, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-var taskPriorityOptions2 = ["high", "medium", "low"];
+var taskPriorityOptions = ["high", "medium", "low"];
 function IssueManagerTaskDrawerHeader({
   controller,
   selectedTask,
@@ -3624,10 +3712,10 @@ function IssueManagerTaskDrawerHeader({
   return /* @__PURE__ */ jsxs16("div", { className: "flex items-start justify-between gap-4 border-b border-border-1 px-7 py-5", children: [
     /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
       view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsx16("div", { className: "grid min-w-0 gap-2", children: /* @__PURE__ */ jsx16("h3", { className: "line-clamp-3 text-sm font-semibold leading-[1.35] text-[var(--text-primary)]", children: view.title }) }) : /* @__PURE__ */ jsx16("h3", { className: "line-clamp-2 text-[17px] font-semibold leading-[1.35] text-[var(--text-primary)]", children: view.title }),
-      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex min-w-0 items-center overflow-hidden text-sm leading-[1.55] text-text-secondary", children: [
+      view.showTaskMetadata && selectedTask ? /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex min-w-0 items-center overflow-hidden text-sm leading-[1.55] text-[var(--text-secondary)]", children: [
         /* @__PURE__ */ jsx16(Badge6, { className: "shrink-0 rounded-full border-transparent bg-[var(--accent-bg)] px-2.5 py-1 text-xs text-[var(--text-primary)]", children: resolveIssueManagerStatusLabel(copy, selectedTask.status) }),
         /* @__PURE__ */ jsx16("span", { className: "mx-3 h-[13px] w-px shrink-0 bg-border-1" }),
-        /* @__PURE__ */ jsx16(Badge6, { className: "shrink-0 rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-text-secondary", children: resolveIssueManagerPriorityLabel(copy, selectedTask.priority) }),
+        /* @__PURE__ */ jsx16(Badge6, { className: "shrink-0 rounded-full border-transparent bg-transparency-block px-2.5 py-1 text-xs text-[var(--text-secondary)]", children: resolveIssueManagerPriorityLabel(copy, selectedTask.priority) }),
         /* @__PURE__ */ jsx16("span", { className: "mx-3 h-[13px] w-px shrink-0 bg-border-1" }),
         /* @__PURE__ */ jsxs16("span", { children: [
           copy.t("labels.updatedAt"),
@@ -3653,7 +3741,7 @@ function IssueManagerTaskDrawerHeader({
               "span",
               {
                 "aria-hidden": "true",
-                className: "text-base leading-none tracking-[0.18em] text-text-secondary",
+                className: "text-base leading-none tracking-[0.18em] text-[var(--text-secondary)]",
                 children: "..."
               }
             )
@@ -3732,65 +3820,89 @@ function IssueManagerTaskDrawerEditBody({
   const copy = controller.copy;
   return /* @__PURE__ */ jsxs16(Fragment, { children: [
     /* @__PURE__ */ jsxs16("div", { className: "grid gap-5", children: [
-      /* @__PURE__ */ jsxs16("label", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.title") }),
-        /* @__PURE__ */ jsx16(
-          Input5,
-          {
-            className: "h-10 rounded-lg border-border-1 bg-transparency-block text-sm font-semibold text-[var(--text-primary)] shadow-none placeholder:text-[var(--text-placeholder)]",
-            placeholder: copy.t("composer.taskTitlePlaceholder"),
-            value: controller.taskDraft.title,
-            onChange: (event) => controller.setTaskTitle(event.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap items-center gap-3", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium text-text-secondary", children: copy.t("labels.priority") }),
-        /* @__PURE__ */ jsxs16(
-          Select3,
-          {
-            value: controller.taskDraft.priority,
-            onValueChange: (value) => controller.setTaskPriority(value),
-            children: [
-              /* @__PURE__ */ jsx16(
-                SelectTrigger3,
-                {
-                  "aria-label": copy.t("labels.priority"),
-                  className: "min-w-28 rounded-lg border-border-1 bg-transparency-block text-sm",
-                  children: /* @__PURE__ */ jsx16(SelectValue2, {})
-                }
-              ),
-              /* @__PURE__ */ jsx16(SelectContent3, { style: { zIndex: "var(--z-panel-popover)" }, children: taskPriorityOptions2.map((priority) => /* @__PURE__ */ jsx16(SelectItem3, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority)) })
-            ]
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs16("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.content") }),
-        /* @__PURE__ */ jsx16(
-          IssueManagerRichTextTextarea,
-          {
-            controller,
-            surface: "task",
-            textareaClassName: "min-h-[12rem] w-full resize-none rounded-lg border border-border-1 bg-transparency-block px-4 py-3 text-sm leading-5 text-[var(--text-primary)] outline-none placeholder:text-[var(--text-placeholder)]",
-            placeholder: copy.t("composer.taskContentPlaceholder"),
-            value: controller.taskDraft.content,
-            onChange: controller.setTaskContent
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsxs16(
+        "label",
+        {
+          className: `grid gap-2 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay0ClassName}`,
+          children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.title") }),
+            /* @__PURE__ */ jsx16(
+              Input5,
+              {
+                placeholder: copy.t("composer.taskTitlePlaceholder"),
+                variant: "md",
+                value: controller.taskDraft.title,
+                onChange: (event) => controller.setTaskTitle(event.target.value)
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        "div",
+        {
+          className: `flex flex-wrap items-center gap-3 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay1ClassName}`,
+          children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: copy.t("labels.priority") }),
+            /* @__PURE__ */ jsxs16(
+              Select2,
+              {
+                value: controller.taskDraft.priority,
+                onValueChange: (value) => controller.setTaskPriority(value),
+                children: [
+                  /* @__PURE__ */ jsx16(
+                    SelectTrigger2,
+                    {
+                      "aria-label": copy.t("labels.priority"),
+                      className: "min-w-28 rounded-lg border-border-1 bg-transparency-block text-sm",
+                      children: /* @__PURE__ */ jsx16(SelectValue, {})
+                    }
+                  ),
+                  /* @__PURE__ */ jsx16(SelectContent2, { style: { zIndex: "var(--z-panel-popover)" }, children: taskPriorityOptions.map((priority) => /* @__PURE__ */ jsx16(SelectItem2, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority)) })
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          className: `grid gap-2 ${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay2ClassName}`,
+          children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-sm font-semibold leading-5 text-[var(--text-primary)]", children: copy.t("labels.content") }),
+            /* @__PURE__ */ jsx16(
+              IssueManagerRichTextTextarea,
+              {
+                controller,
+                surface: "task",
+                textareaClassName: "min-h-[12rem] resize-none",
+                placeholder: copy.t("composer.taskContentPlaceholder"),
+                value: controller.taskDraft.content,
+                onChange: controller.setTaskContent
+              }
+            )
+          ]
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx16(
-      IssueManagerContextSection,
+      "div",
       {
-        copy,
-        emptyLabel: copy.t("messages.noTaskReferences"),
-        refs: taskRefs,
-        onAdd: () => {
-          void controller.attachReferences("task");
-        },
-        onOpen: controller.openReference,
-        onRemove: controller.removeContextRef
+        className: `${issueManagerEditorRiseInClassName} ${issueManagerEditorRiseInDelay3ClassName}`,
+        children: /* @__PURE__ */ jsx16(
+          IssueManagerContextSection,
+          {
+            copy,
+            emptyLabel: copy.t("messages.noTaskReferences"),
+            refs: taskRefs,
+            onAdd: () => {
+              void controller.attachReferences("task");
+            },
+            onOpen: controller.openReference,
+            onRemove: controller.removeContextRef
+          }
+        )
       }
     ),
     !isCreate ? /* @__PURE__ */ jsx16(
@@ -3859,7 +3971,7 @@ function IssueManagerTaskDrawerFooter({
         {
           controller,
           iconSize: 15,
-          triggerClassName: "min-w-[11rem] rounded-lg border-border-1 bg-transparency-block px-3.5 py-2 text-sm"
+          triggerClassName: "min-w-[11rem]"
         }
       ),
       controller.canInviteCollaborators ? /* @__PURE__ */ jsx16(
@@ -3877,48 +3989,54 @@ function IssueManagerTaskDrawerFooter({
     ] }) });
   }
   if (view.showEditFooter) {
-    return /* @__PURE__ */ jsx16("div", { className: "border-t border-border-1 px-7 py-4", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-2", children: !view.isCreate && selectedTask ? /* @__PURE__ */ jsx16(
-        Button12,
-        {
-          size: "default",
-          type: "button",
-          variant: "destructive",
-          onClick: () => {
-            void controller.deleteTask();
-          },
-          children: copy.t("actions.deleteTask")
-        }
-      ) : null }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx16(
-          Button12,
-          {
-            size: "default",
-            type: "button",
-            variant: "secondary",
-            onClick: () => controller.setTaskEditorMode("read"),
-            children: copy.t("actions.cancel")
-          }
-        ),
-        /* @__PURE__ */ jsxs16(
-          Button12,
-          {
-            disabled: canIssueManagerSaveTask({
-              selectedIssue,
-              view
-            }) === false,
-            size: "default",
-            type: "button",
-            onClick: () => void controller.saveTask(),
-            children: [
-              /* @__PURE__ */ jsx16(SparkIcon2, { size: 16 }),
-              copy.t("actions.saveTask")
-            ]
-          }
-        )
-      ] })
-    ] }) });
+    return /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: `border-t border-border-1 px-7 py-4 ${issueManagerEditorFooterFadeInClassName}`,
+        children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx16("div", { className: "flex items-center gap-2", children: !view.isCreate && selectedTask ? /* @__PURE__ */ jsx16(
+            Button12,
+            {
+              size: "default",
+              type: "button",
+              variant: "destructive",
+              onClick: () => {
+                void controller.deleteTask();
+              },
+              children: copy.t("actions.deleteTask")
+            }
+          ) : null }),
+          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx16(
+              Button12,
+              {
+                size: "default",
+                type: "button",
+                variant: "secondary",
+                onClick: () => controller.setTaskEditorMode("read"),
+                children: copy.t("actions.cancel")
+              }
+            ),
+            /* @__PURE__ */ jsxs16(
+              Button12,
+              {
+                disabled: canIssueManagerSaveTask({
+                  selectedIssue,
+                  view
+                }) === false,
+                size: "default",
+                type: "button",
+                onClick: () => void controller.saveTask(),
+                children: [
+                  /* @__PURE__ */ jsx16(SparkIcon2, { size: 16 }),
+                  copy.t("actions.saveTask")
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    );
   }
   return null;
 }
@@ -3984,27 +4102,27 @@ function IssueManagerTaskDrawer({
 
 // src/ui/internal/shell/useIssueManagerShellView.ts
 import {
-  useEffect as useEffect5,
+  useEffect as useEffect7,
   useEffectEvent as useEffectEvent3,
-  useRef as useRef2,
-  useState as useState5
+  useRef as useRef3,
+  useState as useState8
 } from "react";
 function useIssueManagerShellView({
   controller,
   selectedIssue,
   selectedTask
 }) {
-  const layoutRef = useRef2(null);
-  const resizeRef = useRef2(null);
-  const [sidebarWidth, setSidebarWidth] = useState5(
+  const layoutRef = useRef3(null);
+  const resizeRef = useRef3(null);
+  const [sidebarWidth, setSidebarWidth] = useState8(
     issueManagerSidebarDefaultWidth
   );
-  const [isNarrowLayout, setIsNarrowLayout] = useState5(false);
+  const [isNarrowLayout, setIsNarrowLayout] = useState8(false);
   const dismissNotification = useEffectEvent3(() => {
     controller.dismissNotification();
   });
   const floatingNotice = controller.floatingNotice;
-  useEffect5(() => {
+  useEffect7(() => {
     const publishLayout = () => {
       const width = layoutRef.current?.getBoundingClientRect().width ?? 0;
       if (!width) {
@@ -4027,7 +4145,7 @@ function useIssueManagerShellView({
       window.removeEventListener("resize", publishLayout);
     };
   }, []);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!floatingNotice) {
       return void 0;
     }
@@ -4048,7 +4166,7 @@ function useIssueManagerShellView({
     copy: controller.copy,
     issues: controller.issues
   });
-  const statusCounts = buildIssueManagerStatusCounts(controller.issues.value);
+  const statusCounts = resolveIssueManagerStatusCounts(controller.issues);
   const isSidebarAutoCollapsed = isNarrowLayout;
   const isSidebarCollapsed = controller.nodeState.taskListCollapsed === true || isSidebarAutoCollapsed;
   return {
@@ -4057,6 +4175,7 @@ function useIssueManagerShellView({
     isNarrowLayout,
     layoutRef,
     layoutStyle: {
+      gridTemplateColumns: isSidebarCollapsed ? "0 minmax(0, 1fr)" : "var(--issue-manager-sidebar-width) minmax(0, 1fr)",
       "--issue-manager-sidebar-width": `${sidebarWidth}px`
     },
     resizeHandle: {
@@ -4139,6 +4258,7 @@ function useIssueManagerShellView({
 import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function IssueManagerShell({
   controller,
+  emptyIllustration,
   onCloseTaskDrawer,
   onDismissIssueCreate,
   selectedIssue,
@@ -4152,7 +4272,7 @@ function IssueManagerShell({
   return /* @__PURE__ */ jsxs18(
     "div",
     {
-      className: "relative min-h-0 flex-1 overflow-hidden bg-transparent",
+      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",
       "data-issue-manager-sidebar-auto-collapsed": shellView.sidebar.isAutoCollapsed ? "true" : void 0,
       "data-issue-manager-sidebar-collapsed": shellView.sidebar.isCollapsed ? "true" : void 0,
       ref: shellView.layoutRef,
@@ -4170,7 +4290,7 @@ function IssueManagerShell({
             statusCounts: shellView.sidebar.statusCounts
           }
         ),
-        shellView.sidebar.isCollapsed ? null : /* @__PURE__ */ jsx18(
+        shellView.sidebar.isAutoCollapsed ? null : /* @__PURE__ */ jsx18(
           "div",
           {
             "aria-label": controller.copy.t("labels.resizeIssueList"),
@@ -4178,7 +4298,10 @@ function IssueManagerShell({
             "aria-valuemax": shellView.resizeHandle.ariaValueMax,
             "aria-valuemin": shellView.resizeHandle.ariaValueMin,
             "aria-valuenow": shellView.resizeHandle.ariaValueNow,
-            className: "group absolute top-0 bottom-0 left-[calc(var(--issue-manager-sidebar-width)-6px)] z-20 w-3 cursor-col-resize touch-none",
+            className: cn11(
+              "group absolute top-0 bottom-0 left-[calc(var(--issue-manager-sidebar-width)-6px)] z-20 w-3 cursor-col-resize touch-none opacity-100 transition-[left,opacity] duration-[180ms,120ms] ease-[cubic-bezier(0.4,0,0.2,1),ease] motion-reduce:transition-none",
+              shellView.sidebar.isCollapsed && "pointer-events-none left-[-6px] opacity-0"
+            ),
             role: "separator",
             tabIndex: 0,
             onKeyDown: shellView.resizeHandle.onKeyDown,
@@ -4189,78 +4312,79 @@ function IssueManagerShell({
             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__ */ jsxs18(
-          "div",
-          {
-            className: cn9(
-              "relative min-h-0 h-full overflow-hidden bg-transparent",
-              !shellView.sidebar.isCollapsed && "pl-[var(--issue-manager-sidebar-width)]"
-            ),
-            children: [
-              /* @__PURE__ */ jsxs18("div", { className: "flex h-full min-h-0 flex-col", children: [
-                /* @__PURE__ */ jsx18("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx18(
-                  IssueManagerIssuePane,
-                  {
-                    controller,
-                    selectedIssue,
-                    onDismissCreate: onDismissIssueCreate
-                  }
-                ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx18(
-                  IssueManagerTaskComposerPane,
-                  {
-                    controller,
-                    selectedIssue,
-                    onCancel: () => controller.setTaskEditorMode("read")
-                  }
-                ) : selectedIssue ? /* @__PURE__ */ jsx18(
-                  IssueManagerIssuePane,
-                  {
-                    controller,
-                    selectedIssue,
-                    onDismissCreate: onDismissIssueCreate
-                  }
-                ) : /* @__PURE__ */ jsx18(IssueManagerShellEmptyState, { controller }) }),
-                /* @__PURE__ */ jsx18(
-                  IssueManagerBottomBar,
-                  {
-                    controller,
-                    isNarrowLayout: shellView.isNarrowLayout,
-                    selectedIssue,
-                    selectedTask,
-                    visible: shellView.content.showBottomBar
-                  }
-                )
-              ] }),
-              shellView.content.isTaskDrawerOpen ? /* @__PURE__ */ jsx18(
-                IssueManagerTaskDrawer,
-                {
-                  controller,
-                  selectedIssue,
-                  selectedTask,
-                  onClose: onCloseTaskDrawer
-                }
-              ) : null
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxs18("div", { className: "relative h-full min-h-0 overflow-hidden bg-transparent", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex h-full min-h-0 flex-col", children: [
+            /* @__PURE__ */ jsx18("div", { className: "min-h-0 flex-1 overflow-hidden", children: shellView.content.isIssueEditing ? /* @__PURE__ */ jsx18(
+              IssueManagerIssuePane,
+              {
+                controller,
+                selectedIssue,
+                onDismissCreate: onDismissIssueCreate
+              }
+            ) : shellView.content.isTaskCreating ? /* @__PURE__ */ jsx18(
+              IssueManagerTaskComposerPane,
+              {
+                controller,
+                selectedIssue,
+                onCancel: () => controller.setTaskEditorMode("read")
+              }
+            ) : selectedIssue ? /* @__PURE__ */ jsx18(
+              IssueManagerIssuePane,
+              {
+                controller,
+                selectedIssue,
+                onDismissCreate: onDismissIssueCreate
+              }
+            ) : /* @__PURE__ */ jsx18(
+              IssueManagerShellEmptyState,
+              {
+                controller,
+                emptyIllustration
+              }
+            ) }),
+            /* @__PURE__ */ jsx18(
+              IssueManagerBottomBar,
+              {
+                controller,
+                isNarrowLayout: shellView.isNarrowLayout,
+                selectedIssue,
+                selectedTask,
+                visible: shellView.content.showBottomBar
+              }
+            )
+          ] }),
+          shellView.content.isTaskDrawerOpen ? /* @__PURE__ */ jsx18(
+            IssueManagerTaskDrawer,
+            {
+              controller,
+              selectedIssue,
+              selectedTask,
+              onClose: onCloseTaskDrawer
+            }
+          ) : null
+        ] })
       ]
     }
   );
 }
 function IssueManagerShellEmptyState({
-  controller
+  controller,
+  emptyIllustration
 }) {
   return /* @__PURE__ */ jsx18("div", { className: "flex h-full min-h-[320px] items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs18("div", { className: "grid max-w-[420px] justify-items-center gap-2 text-center", children: [
-    /* @__PURE__ */ jsx18(IssueManagerEmptyIllustration, {}),
+    emptyIllustration ?? null,
     /* @__PURE__ */ jsx18("h2", { className: "text-lg font-semibold leading-[1.35] text-[var(--text-primary)]", children: controller.copy.t("messages.noIssues") }),
     /* @__PURE__ */ jsx18("p", { className: "max-w-[420px] text-base leading-[1.3] text-[var(--text-secondary)]", children: controller.copy.t("emptyState") }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs18(
       Button13,
       {
-        className: "mt-2",
+        className: "mt-2 gap-2",
         type: "button",
         onClick: () => controller.setIssueEditorMode("create"),
-        children: controller.copy.t("actions.createIssue")
+        children: [
+          /* @__PURE__ */ jsx18(FileCreateIcon4, { size: 16 }),
+          controller.copy.t("actions.createIssue")
+        ]
       }
     )
   ] }) });
@@ -4269,6 +4393,7 @@ function IssueManagerShellEmptyState({
 // src/ui/IssueManagerNode.tsx
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function IssueManagerNode({
+  emptyIllustration,
   feature,
   nodeId,
   onStateChange,
@@ -4298,6 +4423,7 @@ function IssueManagerNode({
           IssueManagerShell,
           {
             controller,
+            emptyIllustration,
             onCloseTaskDrawer: shell.onCloseTaskDrawer,
             onDismissIssueCreate: shell.onDismissIssueCreate,
             selectedIssue,
@@ -4341,7 +4467,7 @@ function IssueManagerNodeHeader({
     "header",
     {
       ...headerProps,
-      className: cn10(
+      className: cn12(
         "flex h-full min-h-0 items-center justify-between gap-3 bg-[var(--background-panel)] px-2 pl-3",
         className
       ),
@@ -4352,13 +4478,13 @@ function IssueManagerNodeHeader({
             Button14,
             {
               "aria-label": toggleLabel,
-              className: "rounded-md",
+              className: "cursor-pointer rounded-md",
               "data-issue-manager-sidebar-auto-collapsed": isSidebarAutoCollapsed ? "true" : void 0,
               "data-issue-manager-sidebar-collapsed": effectiveCollapsed ? "true" : void 0,
               size: "icon-sm",
               title: toggleLabel,
               type: "button",
-              variant: "chrome",
+              variant: "ghost",
               onClick: (event) => {
                 event.stopPropagation();
                 toggleSidebar();
@@ -4388,4 +4514,4 @@ export {
   IssueManagerNode,
   IssueManagerNodeHeader
 };
-//# sourceMappingURL=chunk-XI6VLBSW.js.map
+//# sourceMappingURL=chunk-PDBLEOV4.js.map