@nextop-os/workspace-issue-manager 0.0.16 → 0.0.17

package/dist/chunk-RX6P2DPR.js

@@ -0,0 +1,3316 @@
+import {
+  appendIssueManagerWorkspaceFileLinksToContent,
+  extractIssueManagerPlainTextFromContent,
+  extractIssueManagerWorkspaceFileLinksFromContent,
+  normalizeIssueManagerContent,
+  normalizeIssueManagerNodeState
+} from "./chunk-LYYOPZIJ.js";
+
+// src/react/internal/useIssueManagerController.ts
+import { useDeferredValue, useEffect, useState } from "react";
+
+// src/react/internal/controllerUtils.ts
+var defaultTaskPriority = "medium";
+function resolveIssueManagerSelectedIssueId(currentSelectedIssueId, issues) {
+  if (currentSelectedIssueId && issues.some((issue) => issue.issueId === currentSelectedIssueId)) {
+    return currentSelectedIssueId;
+  }
+  return issues[0]?.issueId ?? null;
+}
+function resolveIssueManagerSelectedTaskId(currentSelectedTaskId, tasks) {
+  if (currentSelectedTaskId && tasks.some((task) => task.taskId === currentSelectedTaskId)) {
+    return currentSelectedTaskId;
+  }
+  return tasks[0]?.taskId ?? null;
+}
+function toContextRefInput(ref) {
+  return {
+    displayName: ref.displayName,
+    path: ref.path,
+    refType: ref.kind === "folder" ? "folder" : "file"
+  };
+}
+function toIssueManagerWorkspaceFileLinkInput(ref) {
+  return {
+    kind: ref.kind === "folder" ? "folder" : "file",
+    name: ref.displayName,
+    path: ref.path
+  };
+}
+function confirmIssueManagerMessage(message) {
+  try {
+    return globalThis.confirm?.(message) ?? true;
+  } catch {
+    return true;
+  }
+}
+function resolveIssueManagerErrorMessage(error, copy) {
+  const raw = error instanceof Error ? error.message : typeof error === "string" ? error : String(error);
+  if (!copy) {
+    return raw;
+  }
+  if (raw === "issue_manager.upload_type_conflict") {
+    return copy.t("messages.uploadTypeConflict");
+  }
+  if (raw === "issue_manager.workspace_path_unavailable") {
+    return copy.t("messages.workspacePathUnavailable");
+  }
+  if (raw === "issue_manager.run_status_missing") {
+    return copy.t("messages.runStatusMissing");
+  }
+  if (raw === "issue_manager.run_timed_out") {
+    return copy.t("messages.runTimedOut");
+  }
+  if (raw.startsWith("issue_manager.run_exit_code:")) {
+    return copy.t("messages.runExitCode", {
+      code: raw.slice("issue_manager.run_exit_code:".length)
+    });
+  }
+  return raw;
+}
+
+// src/react/internal/controllerActions.ts
+function createIssueManagerControllerActions(input) {
+  const {
+    copy,
+    feature,
+    issueDetail,
+    issueDraft,
+    issueEditorMode,
+    nodeState,
+    referenceTarget,
+    refreshAll,
+    refreshDetails,
+    setIsRunningTask,
+    setIssueDraftInternal,
+    setIssueEditorModeState,
+    setNotice,
+    setReferenceTarget,
+    setTaskDraftInternal,
+    setTaskEditorModeState,
+    taskDetail,
+    taskDraft,
+    taskEditorMode,
+    updateNodeState,
+    workspaceId
+  } = input;
+  const submitReferences = async (refs, target = referenceTarget) => {
+    const dedupedRefs = refs.filter((ref) => ref.path.trim().length > 0);
+    if (!target || dedupedRefs.length === 0) {
+      setReferenceTarget(null);
+      return;
+    }
+    if (target.mode === "insert") {
+      if (target.parentKind === "issue") {
+        setIssueDraftInternal((current) => ({
+          ...current,
+          content: appendIssueManagerWorkspaceFileLinksToContent(
+            current.content,
+            dedupedRefs.map(toIssueManagerWorkspaceFileLinkInput)
+          )
+        }));
+      } else {
+        setTaskDraftInternal((current) => ({
+          ...current,
+          content: appendIssueManagerWorkspaceFileLinksToContent(
+            current.content,
+            dedupedRefs.map(toIssueManagerWorkspaceFileLinkInput)
+          )
+        }));
+      }
+      setReferenceTarget(null);
+      return;
+    }
+    const selectedIssueId = nodeState.selectedIssueId;
+    if (!selectedIssueId) {
+      setReferenceTarget(null);
+      return;
+    }
+    await feature.backend.addContextRefs(
+      target.parentKind === "task" ? {
+        issueId: selectedIssueId,
+        parentKind: "task",
+        refs: dedupedRefs.map(toContextRefInput),
+        taskId: target.taskId,
+        workspaceId
+      } : {
+        issueId: selectedIssueId,
+        parentKind: "issue",
+        refs: dedupedRefs.map(toContextRefInput),
+        workspaceId
+      }
+    );
+    setReferenceTarget(null);
+    refreshDetails();
+  };
+  const createInsertReferenceTarget = (parentKind) => parentKind === "task" ? {
+    mode: "insert",
+    parentKind: "task",
+    taskId: nodeState.selectedTaskId ?? ""
+  } : {
+    mode: "insert",
+    parentKind: "issue"
+  };
+  const syncContentReferences = async (payload) => {
+    const existingPaths = new Set(payload.existingRefs.map((ref) => ref.path));
+    const missingRefs = extractIssueManagerWorkspaceFileLinksFromContent(
+      payload.content
+    ).filter((ref) => !existingPaths.has(ref.path)).map((ref) => ({
+      displayName: ref.name,
+      path: ref.path,
+      refType: ref.kind
+    }));
+    if (missingRefs.length === 0) {
+      return;
+    }
+    await feature.backend.addContextRefs(
+      payload.parentKind === "task" ? {
+        issueId: payload.issueId,
+        parentKind: "task",
+        refs: missingRefs,
+        taskId: payload.taskId ?? "",
+        workspaceId
+      } : {
+        issueId: payload.issueId,
+        parentKind: "issue",
+        refs: missingRefs,
+        workspaceId
+      }
+    );
+  };
+  return {
+    async attachReferences(parentKind) {
+      if (!feature.fileAdapter) {
+        return;
+      }
+      if (parentKind === "task" && !nodeState.selectedTaskId) {
+        return;
+      }
+      if (feature.fileAdapter.requestReferences && !feature.fileAdapter.listDirectory && !feature.fileAdapter.searchReferences) {
+        const refs = await feature.fileAdapter.requestReferences({
+          workspaceId
+        });
+        await submitReferences(
+          refs,
+          parentKind === "task" ? {
+            mode: "attach",
+            parentKind: "task",
+            taskId: nodeState.selectedTaskId ?? ""
+          } : {
+            mode: "attach",
+            parentKind: "issue"
+          }
+        );
+        return;
+      }
+      setReferenceTarget(
+        parentKind === "task" ? { mode: "attach", parentKind, taskId: nodeState.selectedTaskId } : { mode: "attach", parentKind }
+      );
+    },
+    createTaskDraft() {
+      setTaskEditorModeState("create");
+      setTaskDraftInternal({
+        content: nodeState.taskDraftContent ?? "",
+        priority: defaultTaskPriority,
+        title: nodeState.taskDraftTitle ?? ""
+      });
+      updateNodeState((current) => ({
+        ...current,
+        selectedTaskId: null
+      }));
+    },
+    async deleteIssue() {
+      const selectedIssueId = nodeState.selectedIssueId;
+      if (!selectedIssueId || !confirmIssueManagerMessage(copy.t("confirmations.deleteIssue"))) {
+        return;
+      }
+      try {
+        await feature.backend.deleteIssue({
+          issueId: selectedIssueId,
+          workspaceId
+        });
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.issueDeleted")
+        });
+        setIssueEditorModeState("read");
+        setTaskEditorModeState("read");
+        updateNodeState((current) => ({
+          ...current,
+          selectedIssueId: null,
+          selectedTaskId: null
+        }));
+        refreshAll();
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async deleteTask() {
+      const selectedIssueId = nodeState.selectedIssueId;
+      const selectedTaskId = nodeState.selectedTaskId;
+      if (!selectedIssueId || !selectedTaskId || !confirmIssueManagerMessage(copy.t("confirmations.deleteTask"))) {
+        return;
+      }
+      try {
+        await feature.backend.deleteTask({
+          issueId: selectedIssueId,
+          taskId: selectedTaskId,
+          workspaceId
+        });
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.taskDeleted")
+        });
+        setTaskEditorModeState("read");
+        updateNodeState((current) => ({
+          ...current,
+          selectedTaskId: null
+        }));
+        refreshAll();
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async insertReferences(parentKind) {
+      if (!feature.fileAdapter) {
+        return;
+      }
+      if (parentKind === "task" && !nodeState.selectedTaskId && taskEditorMode !== "create") {
+        return;
+      }
+      if (feature.fileAdapter.requestReferences && !feature.fileAdapter.listDirectory && !feature.fileAdapter.searchReferences) {
+        const refs = await feature.fileAdapter.requestReferences({
+          workspaceId
+        });
+        await submitReferences(refs, createInsertReferenceTarget(parentKind));
+        return;
+      }
+      setReferenceTarget(createInsertReferenceTarget(parentKind));
+    },
+    async uploadReferences(parentKind, mode) {
+      if (!feature.fileAdapter?.requestUpload) {
+        return;
+      }
+      const refs = await feature.fileAdapter.requestUpload({
+        mode,
+        targetDirectoryPath: "/",
+        workspaceId
+      });
+      if (refs.length === 0) {
+        return;
+      }
+      await feature.fileAdapter.refreshTree?.({
+        depth: 1,
+        paths: refs.map((ref) => ref.path),
+        workspaceId
+      });
+      await submitReferences(refs, createInsertReferenceTarget(parentKind));
+    },
+    async openReference(reference) {
+      await feature.fileAdapter?.openReference?.(reference);
+    },
+    async removeContextRef(ref) {
+      try {
+        await feature.backend.removeContextRef(
+          ref.parentKind === "task" ? {
+            contextRefId: ref.contextRefId,
+            issueId: ref.issueId,
+            parentKind: "task",
+            taskId: ref.taskId,
+            workspaceId
+          } : {
+            contextRefId: ref.contextRefId,
+            issueId: ref.issueId,
+            parentKind: "issue",
+            workspaceId
+          }
+        );
+        refreshDetails();
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async runTask(providerOverride) {
+      if (!issueDetail.value || !taskDetail.value) {
+        return;
+      }
+      const provider = providerOverride?.trim() || nodeState.selectedAgentProvider.trim();
+      if (!provider) {
+        return;
+      }
+      if (provider !== nodeState.selectedAgentProvider) {
+        updateNodeState((current) => ({
+          ...current,
+          selectedAgentProvider: provider
+        }));
+      }
+      setIsRunningTask(true);
+      let createdRun = null;
+      try {
+        const currentUser = await Promise.resolve(
+          feature.identityAdapter.currentUser()
+        );
+        createdRun = await feature.backend.createRun({
+          agentProvider: provider,
+          agentUserId: currentUser?.userId ?? void 0,
+          issueId: issueDetail.value.issue.issueId,
+          taskId: taskDetail.value.task.taskId,
+          workspaceId
+        });
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.runStarted")
+        });
+        refreshDetails();
+        const result = await feature.agentRunner.runTask({
+          issue: issueDetail.value.issue,
+          provider,
+          run: createdRun,
+          task: taskDetail.value.task,
+          workspaceId
+        });
+        await feature.backend.completeRun({
+          errorMessage: result.errorMessage,
+          issueId: issueDetail.value.issue.issueId,
+          outputs: result.outputs ?? [],
+          runId: createdRun.runId,
+          status: result.status,
+          summary: result.summary,
+          taskId: taskDetail.value.task.taskId,
+          workspaceId
+        });
+        setNotice({
+          kind: result.status === "completed" ? "success" : "error",
+          message: result.status === "completed" ? copy.t("messages.runCompleted") : copy.t("messages.runFailed")
+        });
+      } catch (error) {
+        const message = resolveIssueManagerErrorMessage(error, copy);
+        if (createdRun && issueDetail.value && taskDetail.value) {
+          try {
+            await feature.backend.completeRun({
+              errorMessage: message,
+              issueId: issueDetail.value.issue.issueId,
+              outputs: [],
+              runId: createdRun.runId,
+              status: "failed",
+              summary: copy.t("run.failedSummaryFallback"),
+              taskId: taskDetail.value.task.taskId,
+              workspaceId
+            });
+          } catch {
+          }
+        }
+        setNotice({
+          kind: "error",
+          message
+        });
+      } finally {
+        setIsRunningTask(false);
+        refreshDetails();
+      }
+    },
+    async saveIssue() {
+      const title = issueDraft.title.trim();
+      if (!title) {
+        return;
+      }
+      try {
+        const content = normalizeIssueManagerContent(issueDraft.content);
+        const savedIssue = issueEditorMode === "create" ? await feature.backend.createIssue({
+          content,
+          title,
+          workspaceId
+        }) : await feature.backend.updateIssue({
+          content,
+          issueId: nodeState.selectedIssueId ?? "",
+          title,
+          workspaceId
+        });
+        await syncContentReferences({
+          content,
+          existingRefs: issueEditorMode === "create" ? [] : issueDetail.value?.contextRefs.filter(
+            (ref) => ref.parentKind === "issue"
+          ) ?? [],
+          issueId: savedIssue.issueId,
+          parentKind: "issue"
+        });
+        setIssueEditorModeState("read");
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.issueSaved")
+        });
+        updateNodeState((current) => ({
+          ...current,
+          issueDraftContent: null,
+          issueDraftTitle: null,
+          selectedIssueId: savedIssue.issueId
+        }));
+        refreshAll();
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async saveTask() {
+      const selectedIssueId = nodeState.selectedIssueId;
+      if (!selectedIssueId) {
+        return;
+      }
+      const title = taskDraft.title.trim();
+      if (!title) {
+        return;
+      }
+      try {
+        const content = normalizeIssueManagerContent(taskDraft.content);
+        const savedTask = taskEditorMode === "create" ? await feature.backend.createTask({
+          content,
+          issueId: selectedIssueId,
+          priority: taskDraft.priority,
+          title,
+          workspaceId
+        }) : await feature.backend.updateTask({
+          content,
+          issueId: selectedIssueId,
+          priority: taskDraft.priority,
+          taskId: nodeState.selectedTaskId ?? "",
+          title,
+          workspaceId
+        });
+        await syncContentReferences({
+          content,
+          existingRefs: taskEditorMode === "create" ? [] : taskDetail.value?.contextRefs.filter(
+            (ref) => ref.parentKind === "task"
+          ) ?? [],
+          issueId: selectedIssueId,
+          parentKind: "task",
+          taskId: savedTask.taskId
+        });
+        setTaskEditorModeState("read");
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.taskSaved")
+        });
+        updateNodeState((current) => ({
+          ...current,
+          selectedTaskId: savedTask.taskId,
+          taskDraftContent: null,
+          taskDraftTitle: null
+        }));
+        refreshAll();
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async shareSelection() {
+      const selectedIssueId = nodeState.selectedIssueId;
+      if (!feature.shareAdapter?.createIssueLink || !selectedIssueId) {
+        return;
+      }
+      try {
+        const link = await feature.shareAdapter.createIssueLink({
+          issueId: selectedIssueId,
+          taskId: nodeState.selectedTaskId ?? void 0,
+          workspaceId
+        });
+        if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+          throw new Error(copy.t("messages.clipboardUnavailable"));
+        }
+        await navigator.clipboard.writeText(link);
+        setNotice({
+          kind: "success",
+          message: copy.t("messages.copiedShareLink")
+        });
+      } catch (error) {
+        setNotice({
+          kind: "error",
+          message: resolveIssueManagerErrorMessage(error, copy)
+        });
+      }
+    },
+    async submitReferenceSelection(refs) {
+      await submitReferences(refs);
+    }
+  };
+}
+
+// src/react/internal/controllerState.ts
+function createIssueManagerIssueDraftFromNodeState(state) {
+  return {
+    content: state?.issueDraftContent ?? "",
+    title: state?.issueDraftTitle ?? ""
+  };
+}
+function createIssueManagerTaskDraftFromNodeState(state, priority = defaultTaskPriority) {
+  return {
+    content: state?.taskDraftContent ?? "",
+    priority,
+    title: state?.taskDraftTitle ?? ""
+  };
+}
+function applyIssueManagerIssueSelection(current, issueId) {
+  return {
+    ...current,
+    selectedIssueId: issueId,
+    selectedTaskId: null
+  };
+}
+function applyIssueManagerTaskSelection(current, taskId) {
+  return {
+    ...current,
+    selectedTaskId: taskId
+  };
+}
+function applyIssueManagerIssueListResultToNodeState(current, result) {
+  return {
+    ...current,
+    issueListNextPageToken: result.nextPageToken ?? null,
+    selectedIssueId: resolveIssueManagerSelectedIssueId(
+      current.selectedIssueId,
+      result.issues
+    )
+  };
+}
+function applyIssueManagerIssueDetailResultToNodeState(current, detail) {
+  return {
+    ...current,
+    selectedTaskId: resolveIssueManagerSelectedTaskId(
+      current.selectedTaskId,
+      detail.tasks
+    )
+  };
+}
+function syncIssueManagerIssueDraftFromDetail(current, detail, editorMode) {
+  if (editorMode !== "read") {
+    return current;
+  }
+  return {
+    content: normalizeIssueManagerContent(detail?.issue.content ?? ""),
+    title: detail?.issue.title ?? ""
+  };
+}
+function syncIssueManagerTaskDraftFromDetail(current, detail, editorMode) {
+  if (editorMode !== "read") {
+    return current;
+  }
+  return {
+    content: normalizeIssueManagerContent(detail?.task.content ?? ""),
+    priority: detail?.task.priority ?? defaultTaskPriority,
+    title: detail?.task.title ?? ""
+  };
+}
+function applyIssueManagerIssueEditorModeToNodeState(current, editorMode) {
+  if (editorMode === "create") {
+    return current;
+  }
+  return {
+    ...current,
+    issueDraftContent: null,
+    issueDraftTitle: null
+  };
+}
+function applyIssueManagerTaskEditorModeToNodeState(current, editorMode) {
+  if (editorMode === "create") {
+    return current;
+  }
+  return {
+    ...current,
+    taskDraftContent: null,
+    taskDraftTitle: null
+  };
+}
+function persistIssueManagerIssueDraftContent(current, editorMode, content) {
+  if (editorMode !== "create") {
+    return current;
+  }
+  return {
+    ...current,
+    issueDraftContent: content
+  };
+}
+function persistIssueManagerIssueDraftTitle(current, editorMode, title) {
+  if (editorMode !== "create") {
+    return current;
+  }
+  return {
+    ...current,
+    issueDraftTitle: title
+  };
+}
+function persistIssueManagerTaskDraftContent(current, editorMode, content) {
+  if (editorMode !== "create") {
+    return current;
+  }
+  return {
+    ...current,
+    taskDraftContent: content
+  };
+}
+function persistIssueManagerTaskDraftTitle(current, editorMode, title) {
+  if (editorMode !== "create") {
+    return current;
+  }
+  return {
+    ...current,
+    taskDraftTitle: title
+  };
+}
+
+// src/react/internal/useIssueManagerController.ts
+var issueManagerProviderOptions = ["codex"];
+function useIssueManagerController({
+  feature,
+  onStateChange,
+  state,
+  workspaceId
+}) {
+  const copy = feature.i18n;
+  const [nodeState, setNodeStateInternal] = useState(
+    () => normalizeIssueManagerNodeState(state)
+  );
+  const [issueEditorMode, setIssueEditorModeState] = useState("read");
+  const [taskEditorMode, setTaskEditorModeState] = useState("read");
+  const [issueDraft, setIssueDraftInternal] = useState(
+    () => createIssueManagerIssueDraftFromNodeState(nodeState)
+  );
+  const [taskDraft, setTaskDraftInternal] = useState(
+    () => createIssueManagerTaskDraftFromNodeState(nodeState)
+  );
+  const [issueReloadToken, setIssueReloadToken] = useState(0);
+  const [detailReloadToken, setDetailReloadToken] = useState(0);
+  const [notice, setNotice] = useState(null);
+  const [isRunningTask, setIsRunningTask] = useState(false);
+  const [referenceTarget, setReferenceTarget] = useState(null);
+  const [issues, setIssues] = useState({
+    error: null,
+    isLoading: false,
+    value: []
+  });
+  const [issueDetail, setIssueDetail] = useState({
+    error: null,
+    isLoading: false,
+    value: null
+  });
+  const [taskDetail, setTaskDetail] = useState({
+    error: null,
+    isLoading: false,
+    value: null
+  });
+  const deferredIssueSearch = useDeferredValue(nodeState.issueSearchQuery);
+  const canReferenceWorkspaceFiles = hasFileAdapterMethod(feature.fileAdapter, "requestReferences") || hasFileAdapterMethod(feature.fileAdapter, "listDirectory") || hasFileAdapterMethod(feature.fileAdapter, "searchReferences");
+  const canUploadWorkspaceFiles = hasFileAdapterMethod(
+    feature.fileAdapter,
+    "requestUpload"
+  );
+  const updateNodeState = (updater) => {
+    setNodeStateInternal((current) => {
+      const next = typeof updater === "function" ? updater(current) : {
+        ...current,
+        ...updater
+      };
+      onStateChange?.(next);
+      return next;
+    });
+  };
+  const refreshIssues = () => {
+    setIssueReloadToken((current) => current + 1);
+  };
+  const refreshDetails = () => {
+    setDetailReloadToken((current) => current + 1);
+  };
+  const refreshAll = () => {
+    refreshIssues();
+    refreshDetails();
+  };
+  useEffect(() => {
+    const normalized = normalizeIssueManagerNodeState(state);
+    setNodeStateInternal(normalized);
+    setIssueDraftInternal(
+      createIssueManagerIssueDraftFromNodeState(normalized)
+    );
+    setTaskDraftInternal((current) => ({
+      ...createIssueManagerTaskDraftFromNodeState(normalized, current.priority)
+    }));
+  }, [workspaceId]);
+  useEffect(() => {
+    let canceled = false;
+    setIssues((current) => ({
+      ...current,
+      error: null,
+      isLoading: true
+    }));
+    void feature.backend.listIssues({
+      searchQuery: deferredIssueSearch || void 0,
+      statusFilter: nodeState.issueStatusFilter,
+      workspaceId
+    }).then((result) => {
+      if (canceled) {
+        return;
+      }
+      setIssues({
+        error: null,
+        isLoading: false,
+        value: result.issues
+      });
+      updateNodeState(
+        (current) => applyIssueManagerIssueListResultToNodeState(current, result)
+      );
+    }).catch((error) => {
+      if (canceled) {
+        return;
+      }
+      setIssues({
+        error: resolveIssueManagerErrorMessage(error, copy),
+        isLoading: false,
+        value: []
+      });
+    });
+    return () => {
+      canceled = true;
+    };
+  }, [
+    copy,
+    deferredIssueSearch,
+    feature.backend,
+    issueReloadToken,
+    nodeState.issueStatusFilter,
+    workspaceId
+  ]);
+  useEffect(() => {
+    const selectedIssueId = nodeState.selectedIssueId;
+    if (!selectedIssueId) {
+      setIssueDetail({
+        error: null,
+        isLoading: false,
+        value: null
+      });
+      return;
+    }
+    let canceled = false;
+    setIssueDetail((current) => ({
+      ...current,
+      error: null,
+      isLoading: true
+    }));
+    void feature.backend.getIssueDetail({
+      issueId: selectedIssueId,
+      workspaceId
+    }).then((result) => {
+      if (canceled) {
+        return;
+      }
+      setIssueDetail({
+        error: null,
+        isLoading: false,
+        value: result
+      });
+      updateNodeState(
+        (current) => applyIssueManagerIssueDetailResultToNodeState(current, result)
+      );
+    }).catch((error) => {
+      if (canceled) {
+        return;
+      }
+      setIssueDetail({
+        error: resolveIssueManagerErrorMessage(error, copy),
+        isLoading: false,
+        value: null
+      });
+    });
+    return () => {
+      canceled = true;
+    };
+  }, [
+    copy,
+    detailReloadToken,
+    feature.backend,
+    nodeState.selectedIssueId,
+    workspaceId
+  ]);
+  useEffect(() => {
+    const selectedIssueId = nodeState.selectedIssueId;
+    const selectedTaskId = nodeState.selectedTaskId;
+    if (!selectedIssueId || !selectedTaskId) {
+      setTaskDetail({
+        error: null,
+        isLoading: false,
+        value: null
+      });
+      return;
+    }
+    let canceled = false;
+    setTaskDetail((current) => ({
+      ...current,
+      error: null,
+      isLoading: true
+    }));
+    void feature.backend.getTaskDetail({
+      issueId: selectedIssueId,
+      taskId: selectedTaskId,
+      workspaceId
+    }).then((result) => {
+      if (canceled) {
+        return;
+      }
+      setTaskDetail({
+        error: null,
+        isLoading: false,
+        value: result
+      });
+    }).catch((error) => {
+      if (canceled) {
+        return;
+      }
+      setTaskDetail({
+        error: resolveIssueManagerErrorMessage(error, copy),
+        isLoading: false,
+        value: null
+      });
+    });
+    return () => {
+      canceled = true;
+    };
+  }, [
+    copy,
+    detailReloadToken,
+    feature.backend,
+    nodeState.selectedIssueId,
+    nodeState.selectedTaskId,
+    workspaceId
+  ]);
+  useEffect(() => {
+    setIssueDraftInternal(
+      (current) => syncIssueManagerIssueDraftFromDetail(
+        current,
+        issueDetail.value,
+        issueEditorMode
+      )
+    );
+  }, [
+    issueDetail.value?.issue.content,
+    issueDetail.value?.issue.title,
+    issueEditorMode
+  ]);
+  useEffect(() => {
+    setTaskDraftInternal(
+      (current) => syncIssueManagerTaskDraftFromDetail(
+        current,
+        taskDetail.value,
+        taskEditorMode
+      )
+    );
+  }, [
+    taskDetail.value?.task.content,
+    taskDetail.value?.task.priority,
+    taskDetail.value?.task.title,
+    taskEditorMode
+  ]);
+  const actions = createIssueManagerControllerActions({
+    copy,
+    feature,
+    issueDetail,
+    issueDraft,
+    issueEditorMode,
+    nodeState,
+    referenceTarget,
+    refreshAll,
+    refreshDetails,
+    setIsRunningTask,
+    setIssueDraftInternal,
+    setIssueEditorModeState,
+    setNotice,
+    setReferenceTarget,
+    setTaskDraftInternal,
+    setTaskEditorModeState,
+    taskDetail,
+    taskDraft,
+    taskEditorMode,
+    updateNodeState,
+    workspaceId
+  });
+  return {
+    ...actions,
+    canReferenceWorkspaceFiles,
+    canUploadWorkspaceFiles,
+    clearNotice() {
+      setNotice(null);
+    },
+    copy,
+    issueDetail,
+    issueDraft,
+    issueEditorMode,
+    issues,
+    isRunningTask,
+    nodeState,
+    notice,
+    providerOptions: issueManagerProviderOptions,
+    refreshAll,
+    referenceTarget,
+    selectIssue(issueId) {
+      updateNodeState(
+        (current) => applyIssueManagerIssueSelection(current, issueId)
+      );
+      setIssueEditorModeState("read");
+      setTaskEditorModeState("read");
+    },
+    selectTask(taskId) {
+      updateNodeState(
+        (current) => applyIssueManagerTaskSelection(current, taskId)
+      );
+      setTaskEditorModeState("read");
+    },
+    setIssueContent(content) {
+      setIssueDraftInternal((current) => ({
+        ...current,
+        content
+      }));
+      updateNodeState(
+        (current) => persistIssueManagerIssueDraftContent(current, issueEditorMode, content)
+      );
+    },
+    setIssueDraft(patch) {
+      setIssueDraftInternal((current) => ({
+        ...current,
+        ...patch
+      }));
+    },
+    setIssueEditorMode(mode) {
+      setIssueEditorModeState(mode);
+      if (mode === "create") {
+        setIssueDraftInternal(
+          createIssueManagerIssueDraftFromNodeState(nodeState)
+        );
+      }
+      updateNodeState(
+        (current) => applyIssueManagerIssueEditorModeToNodeState(current, mode)
+      );
+    },
+    setIssueSearchQuery(query) {
+      updateNodeState((current) => ({
+        ...current,
+        issueSearchQuery: query
+      }));
+    },
+    setIssueStatusFilter(value) {
+      updateNodeState((current) => ({
+        ...current,
+        issueStatusFilter: value
+      }));
+    },
+    setIssueTitle(title) {
+      setIssueDraftInternal((current) => ({
+        ...current,
+        title
+      }));
+      updateNodeState(
+        (current) => persistIssueManagerIssueDraftTitle(current, issueEditorMode, title)
+      );
+    },
+    setReferenceTarget,
+    setSelectedAgentProvider(provider) {
+      updateNodeState((current) => ({
+        ...current,
+        selectedAgentProvider: provider
+      }));
+    },
+    setTaskContent(content) {
+      setTaskDraftInternal((current) => ({
+        ...current,
+        content
+      }));
+      updateNodeState(
+        (current) => persistIssueManagerTaskDraftContent(current, taskEditorMode, content)
+      );
+    },
+    setTaskDraft(patch) {
+      setTaskDraftInternal((current) => ({
+        ...current,
+        ...patch
+      }));
+    },
+    setTaskEditorMode(mode) {
+      setTaskEditorModeState(mode);
+      if (mode === "create") {
+        setTaskDraftInternal(
+          createIssueManagerTaskDraftFromNodeState(nodeState)
+        );
+      }
+      updateNodeState(
+        (current) => applyIssueManagerTaskEditorModeToNodeState(current, mode)
+      );
+    },
+    setTaskPriority(priority) {
+      setTaskDraftInternal((current) => ({
+        ...current,
+        priority
+      }));
+    },
+    setTaskTitle(title) {
+      setTaskDraftInternal((current) => ({
+        ...current,
+        title
+      }));
+      updateNodeState(
+        (current) => persistIssueManagerTaskDraftTitle(current, taskEditorMode, title)
+      );
+    },
+    taskDetail,
+    taskDraft,
+    taskEditorMode
+  };
+}
+function hasFileAdapterMethod(fileAdapter, methodName) {
+  return typeof Reflect.get(fileAdapter ?? {}, methodName) === "function";
+}
+
+// src/react/internal/IssueManagerReferencePicker.tsx
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  DirectoryIcon,
+  FileIcon,
+  Input,
+  LoadingIcon,
+  ScrollArea,
+  SearchIcon,
+  UploadIcon,
+  cn
+} from "@nextop-os/ui-system";
+
+// src/react/internal/model.ts
+function createIssueManagerDate(value) {
+  if (!value || !Number.isFinite(value)) {
+    return null;
+  }
+  const normalized = value < 1e12 ? value * 1e3 : value;
+  const date = new Date(normalized);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+function formatIssueManagerTimestamp(value) {
+  return createIssueManagerDate(value)?.toLocaleString() ?? null;
+}
+function formatIssueManagerDate(value) {
+  return createIssueManagerDate(value)?.toLocaleDateString() ?? "";
+}
+function resolveIssueManagerStatusLabel(copy, status) {
+  switch (status) {
+    case "not_started":
+      return copy.t("status.notStarted");
+    case "running":
+      return copy.t("status.running");
+    case "pending_acceptance":
+      return copy.t("status.pendingAcceptance");
+    case "completed":
+      return copy.t("status.completed");
+    case "failed":
+      return copy.t("status.failed");
+    case "canceled":
+      return copy.t("status.canceled");
+    default:
+      return copy.t("status.unknown");
+  }
+}
+function resolveIssueManagerPriorityLabel(copy, priority) {
+  switch (priority) {
+    case "high":
+      return copy.t("priority.high");
+    case "low":
+      return copy.t("priority.low");
+    default:
+      return copy.t("priority.medium");
+  }
+}
+function uniqueIssueManagerFileReferences(refs) {
+  const unique = /* @__PURE__ */ new Map();
+  for (const ref of refs) {
+    const normalizedPath = ref.path.trim();
+    if (!normalizedPath || unique.has(normalizedPath)) {
+      continue;
+    }
+    unique.set(normalizedPath, {
+      displayName: ref.displayName?.trim() || void 0,
+      kind: ref.kind === "folder" ? "folder" : "file",
+      path: normalizedPath
+    });
+  }
+  return [...unique.values()];
+}
+function parentDirectoryPath(path) {
+  const trimmed = path.trim();
+  if (!trimmed || trimmed === "/") {
+    return null;
+  }
+  const normalized = trimmed.endsWith("/") && trimmed.length > 1 ? trimmed.slice(0, -1) : trimmed;
+  const index = normalized.lastIndexOf("/");
+  if (index <= 0) {
+    return "/";
+  }
+  return normalized.slice(0, index) || "/";
+}
+
+// src/react/internal/IssueManagerReferencePicker.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var defaultDirectoryPath = "/";
+function IssueManagerReferencePicker({
+  copy,
+  fileAdapter,
+  onClose,
+  onConfirm,
+  open,
+  workspaceId
+}) {
+  const [currentPath, setCurrentPath] = useState2(defaultDirectoryPath);
+  const [searchQuery, setSearchQuery] = useState2("");
+  const [entries, setEntries] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(false);
+  const [selectedRefs, setSelectedRefs] = useState2(
+    []
+  );
+  const supportsSearch = hasFileAdapterMethod2(fileAdapter, "searchReferences");
+  const supportsBrowse = hasFileAdapterMethod2(fileAdapter, "listDirectory");
+  const mode = searchQuery.trim().length > 0 && supportsSearch ? "search" : "browse";
+  const canUpload = hasFileAdapterMethod2(fileAdapter, "requestUpload");
+  const parentPath = useMemo(
+    () => parentDirectoryPath(currentPath),
+    [currentPath]
+  );
+  useEffect2(() => {
+    if (!open) {
+      return;
+    }
+    setSearchQuery("");
+    setCurrentPath(defaultDirectoryPath);
+    setSelectedRefs([]);
+  }, [open]);
+  useEffect2(() => {
+    if (!open || !fileAdapter) {
+      return;
+    }
+    let canceled = false;
+    const load = async () => {
+      setIsLoading(true);
+      try {
+        if (mode === "search" && fileAdapter.searchReferences) {
+          const refs = await fileAdapter.searchReferences({
+            query: searchQuery.trim(),
+            workspaceId
+          });
+          if (!canceled) {
+            setEntries(uniqueIssueManagerFileReferences(refs));
+          }
+          return;
+        }
+        if (mode === "browse" && fileAdapter.listDirectory) {
+          const listing = await fileAdapter.listDirectory({
+            path: currentPath,
+            workspaceId
+          });
+          if (!canceled) {
+            setCurrentPath(listing.directoryPath || defaultDirectoryPath);
+            setEntries(uniqueIssueManagerFileReferences(listing.entries));
+          }
+          return;
+        }
+        if (fileAdapter.requestReferences) {
+          const refs = await fileAdapter.requestReferences({ workspaceId });
+          if (!canceled) {
+            onConfirm(uniqueIssueManagerFileReferences(refs));
+            onClose();
+          }
+          return;
+        }
+        if (!canceled) {
+          setEntries([]);
+        }
+      } finally {
+        if (!canceled) {
+          setIsLoading(false);
+        }
+      }
+    };
+    void load();
+    return () => {
+      canceled = true;
+    };
+  }, [
+    currentPath,
+    fileAdapter,
+    mode,
+    onClose,
+    onConfirm,
+    open,
+    searchQuery,
+    workspaceId
+  ]);
+  if (!open) {
+    return null;
+  }
+  const toggleRef = (ref) => {
+    setSelectedRefs((current) => {
+      const existing = current.some((item) => item.path === ref.path);
+      return existing ? current.filter((item) => item.path !== ref.path) : uniqueIssueManagerFileReferences([...current, ref]);
+    });
+  };
+  const upload = async (mode2) => {
+    if (!fileAdapter?.requestUpload) {
+      return;
+    }
+    const refs = await fileAdapter.requestUpload({
+      mode: mode2,
+      targetDirectoryPath: currentPath,
+      workspaceId
+    });
+    setSelectedRefs(
+      (current) => uniqueIssueManagerFileReferences([...current, ...refs])
+    );
+  };
+  const dialog = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 grid place-items-center bg-black/26 px-4 backdrop-blur-sm",
+      style: { zIndex: "var(--z-panel)" },
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        Card,
+        {
+          "aria-modal": "true",
+          className: "w-full max-w-4xl border-border/70 bg-popover/96 shadow-[var(--workbench-window-elevation)]",
+          role: "dialog",
+          onClick: (event) => event.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "gap-3 border-b border-border/70", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx(CardTitle, { children: copy.t("referencePicker.title") }),
+                  /* @__PURE__ */ jsx(CardDescription, { children: copy.t("referencePicker.selectedCount", {
+                    count: selectedRefs.length
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, children: copy.t("actions.cancel") }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      disabled: selectedRefs.length === 0,
+                      type: "button",
+                      onClick: () => onConfirm(selectedRefs),
+                      children: copy.t("referencePicker.confirm")
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "relative min-w-[16rem] flex-1", children: [
+                  /* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      className: "pl-8",
+                      placeholder: copy.t("referencePicker.searchPlaceholder"),
+                      value: searchQuery,
+                      onChange: (event) => setSearchQuery(event.target.value)
+                    }
+                  )
+                ] }),
+                mode === "browse" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Badge, { className: "border-border/70 bg-background/80 text-muted-foreground", children: currentPath }),
+                  parentPath ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "sm",
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => setCurrentPath(parentPath),
+                      children: ".."
+                    }
+                  ) : null
+                ] }) : null,
+                canUpload ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      size: "sm",
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => {
+                        void upload("files");
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(UploadIcon, { className: "size-3.5" }),
+                        copy.t("actions.uploadFiles")
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      size: "sm",
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => {
+                        void upload("folder");
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(UploadIcon, { className: "size-3.5" }),
+                        copy.t("actions.uploadFolder")
+                      ]
+                    }
+                  )
+                ] }) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "grid min-h-[26rem] gap-4 pt-4 lg:grid-cols-[minmax(0,1fr)_18rem]", children: [
+              /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 rounded-xl border border-border/70 bg-background/72", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col p-2", children: isLoading ? /* @__PURE__ */ jsx(PickerFeedback, { children: /* @__PURE__ */ jsx(LoadingIcon, { className: "size-4 animate-spin" }) }) : entries.length === 0 ? /* @__PURE__ */ jsx(PickerFeedback, { children: mode === "search" ? copy.t("referencePicker.emptySearch") : copy.t("referencePicker.emptyDirectory") }) : entries.map((entry) => {
+                const selected = selectedRefs.some(
+                  (item) => item.path === entry.path
+                );
+                const isFolder = entry.kind === "folder";
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "grid grid-cols-[minmax(0,1fr)_auto] items-center gap-2 rounded-lg px-2 py-1.5",
+                      selected && "bg-primary/[0.08]"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-foreground hover:bg-accent/75",
+                          type: "button",
+                          onClick: () => {
+                            if (isFolder && mode === "browse" && supportsBrowse) {
+                              setCurrentPath(entry.path);
+                              return;
+                            }
+                            toggleRef(entry);
+                          },
+                          children: [
+                            isFolder ? /* @__PURE__ */ jsx(DirectoryIcon, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(FileIcon, { className: "size-4 text-muted-foreground" }),
+                            /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.displayName || entry.path.split("/").filter(Boolean).at(-1) || entry.path })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "xs",
+                          type: "button",
+                          variant: selected ? "secondary" : "outline",
+                          onClick: () => toggleRef(entry),
+                          children: selected ? "\u2713" : "+"
+                        }
+                      )
+                    ]
+                  },
+                  entry.path
+                );
+              }) }) }),
+              /* @__PURE__ */ jsxs("aside", { className: "flex min-h-0 flex-col gap-3 rounded-xl border border-border/70 bg-panel/72 p-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: copy.t("referencePicker.confirm") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: copy.t("referencePicker.selectedCount", {
+                    count: selectedRefs.length
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 flex-1 rounded-lg border border-border/70 bg-background/75", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 p-2", children: selectedRefs.length === 0 ? /* @__PURE__ */ jsx(PickerFeedback, { children: copy.t("referencePicker.emptySearch") }) : selectedRefs.map((ref) => /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex items-center justify-between gap-2 rounded-md border border-border/60 bg-background/92 px-2.5 py-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                        /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-foreground", children: ref.displayName || ref.path.split("/").filter(Boolean).at(-1) || ref.path }),
+                        /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: ref.path })
+                      ] }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "icon-xs",
+                          type: "button",
+                          variant: "ghost",
+                          onClick: () => setSelectedRefs(
+                            (current) => current.filter((item) => item.path !== ref.path)
+                          ),
+                          children: "x"
+                        }
+                      )
+                    ]
+                  },
+                  ref.path
+                )) }) })
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+  if (typeof document === "undefined") {
+    return dialog;
+  }
+  return createPortal(dialog, document.body);
+}
+function hasFileAdapterMethod2(fileAdapter, methodName) {
+  return typeof Reflect.get(fileAdapter ?? {}, methodName) === "function";
+}
+function PickerFeedback({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid min-h-[10rem] place-items-center px-4 text-center text-sm text-muted-foreground", children });
+}
+
+// src/react/internal/IssueManagerShell.tsx
+import {
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useState as useState4
+} from "react";
+import {
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  Badge as Badge5,
+  Button as Button6,
+  CloseIcon as CloseIcon2,
+  FileCreateIcon as FileCreateIcon3,
+  Input as Input5,
+  RefreshIcon,
+  ScrollArea as ScrollArea4,
+  SearchIcon as SearchIcon2,
+  cn as cn4
+} from "@nextop-os/ui-system";
+
+// src/react/internal/IssueManagerPanels.tsx
+import {
+  Badge as Badge3,
+  Button as Button3,
+  FileCreateIcon as FileCreateIcon2,
+  Input as Input2,
+  ScrollArea as ScrollArea2,
+  cn as cn3
+} from "@nextop-os/ui-system";
+
+// src/react/internal/IssueManagerPanelParts.tsx
+import { useEffect as useEffect3, useRef, useState as useState3 } from "react";
+import {
+  Badge as Badge2,
+  Button as Button2,
+  DirectoryIcon as DirectoryIcon2,
+  FileCreateIcon,
+  FileIcon as FileIcon2,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SparkIcon,
+  cn as cn2
+} from "@nextop-os/ui-system";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var workspaceDockTaskImage = new URL(
+  "../../assets/workspace-dock-task.png",
+  import.meta.url
+).href;
+function IssueManagerEmptyIllustration() {
+  return /* @__PURE__ */ jsx2(
+    "img",
+    {
+      alt: "",
+      "aria-hidden": "true",
+      className: "h-[84px] w-[84px] object-contain",
+      decoding: "async",
+      draggable: false,
+      src: workspaceDockTaskImage
+    }
+  );
+}
+function IssueManagerDescriptionSection({
+  content,
+  emptyLabel,
+  label,
+  minHeightClass = "min-h-[14rem]",
+  onOpen,
+  variant = "card"
+}) {
+  const contentRef = useRef(null);
+  const [isOverflowing, setIsOverflowing] = useState3(false);
+  const normalizedContent = normalizeIssueManagerContent(content).trim();
+  useEffect3(() => {
+    if (variant === "plain") {
+      setIsOverflowing(false);
+      return;
+    }
+    if (!normalizedContent) {
+      setIsOverflowing(false);
+      return;
+    }
+    const contentElement = contentRef.current;
+    if (!contentElement) {
+      return;
+    }
+    const measure = () => {
+      setIsOverflowing(
+        contentElement.scrollHeight > contentElement.clientHeight + 1
+      );
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") {
+      return;
+    }
+    const observer = new ResizeObserver(() => {
+      measure();
+    });
+    observer.observe(contentElement);
+    return () => {
+      observer.disconnect();
+    };
+  }, [normalizedContent, variant]);
+  if (variant === "plain") {
+    return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2.5", children: [
+      /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold text-foreground", children: label }),
+      normalizedContent ? /* @__PURE__ */ jsx2("div", { className: "max-w-3xl text-sm leading-6 text-muted-foreground", children: /* @__PURE__ */ jsx2(
+        IssueManagerDescriptionContent,
+        {
+          content: normalizedContent,
+          onOpen
+        }
+      ) }) : /* @__PURE__ */ jsx2("p", { className: "text-sm leading-6 text-muted-foreground", children: emptyLabel })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("section", { className: "grid gap-2", children: [
+    /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn2(
+          "relative min-w-0 rounded-[24px] border border-border/70 bg-transparent px-5 py-4",
+          minHeightClass
+        ),
+        children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              className: cn2(
+                "max-h-[18rem] overflow-y-auto pr-2 text-sm leading-6 text-muted-foreground",
+                isOverflowing && "pb-8"
+              ),
+              ref: contentRef,
+              children: normalizedContent ? /* @__PURE__ */ jsx2(
+                IssueManagerDescriptionContent,
+                {
+                  content: normalizedContent,
+                  onOpen
+                }
+              ) : /* @__PURE__ */ jsx2("p", { className: "text-muted-foreground", children: emptyLabel })
+            }
+          ),
+          isOverflowing ? /* @__PURE__ */ jsx2(
+            "div",
+            {
+              className: "pointer-events-none absolute right-0 bottom-1 left-0 h-10",
+              style: {
+                background: "linear-gradient(to top, var(--workbench-node-surface), color-mix(in srgb, var(--workbench-node-surface) 80%, transparent), transparent)"
+              }
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function IssueManagerRunActionTrigger({
+  controller,
+  disabled = false,
+  iconSize = 16,
+  triggerClassName
+}) {
+  const [resetToken, setResetToken] = useState3(0);
+  return /* @__PURE__ */ jsxs2(
+    Select,
+    {
+      disabled: controller.isRunningTask || disabled,
+      onValueChange: (provider) => {
+        setResetToken((current) => current + 1);
+        void controller.runTask(provider);
+      },
+      children: [
+        /* @__PURE__ */ jsx2(
+          SelectTrigger,
+          {
+            "aria-label": controller.copy.t("actions.askAgentToRun"),
+            className: triggerClassName,
+            children: /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+              /* @__PURE__ */ jsx2(SparkIcon, { size: iconSize }),
+              /* @__PURE__ */ jsx2("span", { className: "truncate", children: controller.copy.t("actions.askAgentToRun") })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx2(SelectContent, { style: { zIndex: "var(--z-panel-popover)" }, children: controller.providerOptions.map((provider) => /* @__PURE__ */ jsx2(SelectItem, { value: provider, children: provider }, provider)) })
+      ]
+    },
+    `${controller.nodeState.selectedAgentProvider}:${resetToken}`
+  );
+}
+function IssueManagerDescriptionContent({
+  content,
+  onOpen
+}) {
+  const paragraphs = content.split(/\n{2,}/).map((paragraph) => paragraph.trim()).filter(Boolean);
+  return /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: paragraphs.map((paragraph, paragraphIndex) => /* @__PURE__ */ jsx2(
+    "p",
+    {
+      className: "whitespace-pre-wrap",
+      children: renderIssueManagerInlineMarkdown(paragraph, onOpen)
+    },
+    `${paragraphIndex}:${paragraph}`
+  )) });
+}
+function renderIssueManagerInlineMarkdown(content, onOpen) {
+  const markdownLinkPattern = /\[([^\]]+)\]\(([^)\s]+)\)/g;
+  const parts = [];
+  let match;
+  let cursor = 0;
+  let index = 0;
+  while ((match = markdownLinkPattern.exec(content)) !== null) {
+    const [source, label = "", href = ""] = match;
+    const start = match.index;
+    if (start > cursor) {
+      parts.push(
+        /* @__PURE__ */ jsx2("span", { children: content.slice(cursor, start) }, `text:${index}:${cursor}`)
+      );
+      index += 1;
+    }
+    parts.push(
+      /* @__PURE__ */ jsx2(
+        IssueManagerInlineLink,
+        {
+          href,
+          label: label || href,
+          onOpen
+        },
+        `link:${index}:${href}`
+      )
+    );
+    index += 1;
+    cursor = start + source.length;
+  }
+  if (cursor < content.length) {
+    parts.push(
+      /* @__PURE__ */ jsx2("span", { children: content.slice(cursor) }, `text:${index}:${cursor}`)
+    );
+  }
+  return parts;
+}
+function IssueManagerInlineLink({
+  href,
+  label,
+  onOpen
+}) {
+  const trimmedHref = href.trim();
+  const isExternal = /^(?:[a-z]+:)?\/\//i.test(trimmedHref);
+  if (!trimmedHref || isExternal || !onOpen) {
+    return /* @__PURE__ */ jsx2(
+      "a",
+      {
+        className: "font-medium text-foreground underline decoration-border underline-offset-4 hover:text-primary",
+        href: trimmedHref || void 0,
+        rel: "noreferrer",
+        target: "_blank",
+        children: label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      className: "font-medium text-foreground underline decoration-border underline-offset-4 hover:text-primary",
+      type: "button",
+      onClick: () => {
+        void onOpen({
+          displayName: label,
+          kind: trimmedHref.endsWith("/") ? "folder" : "file",
+          path: trimmedHref
+        });
+      },
+      children: label
+    }
+  );
+}
+function IssueManagerContextSection({
+  copy,
+  emptyLabel,
+  onAdd,
+  onOpen,
+  onRemove,
+  refs
+}) {
+  return /* @__PURE__ */ jsxs2("section", { className: "rounded-2xl border border-border/70 bg-transparent px-5 py-4", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx2("h4", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.contextReferences") }),
+      /* @__PURE__ */ jsx2(
+        Button2,
+        {
+          className: "h-8 rounded-lg border-border/70 px-3 text-[13px] font-semibold",
+          size: "sm",
+          type: "button",
+          variant: "outline",
+          onClick: onAdd,
+          children: copy.t("actions.addReferences")
+        }
+      )
+    ] }),
+    refs.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm leading-6 text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx2("div", { className: "grid gap-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: "flex items-center justify-between gap-3 rounded-xl border border-border/65 bg-transparent px-3.5 py-3",
+        children: [
+          /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              className: "flex min-w-0 flex-1 items-center gap-3 text-left",
+              type: "button",
+              onClick: () => {
+                void onOpen({
+                  displayName: ref.displayName,
+                  kind: ref.path.endsWith("/") ? "folder" : "file",
+                  path: ref.path
+                });
+              },
+              children: [
+                ref.path.endsWith("/") ? /* @__PURE__ */ jsx2(
+                  DirectoryIcon2,
+                  {
+                    className: "shrink-0 text-muted-foreground",
+                    size: 16
+                  }
+                ) : /* @__PURE__ */ jsx2(
+                  FileIcon2,
+                  {
+                    className: "shrink-0 text-muted-foreground",
+                    size: 16
+                  }
+                ),
+                /* @__PURE__ */ jsxs2("span", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx2("span", { className: "block truncate text-sm font-semibold text-foreground", children: ref.displayName }),
+                  /* @__PURE__ */ jsx2("span", { className: "block truncate text-xs text-muted-foreground", children: ref.path })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            Button2,
+            {
+              className: "h-7 px-2 text-[13px] font-semibold text-muted-foreground hover:text-foreground",
+              size: "sm",
+              type: "button",
+              variant: "ghost",
+              onClick: () => {
+                void onRemove(ref);
+              },
+              children: copy.t("actions.removeReference")
+            }
+          )
+        ]
+      },
+      ref.contextRefId
+    )) })
+  ] });
+}
+function IssueManagerRunPanels({
+  copy,
+  onOpen,
+  outputs,
+  recentRuns
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ jsxs2("section", { className: "rounded-2xl border border-border/70 bg-transparent px-5 py-4", children: [
+      /* @__PURE__ */ jsx2("h4", { className: "mb-3 text-sm font-semibold text-foreground", children: copy.t("labels.recentRuns") }),
+      recentRuns.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noRecentRuns") }) : /* @__PURE__ */ jsx2("div", { className: "grid gap-2.5", children: recentRuns.map((run) => /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "rounded-xl border border-border/65 bg-transparent px-3.5 py-3",
+          children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx2("p", { className: "truncate text-sm font-semibold text-foreground", children: run.summary || run.runId }),
+                /* @__PURE__ */ jsx2("p", { className: "mt-1 text-xs text-muted-foreground", children: formatIssueManagerTimestamp(
+                  run.updatedAtUnix ?? run.createdAtUnix
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx2(Badge2, { className: "rounded-full border-transparent bg-muted px-2.5 py-1 text-[11px] text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, run.status) })
+            ] }),
+            run.errorMessage ? /* @__PURE__ */ jsx2("p", { className: "mt-2 text-xs text-destructive", children: run.errorMessage }) : null
+          ]
+        },
+        run.runId
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs2("section", { className: "rounded-2xl border border-border/70 bg-transparent px-5 py-4", children: [
+      /* @__PURE__ */ jsx2("h4", { className: "mb-3 text-sm font-semibold text-foreground", children: copy.t("labels.outputs") }),
+      outputs.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noOutputs") }) : /* @__PURE__ */ jsx2("div", { className: "grid gap-2.5", children: outputs.map((output) => /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          className: "rounded-xl border border-border/65 bg-transparent px-3.5 py-3 text-left transition-colors hover:bg-accent/25",
+          type: "button",
+          onClick: () => {
+            void onOpen({
+              displayName: output.displayName,
+              kind: "file",
+              path: output.path
+            });
+          },
+          children: [
+            /* @__PURE__ */ jsx2("p", { className: "truncate text-sm font-semibold text-foreground", children: output.displayName }),
+            /* @__PURE__ */ jsx2("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: output.path })
+          ]
+        },
+        output.outputId
+      )) })
+    ] })
+  ] });
+}
+function IssueManagerPaneLoadingState() {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "mx-auto flex w-full max-w-4xl flex-col gap-6",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "h-6 w-28 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx2("div", { className: "h-12 w-2/3 rounded-full bg-muted" }),
+        /* @__PURE__ */ jsxs2("div", { className: "rounded-[28px] border border-border/70 bg-transparent px-5 py-5", children: [
+          /* @__PURE__ */ jsx2("div", { className: "h-4 w-24 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-10/12 rounded-full bg-muted" })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-5 py-5", children: [
+          /* @__PURE__ */ jsx2("div", { className: "h-4 w-32 rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-5 h-4 w-full rounded-full bg-muted" }),
+          /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+        ] })
+      ]
+    }
+  );
+}
+function IssueManagerTaskDrawerLoadingState() {
+  return /* @__PURE__ */ jsxs2("div", { className: "grid gap-5", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx2("div", { className: "h-12 w-full rounded-2xl bg-muted" }),
+    /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx2("div", { className: "h-10 rounded-xl bg-muted" }),
+      /* @__PURE__ */ jsx2("div", { className: "h-10 rounded-xl bg-muted" })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "rounded-[24px] border border-border/70 bg-transparent px-4 py-4", children: [
+      /* @__PURE__ */ jsx2("div", { className: "h-4 w-24 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx2("div", { className: "mt-4 h-4 w-full rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-11/12 rounded-full bg-muted" }),
+      /* @__PURE__ */ jsx2("div", { className: "mt-3 h-4 w-9/12 rounded-full bg-muted" })
+    ] })
+  ] });
+}
+
+// src/react/internal/IssueManagerPanelText.ts
+function summarizeIssueManagerContent(content, fallback) {
+  const plainText = extractIssueManagerPlainTextFromContent(
+    content ?? ""
+  ).trim();
+  if (!plainText) {
+    return fallback;
+  }
+  if (plainText.length <= 120) {
+    return plainText;
+  }
+  return `${plainText.slice(0, 117)}...`;
+}
+function resolveTaskCreatorLabel(task) {
+  return resolveIssueManagerCreatorLabel(task);
+}
+function resolveIssueManagerCreatorLabel(entity) {
+  return entity.creatorDisplayName?.trim() || entity.creatorUserId;
+}
+
+// src/react/internal/IssueManagerPanels.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function IssueManagerIssuePane({
+  controller,
+  selectedIssue,
+  onDismissCreate
+}) {
+  const copy = controller.copy;
+  const issueRefs = controller.issueDetail.value?.contextRefs.filter(
+    (ref) => ref.parentKind === "issue"
+  ) ?? [];
+  const isCreatingIssue = controller.issueEditorMode === "create";
+  const isEditingIssue = controller.issueEditorMode === "edit";
+  const issueContent = selectedIssue?.content ?? "";
+  const tasks = controller.issueDetail.value?.tasks ?? [];
+  const selectedTaskId = controller.nodeState.selectedTaskId;
+  const selectedTask = selectedTaskId ? (controller.taskDetail.value?.task?.taskId === selectedTaskId ? controller.taskDetail.value.task : tasks.find((task) => task.taskId === selectedTaskId)) ?? null : null;
+  const latestRun = selectedTask ? controller.taskDetail.value?.latestRun ?? controller.taskDetail.value?.recentRuns[0] ?? null : null;
+  const latestOutputs = selectedTask ? controller.taskDetail.value?.latestOutputs ?? [] : [];
+  if (isCreatingIssue || isEditingIssue) {
+    return /* @__PURE__ */ jsxs3("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-y-auto px-7 py-8", children: /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col gap-5", children: [
+        /* @__PURE__ */ jsx3("div", { className: "grid gap-3", children: /* @__PURE__ */ jsx3("h2", { className: "text-[1.65rem] font-semibold tracking-tight text-foreground", children: isCreatingIssue ? copy.t("actions.createIssue") : copy.t("actions.editIssue") }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "grid gap-5", children: [
+          /* @__PURE__ */ jsxs3("label", { className: "grid gap-2.5", children: [
+            /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.title") }),
+            /* @__PURE__ */ jsx3(
+              Input2,
+              {
+                className: "h-10 rounded-xl border-border/80 text-base font-semibold shadow-none",
+                placeholder: copy.t("composer.issueTitlePlaceholder"),
+                value: controller.issueDraft.title,
+                onChange: (event) => controller.setIssueTitle(event.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "grid min-h-0 gap-2.5", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.content") }),
+              /* @__PURE__ */ jsx3(
+                Button3,
+                {
+                  className: "h-8 rounded-lg border-border/70 px-3 text-[13px] font-semibold",
+                  size: "sm",
+                  type: "button",
+                  variant: "outline",
+                  onClick: () => {
+                    void controller.insertReferences("issue");
+                  },
+                  children: copy.t("actions.insertReferences")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx3(
+              "textarea",
+              {
+                className: "min-h-[12rem] w-full resize-none rounded-2xl border border-border/70 bg-transparent px-4 py-3 text-sm leading-6 text-foreground outline-none",
+                placeholder: copy.t("composer.issueContentPlaceholder"),
+                value: controller.issueDraft.content,
+                onChange: (event) => controller.setIssueContent(event.target.value)
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx3("div", { className: "border-t border-border/70 px-7 py-4", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-3", children: [
+        /* @__PURE__ */ jsx3(
+          Button3,
+          {
+            size: "default",
+            type: "button",
+            variant: "secondary",
+            onClick: onDismissCreate,
+            children: copy.t("actions.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Button3,
+          {
+            size: "default",
+            type: "button",
+            onClick: () => void controller.saveIssue(),
+            children: copy.t("actions.saveIssue")
+          }
+        )
+      ] }) })
+    ] });
+  }
+  if (!selectedIssue) {
+    return /* @__PURE__ */ jsx3("div", { className: "h-full min-h-0" });
+  }
+  return /* @__PURE__ */ jsx3("div", { className: "flex min-h-0 flex-col", children: /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 py-7", children: controller.issueDetail.isLoading && controller.issueDetail.value === null ? /* @__PURE__ */ jsx3(IssueManagerPaneLoadingState, {}) : /* @__PURE__ */ jsxs3("div", { className: "flex w-full max-w-[44rem] flex-col gap-9", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "flex items-start justify-between gap-6", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx3("h2", { className: "line-clamp-2 text-base font-semibold leading-6 text-foreground", children: selectedIssue.title }),
+        /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex flex-wrap items-center gap-x-5 gap-y-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx3(Badge3, { className: "rounded-full border-transparent bg-muted px-2 py-1 text-[11px] text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, selectedIssue.status) }),
+          /* @__PURE__ */ jsxs3("span", { children: [
+            copy.t("labels.creator"),
+            " ",
+            resolveIssueManagerCreatorLabel(selectedIssue)
+          ] }),
+          /* @__PURE__ */ jsxs3("span", { children: [
+            copy.t("labels.createdAt"),
+            " ",
+            formatIssueManagerTimestamp(selectedIssue.createdAtUnix) || "-"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-5 pt-1", children: [
+        /* @__PURE__ */ jsx3(
+          Button3,
+          {
+            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"),
+            children: copy.t("actions.edit")
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Button3,
+          {
+            className: "h-auto px-0 text-sm font-semibold text-destructive hover:text-destructive",
+            size: "sm",
+            type: "button",
+            variant: "ghost",
+            onClick: () => {
+              void controller.deleteIssue();
+            },
+            children: copy.t("actions.delete")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      IssueManagerDescriptionSection,
+      {
+        content: issueContent,
+        emptyLabel: copy.t("messages.issueContentEmpty"),
+        label: copy.t("labels.description"),
+        onOpen: controller.openReference,
+        variant: "plain"
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      IssueManagerDetailTextSection,
+      {
+        body: latestRun ? latestRun.summary?.trim() || resolveIssueManagerStatusLabel(copy, latestRun.status) : copy.t("messages.noExecutionStatus"),
+        label: copy.t("labels.latestRunStatus"),
+        meta: latestRun ? formatIssueManagerTimestamp(
+          latestRun.updatedAtUnix ?? latestRun.createdAtUnix
+        ) || void 0 : void 0,
+        tone: latestRun?.status === "failed" ? "destructive" : "muted"
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      IssueManagerOutputSection,
+      {
+        copy,
+        outputs: latestOutputs,
+        onOpen: controller.openReference
+      }
+    ),
+    issueRefs.length > 0 ? /* @__PURE__ */ jsx3(
+      IssueManagerContextSection,
+      {
+        copy,
+        emptyLabel: copy.t("messages.noIssueReferences"),
+        refs: issueRefs,
+        onAdd: () => {
+          void controller.attachReferences("issue");
+        },
+        onOpen: controller.openReference,
+        onRemove: controller.removeContextRef
+      }
+    ) : null,
+    /* @__PURE__ */ jsx3(
+      IssueManagerSubtaskSection,
+      {
+        copy,
+        onCreate: controller.createTaskDraft,
+        onSelectTask: controller.selectTask,
+        selectedTaskId: selectedTask?.taskId ?? null,
+        tasks
+      }
+    )
+  ] }) }) });
+}
+function IssueManagerDetailTextSection({
+  body,
+  label,
+  meta,
+  tone = "muted"
+}) {
+  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsx3("h3", { className: "text-sm font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsxs3("div", { className: "grid gap-1.5", children: [
+      /* @__PURE__ */ jsx3(
+        "p",
+        {
+          className: cn3(
+            "text-sm leading-6",
+            tone === "destructive" ? "text-destructive" : "text-muted-foreground"
+          ),
+          children: body
+        }
+      ),
+      meta ? /* @__PURE__ */ jsx3("p", { className: "text-xs leading-5 text-muted-foreground", children: meta }) : null
+    ] })
+  ] });
+}
+function IssueManagerOutputSection({
+  copy,
+  onOpen,
+  outputs
+}) {
+  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsx3("h3", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.executionOutputs") }),
+    outputs.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noExecutionOutputs") }) : /* @__PURE__ */ jsx3("div", { className: "grid gap-2", children: outputs.map((output) => /* @__PURE__ */ jsxs3(
+      "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",
+        type: "button",
+        onClick: () => {
+          void onOpen({
+            displayName: output.displayName,
+            kind: "file",
+            path: output.path
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3("span", { className: "block truncate text-sm font-semibold text-foreground", children: output.displayName }),
+            /* @__PURE__ */ jsx3("span", { className: "mt-1 block truncate text-xs text-muted-foreground", children: output.path })
+          ] }),
+          /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatIssueManagerTimestamp(output.createdAtUnix) || "" })
+        ]
+      },
+      output.outputId
+    )) })
+  ] });
+}
+function IssueManagerSubtaskSection({
+  copy,
+  onCreate,
+  onSelectTask,
+  selectedTaskId,
+  tasks
+}) {
+  return /* @__PURE__ */ jsxs3("section", { className: "grid gap-2.5", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx3("h3", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.subtasks") }),
+      /* @__PURE__ */ jsxs3(
+        Button3,
+        {
+          className: "h-auto gap-1.5 px-0 text-sm font-semibold text-foreground hover:text-foreground",
+          size: "sm",
+          type: "button",
+          variant: "ghost",
+          onClick: onCreate,
+          children: [
+            /* @__PURE__ */ jsx3(FileCreateIcon2, { size: 14 }),
+            copy.t("actions.add")
+          ]
+        }
+      )
+    ] }),
+    tasks.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-sm leading-6 text-muted-foreground", children: copy.t("messages.noSubtasksForIssue") }) : /* @__PURE__ */ jsx3("div", { className: "grid gap-2", children: tasks.map((task) => /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: cn3(
+          "flex items-start justify-between gap-4 rounded-xl border px-4 py-3 text-left transition-colors",
+          selectedTaskId === task.taskId ? "border-border/90 bg-background-fronted" : "border-border/65 hover:bg-accent/18"
+        ),
+        type: "button",
+        onClick: () => onSelectTask(task.taskId),
+        children: [
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+              /* @__PURE__ */ jsx3("span", { className: "truncate text-sm font-semibold text-foreground", children: task.title }),
+              /* @__PURE__ */ jsx3(Badge3, { className: "rounded-md border-transparent bg-muted px-2 py-1 text-[11px] font-medium text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, task.status) })
+            ] }),
+            /* @__PURE__ */ jsx3("p", { className: "mt-2 line-clamp-2 text-sm leading-6 text-muted-foreground", children: summarizeIssueManagerContent(
+              task.content,
+              copy.t("messages.taskContentEmpty")
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx3("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatIssueManagerTimestamp(
+            task.createdAtUnix ?? task.updatedAtUnix
+          ) || "" })
+        ]
+      },
+      task.taskId
+    )) })
+  ] });
+}
+
+// src/react/internal/IssueManagerTaskComposerPane.tsx
+import {
+  Button as Button4,
+  FileSearchIcon,
+  Input as Input3,
+  Select as Select2,
+  SelectContent as SelectContent2,
+  SelectItem as SelectItem2,
+  SelectTrigger as SelectTrigger2,
+  SelectValue,
+  UploadIcon as UploadIcon2
+} from "@nextop-os/ui-system";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var taskPriorityOptions = ["high", "medium", "low"];
+function IssueManagerTaskComposerPane({
+  controller,
+  onCancel,
+  selectedIssue
+}) {
+  const copy = controller.copy;
+  const showAttachmentActions = controller.canUploadWorkspaceFiles || controller.canReferenceWorkspaceFiles;
+  return /* @__PURE__ */ jsxs4("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-y-auto px-8 py-8", children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full max-w-[76rem] flex-col gap-8", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsx4("h2", { className: "text-base font-semibold leading-6 text-foreground", children: copy.t("actions.addSubtask") }),
+        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx4("span", { className: "text-sm text-muted-foreground", children: copy.t("labels.priority") }),
+          /* @__PURE__ */ jsxs4(
+            Select2,
+            {
+              value: controller.taskDraft.priority,
+              onValueChange: (value) => controller.setTaskPriority(value),
+              children: [
+                /* @__PURE__ */ jsx4(
+                  SelectTrigger2,
+                  {
+                    "aria-label": copy.t("labels.priority"),
+                    className: "min-w-28 rounded-xl border-border/70 bg-muted/25",
+                    children: /* @__PURE__ */ jsx4(SelectValue, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx4(SelectContent2, { style: { zIndex: "var(--z-panel-popover)" }, children: taskPriorityOptions.map((priority) => /* @__PURE__ */ jsx4(SelectItem2, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority)) })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("label", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.title") }),
+        /* @__PURE__ */ jsx4(
+          Input3,
+          {
+            className: "h-14 rounded-2xl border-0 bg-muted/28 px-5 text-base font-medium shadow-none placeholder:text-muted-foreground",
+            placeholder: copy.t("composer.subtaskTitlePlaceholder"),
+            value: controller.taskDraft.title,
+            onChange: (event) => controller.setTaskTitle(event.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4("section", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.requirementDescription") }),
+        /* @__PURE__ */ jsxs4("div", { className: "overflow-hidden rounded-[28px] border border-border/70 bg-muted/18", children: [
+          /* @__PURE__ */ jsx4(
+            "textarea",
+            {
+              className: "min-h-[20rem] w-full resize-none border-0 bg-transparent px-5 py-5 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground",
+              placeholder: copy.t("composer.subtaskContentPlaceholder"),
+              value: controller.taskDraft.content,
+              onChange: (event) => controller.setTaskContent(event.target.value)
+            }
+          ),
+          showAttachmentActions ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-3 border-t border-border/60 px-5 py-4", children: [
+            controller.canUploadWorkspaceFiles ? /* @__PURE__ */ jsxs4(
+              Button4,
+              {
+                className: "rounded-xl border-0 bg-background-fronted px-4 text-sm font-semibold text-foreground shadow-none hover:bg-background-fronted",
+                size: "sm",
+                type: "button",
+                variant: "secondary",
+                onClick: () => {
+                  void controller.uploadReferences("task", "files");
+                },
+                children: [
+                  /* @__PURE__ */ jsx4(UploadIcon2, { size: 16 }),
+                  copy.t("actions.uploadFiles")
+                ]
+              }
+            ) : null,
+            controller.canUploadWorkspaceFiles ? /* @__PURE__ */ jsxs4(
+              Button4,
+              {
+                className: "rounded-xl border-0 bg-background-fronted px-4 text-sm font-semibold text-foreground shadow-none hover:bg-background-fronted",
+                size: "sm",
+                type: "button",
+                variant: "secondary",
+                onClick: () => {
+                  void controller.uploadReferences("task", "folder");
+                },
+                children: [
+                  /* @__PURE__ */ jsx4(UploadIcon2, { size: 16 }),
+                  copy.t("actions.uploadFolder")
+                ]
+              }
+            ) : null,
+            controller.canReferenceWorkspaceFiles ? /* @__PURE__ */ jsxs4(
+              Button4,
+              {
+                className: "rounded-xl border-0 bg-background-fronted px-4 text-sm font-semibold text-foreground shadow-none hover:bg-background-fronted",
+                size: "sm",
+                type: "button",
+                variant: "secondary",
+                onClick: () => {
+                  void controller.insertReferences("task");
+                },
+                children: [
+                  /* @__PURE__ */ jsx4(FileSearchIcon, { size: 16 }),
+                  copy.t("actions.referenceWorkspaceFiles")
+                ]
+              }
+            ) : null
+          ] }) : null
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx4("div", { className: "border-t border-border/70 px-8 py-4", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsx4(
+        Button4,
+        {
+          size: "default",
+          type: "button",
+          variant: "secondary",
+          onClick: onCancel,
+          children: copy.t("actions.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        Button4,
+        {
+          disabled: !selectedIssue,
+          size: "default",
+          type: "button",
+          onClick: () => void controller.saveTask(),
+          children: copy.t("actions.saveSubtask")
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// src/react/internal/IssueManagerTaskDrawer.tsx
+import {
+  Badge as Badge4,
+  Button as Button5,
+  CloseIcon,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  Input as Input4,
+  ScrollArea as ScrollArea3,
+  Select as Select3,
+  SelectContent as SelectContent3,
+  SelectItem as SelectItem3,
+  SelectTrigger as SelectTrigger3,
+  SelectValue as SelectValue2,
+  SparkIcon as SparkIcon2
+} from "@nextop-os/ui-system";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var taskPriorityOptions2 = ["high", "medium", "low"];
+function IssueManagerTaskDrawer({
+  controller,
+  selectedIssue,
+  selectedTask,
+  onClose
+}) {
+  const copy = controller.copy;
+  const isCreate = controller.taskEditorMode === "create";
+  const isEdit = controller.taskEditorMode === "edit";
+  const isRead = !isCreate && !isEdit;
+  const taskRefs = controller.taskDetail.value?.contextRefs.filter(
+    (ref) => ref.parentKind === "task"
+  ) ?? [];
+  const title = isCreate || isEdit ? isCreate ? copy.t("actions.createTask") : copy.t("actions.editTask") : selectedTask?.title || copy.t("labels.taskDetails");
+  const taskContent = selectedTask?.content ?? "";
+  return /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: "absolute inset-0 z-20 flex justify-end bg-foreground/6 backdrop-blur-[1px]",
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs5(
+        "aside",
+        {
+          className: "flex h-full w-[34rem] max-w-[92vw] flex-col border-l border-border/70 [background:var(--workbench-node-surface)] shadow-[-20px_0_60px_rgba(15,23,42,0.12)]",
+          onClick: (event) => event.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-4 border-b border-border/70 px-6 py-5", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+                isRead && selectedTask ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
+                  /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 text-lg font-semibold leading-7 tracking-tight text-foreground", children: title }),
+                  /* @__PURE__ */ jsx5(Badge4, { className: "rounded-full border-transparent bg-primary/10 px-2.5 py-1 text-[11px] text-primary", children: resolveIssueManagerStatusLabel(copy, selectedTask.status) }),
+                  /* @__PURE__ */ jsx5(Badge4, { className: "rounded-full border-transparent bg-muted px-2.5 py-1 text-[11px] text-muted-foreground", children: resolveIssueManagerPriorityLabel(
+                    copy,
+                    selectedTask.priority
+                  ) })
+                ] }) : /* @__PURE__ */ jsx5("h3", { className: "line-clamp-2 text-lg font-semibold leading-7 tracking-tight text-foreground", children: title }),
+                isRead && selectedTask ? /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs5("span", { children: [
+                    copy.t("labels.updatedAt"),
+                    " ",
+                    formatIssueManagerTimestamp(
+                      selectedTask.updatedAtUnix ?? selectedTask.createdAtUnix
+                    ) || "-"
+                  ] }),
+                  /* @__PURE__ */ jsx5("span", { className: "h-1 w-1 rounded-full bg-border" }),
+                  /* @__PURE__ */ jsx5("span", { children: resolveTaskCreatorLabel(selectedTask) })
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-2", children: [
+                isRead && selectedTask ? /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(
+                    Button5,
+                    {
+                      "aria-label": copy.t("actions.moreActions"),
+                      size: "icon-sm",
+                      type: "button",
+                      variant: "ghost",
+                      children: /* @__PURE__ */ jsx5(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "text-base leading-none tracking-[0.18em] text-muted-foreground",
+                          children: "..."
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs5(DropdownMenuContent, { align: "end", sideOffset: 8, children: [
+                    /* @__PURE__ */ jsx5(
+                      DropdownMenuItem,
+                      {
+                        onClick: () => controller.setTaskEditorMode("edit"),
+                        children: copy.t("actions.editTask")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx5(
+                      DropdownMenuItem,
+                      {
+                        variant: "destructive",
+                        onClick: () => {
+                          void controller.deleteTask();
+                        },
+                        children: copy.t("actions.deleteTask")
+                      }
+                    )
+                  ] })
+                ] }) : null,
+                /* @__PURE__ */ jsx5(
+                  Button5,
+                  {
+                    "aria-label": copy.t("actions.cancel"),
+                    size: "icon-sm",
+                    type: "button",
+                    variant: "ghost",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ jsx5(CloseIcon, { size: 16 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx5(ScrollArea3, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-6 px-6 py-6", children: controller.taskDetail.isLoading && !isCreate && controller.taskDetail.value === null ? /* @__PURE__ */ jsx5(IssueManagerTaskDrawerLoadingState, {}) : isCreate || isEdit ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+              /* @__PURE__ */ jsxs5("div", { className: "grid gap-5", children: [
+                /* @__PURE__ */ jsxs5("label", { className: "grid gap-2.5", children: [
+                  /* @__PURE__ */ jsx5("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.title") }),
+                  /* @__PURE__ */ jsx5(
+                    Input4,
+                    {
+                      className: "h-10 rounded-xl border-border/80 text-base font-semibold shadow-none",
+                      placeholder: copy.t("composer.taskTitlePlaceholder"),
+                      value: controller.taskDraft.title,
+                      onChange: (event) => controller.setTaskTitle(event.target.value)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-muted-foreground", children: copy.t("labels.priority") }),
+                    /* @__PURE__ */ jsxs5(
+                      Select3,
+                      {
+                        value: controller.taskDraft.priority,
+                        onValueChange: (value) => controller.setTaskPriority(value),
+                        children: [
+                          /* @__PURE__ */ jsx5(
+                            SelectTrigger3,
+                            {
+                              "aria-label": copy.t("labels.priority"),
+                              className: "min-w-28 rounded-xl border-border/70 bg-muted/30",
+                              children: /* @__PURE__ */ jsx5(SelectValue2, {})
+                            }
+                          ),
+                          /* @__PURE__ */ jsx5(
+                            SelectContent3,
+                            {
+                              style: { zIndex: "var(--z-panel-popover)" },
+                              children: taskPriorityOptions2.map((priority) => /* @__PURE__ */ jsx5(SelectItem3, { value: priority, children: resolveIssueManagerPriorityLabel(copy, priority) }, priority))
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx5(
+                    Button5,
+                    {
+                      className: "h-8 justify-center rounded-lg border-border/70 px-3 text-[13px] font-semibold",
+                      size: "sm",
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => {
+                        void controller.insertReferences("task");
+                      },
+                      children: copy.t("actions.insertReferences")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs5("div", { className: "grid gap-2.5", children: [
+                  /* @__PURE__ */ jsx5("span", { className: "text-sm font-semibold text-foreground", children: copy.t("labels.content") }),
+                  /* @__PURE__ */ jsx5(
+                    "textarea",
+                    {
+                      className: "min-h-[12rem] w-full resize-none rounded-2xl border border-border/70 bg-transparent px-4 py-3 text-sm leading-6 text-foreground outline-none",
+                      placeholder: copy.t("composer.taskContentPlaceholder"),
+                      value: controller.taskDraft.content,
+                      onChange: (event) => controller.setTaskContent(event.target.value)
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx5(
+                IssueManagerContextSection,
+                {
+                  copy,
+                  emptyLabel: copy.t("messages.noTaskReferences"),
+                  refs: taskRefs,
+                  onAdd: () => {
+                    void controller.attachReferences("task");
+                  },
+                  onOpen: controller.openReference,
+                  onRemove: controller.removeContextRef
+                }
+              ),
+              !isCreate ? /* @__PURE__ */ jsx5(
+                IssueManagerRunPanels,
+                {
+                  copy,
+                  outputs: controller.taskDetail.value?.latestOutputs ?? [],
+                  recentRuns: controller.taskDetail.value?.recentRuns ?? [],
+                  onOpen: controller.openReference
+                }
+              ) : null
+            ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+              /* @__PURE__ */ jsx5(
+                IssueManagerDescriptionSection,
+                {
+                  content: taskContent,
+                  emptyLabel: copy.t("messages.taskContentEmpty"),
+                  label: copy.t("labels.content"),
+                  minHeightClass: "min-h-[8rem]",
+                  onOpen: controller.openReference
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                IssueManagerContextSection,
+                {
+                  copy,
+                  emptyLabel: copy.t("messages.noTaskReferences"),
+                  refs: taskRefs,
+                  onAdd: () => {
+                    void controller.attachReferences("task");
+                  },
+                  onOpen: controller.openReference,
+                  onRemove: controller.removeContextRef
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                IssueManagerRunPanels,
+                {
+                  copy,
+                  outputs: controller.taskDetail.value?.latestOutputs ?? [],
+                  recentRuns: controller.taskDetail.value?.recentRuns ?? [],
+                  onOpen: controller.openReference
+                }
+              )
+            ] }) }) }),
+            isRead && selectedTask ? /* @__PURE__ */ jsx5("div", { className: "border-t border-border/70 px-6 py-5", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsx5(
+                IssueManagerRunActionTrigger,
+                {
+                  controller,
+                  iconSize: 15,
+                  triggerClassName: "min-w-[11rem] rounded-xl border-border/70 bg-secondary/90 px-3.5 py-2"
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                Button5,
+                {
+                  className: "shrink-0 rounded-xl bg-foreground px-4 text-background hover:bg-foreground/92",
+                  size: "sm",
+                  type: "button",
+                  onClick: () => {
+                    void controller.shareSelection();
+                  },
+                  children: copy.t("actions.inviteCollaborator")
+                }
+              )
+            ] }) }) : isCreate || isEdit ? /* @__PURE__ */ jsx5("div", { className: "border-t border-border/70 px-6 py-5", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3", children: [
+              /* @__PURE__ */ jsx5("div", { className: "flex items-center gap-2", children: !isCreate && selectedTask ? /* @__PURE__ */ jsx5(
+                Button5,
+                {
+                  size: "default",
+                  type: "button",
+                  variant: "destructive",
+                  onClick: () => {
+                    void controller.deleteTask();
+                  },
+                  children: copy.t("actions.deleteTask")
+                }
+              ) : null }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx5(
+                  Button5,
+                  {
+                    size: "default",
+                    type: "button",
+                    variant: "secondary",
+                    onClick: () => controller.setTaskEditorMode("read"),
+                    children: copy.t("actions.cancel")
+                  }
+                ),
+                /* @__PURE__ */ jsxs5(
+                  Button5,
+                  {
+                    disabled: !selectedIssue,
+                    size: "default",
+                    type: "button",
+                    onClick: () => void controller.saveTask(),
+                    children: [
+                      /* @__PURE__ */ jsx5(SparkIcon2, { size: 16 }),
+                      copy.t("actions.saveTask")
+                    ]
+                  }
+                )
+              ] })
+            ] }) }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/react/internal/IssueManagerShell.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var issueStatusFilters = [
+  "all",
+  "not_started",
+  "running",
+  "pending_acceptance",
+  "completed",
+  "failed",
+  "canceled"
+];
+var sidebarDefaultWidth = 352;
+var sidebarMinWidth = 248;
+var sidebarMaxWidth = 520;
+var mainMinWidth = 460;
+function IssueManagerShell({
+  controller,
+  onClearNotice,
+  onCloseTaskDrawer,
+  onDismissIssueCreate,
+  selectedIssue,
+  selectedTask
+}) {
+  const isIssueEditing = controller.issueEditorMode !== "read";
+  const isTaskCreating = !isIssueEditing && controller.taskEditorMode === "create";
+  const isTaskDrawerOpen = !isIssueEditing && !isTaskCreating && (controller.taskEditorMode === "edit" || selectedTask !== null);
+  const layoutRef = useRef2(null);
+  const resizeRef = useRef2(null);
+  const [sidebarWidth, setSidebarWidth] = useState4(sidebarDefaultWidth);
+  useEffect4(() => {
+    const clamp = () => {
+      const width = layoutRef.current?.getBoundingClientRect().width ?? 0;
+      if (!width) {
+        return;
+      }
+      setSidebarWidth((current) => clampSidebarWidth(current, width));
+    };
+    const layout = layoutRef.current;
+    const observer = layout && typeof ResizeObserver !== "undefined" ? new ResizeObserver(clamp) : null;
+    if (observer && layout) {
+      observer.observe(layout);
+    }
+    window.addEventListener("resize", clamp);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", clamp);
+    };
+  }, []);
+  const layoutStyle = {
+    "--issue-manager-sidebar-width": `${sidebarWidth}px`
+  };
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    controller.notice ? /* @__PURE__ */ jsx6(
+      IssueManagerNoticeBanner,
+      {
+        kind: controller.notice.kind,
+        label: controller.notice.message,
+        onClear: onClearNotice,
+        copy: controller.copy
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: "grid min-h-0 flex-1 grid-cols-[var(--issue-manager-sidebar-width)_12px_minmax(0,1fr)] overflow-hidden bg-transparent",
+        ref: layoutRef,
+        style: layoutStyle,
+        children: [
+          /* @__PURE__ */ jsx6(IssueManagerSidebar, { controller }),
+          /* @__PURE__ */ jsx6(
+            "div",
+            {
+              "aria-label": controller.copy.t("labels.resizeIssueList"),
+              "aria-orientation": "vertical",
+              "aria-valuemax": sidebarMaxWidth,
+              "aria-valuemin": sidebarMinWidth,
+              "aria-valuenow": sidebarWidth,
+              className: "group flex cursor-col-resize items-center justify-center",
+              role: "separator",
+              tabIndex: 0,
+              onKeyDown: (event) => handleSidebarResizeKeyDown(event, layoutRef, setSidebarWidth),
+              onPointerCancel: (event) => handleSidebarResizePointerEnd(event, resizeRef),
+              onPointerDown: (event) => handleSidebarResizePointerDown(
+                event,
+                layoutRef,
+                resizeRef,
+                sidebarWidth,
+                setSidebarWidth
+              ),
+              onPointerMove: (event) => handleSidebarResizePointerMove(event, resizeRef, setSidebarWidth),
+              onPointerUp: (event) => handleSidebarResizePointerEnd(event, resizeRef),
+              children: /* @__PURE__ */ jsx6("span", { className: "h-full w-px rounded-full bg-border/70 transition-colors group-hover:bg-primary/40" })
+            }
+          ),
+          /* @__PURE__ */ jsxs6("div", { className: "relative min-h-0 overflow-hidden bg-transparent", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex h-full min-h-0 flex-col", children: [
+              /* @__PURE__ */ jsx6("div", { className: "min-h-0 flex-1 overflow-hidden", children: isIssueEditing ? /* @__PURE__ */ jsx6(
+                IssueManagerIssuePane,
+                {
+                  controller,
+                  selectedIssue,
+                  onDismissCreate: onDismissIssueCreate
+                }
+              ) : isTaskCreating ? /* @__PURE__ */ jsx6(
+                IssueManagerTaskComposerPane,
+                {
+                  controller,
+                  selectedIssue,
+                  onCancel: () => controller.setTaskEditorMode("read")
+                }
+              ) : selectedIssue ? /* @__PURE__ */ jsx6(
+                IssueManagerIssuePane,
+                {
+                  controller,
+                  selectedIssue,
+                  onDismissCreate: onDismissIssueCreate
+                }
+              ) : /* @__PURE__ */ jsx6("div", { className: "flex h-full min-h-0 items-center justify-center px-10 py-10", children: /* @__PURE__ */ jsxs6("div", { className: "flex max-w-2xl flex-col items-center gap-5 text-center", children: [
+                /* @__PURE__ */ jsx6(IssueManagerEmptyIllustration, {}),
+                /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
+                  /* @__PURE__ */ jsx6("h2", { className: "text-[2.05rem] font-semibold tracking-tight text-foreground", children: controller.copy.t("messages.noIssues") }),
+                  /* @__PURE__ */ jsx6("p", { className: "max-w-xl text-[1.15rem] leading-8 text-muted-foreground", children: controller.copy.t("emptyState") })
+                ] }),
+                /* @__PURE__ */ jsxs6(
+                  Button6,
+                  {
+                    className: "h-12 rounded-xl bg-foreground px-6 text-base font-semibold text-background hover:bg-foreground/92",
+                    size: "lg",
+                    type: "button",
+                    onClick: () => controller.setIssueEditorMode("create"),
+                    children: [
+                      /* @__PURE__ */ jsx6(FileCreateIcon3, { size: 18 }),
+                      controller.copy.t("actions.createIssue")
+                    ]
+                  }
+                )
+              ] }) }) }),
+              /* @__PURE__ */ jsx6(
+                IssueManagerBottomBar,
+                {
+                  controller,
+                  selectedIssue,
+                  selectedTask
+                }
+              )
+            ] }),
+            isTaskDrawerOpen ? /* @__PURE__ */ jsx6(
+              IssueManagerTaskDrawer,
+              {
+                controller,
+                selectedIssue,
+                selectedTask,
+                onClose: onCloseTaskDrawer
+              }
+            ) : null
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function IssueManagerNoticeBanner({
+  copy,
+  kind,
+  label,
+  onClear
+}) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      className: cn4(
+        "border-b px-4 py-2.5 text-sm",
+        kind === "error" ? "border-destructive/20 bg-destructive/8 text-destructive" : "border-primary/15 bg-primary/[0.06] text-foreground"
+      ),
+      children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx6("span", { children: label }),
+        /* @__PURE__ */ jsx6(
+          Button6,
+          {
+            "aria-label": copy.t("actions.cancel"),
+            size: "icon-xs",
+            type: "button",
+            variant: "ghost",
+            onClick: onClear,
+            children: /* @__PURE__ */ jsx6(CloseIcon2, { size: 14 })
+          }
+        )
+      ] })
+    }
+  );
+}
+function IssueManagerSidebar({
+  controller
+}) {
+  const copy = controller.copy;
+  const counts = buildIssueManagerStatusCounts(controller.issues.value);
+  const showRefreshAction = controller.issues.isLoading || controller.issues.error !== null;
+  const tabsViewportRef = useRef2(null);
+  const [canScrollTabsLeft, setCanScrollTabsLeft] = useState4(false);
+  const [canScrollTabsRight, setCanScrollTabsRight] = useState4(false);
+  useEffect4(() => {
+    const viewport = tabsViewportRef.current;
+    if (!viewport) {
+      return;
+    }
+    const updateScrollState = () => {
+      const maxScrollLeft = viewport.scrollWidth - viewport.clientWidth;
+      setCanScrollTabsLeft(viewport.scrollLeft > 4);
+      setCanScrollTabsRight(
+        maxScrollLeft > 4 && viewport.scrollLeft < maxScrollLeft - 4
+      );
+    };
+    updateScrollState();
+    viewport.addEventListener("scroll", updateScrollState, { passive: true });
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(updateScrollState) : null;
+    observer?.observe(viewport);
+    if (viewport.parentElement) {
+      observer?.observe(viewport.parentElement);
+    }
+    return () => {
+      viewport.removeEventListener("scroll", updateScrollState);
+      observer?.disconnect();
+    };
+  }, [controller.issues.value.length]);
+  return /* @__PURE__ */ jsxs6("aside", { className: "flex min-h-0 flex-col border-r border-border/70 bg-transparent", children: [
+    /* @__PURE__ */ jsx6("div", { className: "border-b border-border/70 px-4 py-4", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ jsx6(SearchIcon2, { className: "pointer-events-none absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx6(
+          Input5,
+          {
+            className: "h-8 rounded-lg border-0 bg-muted/45 pr-3 pl-9 text-[14px] shadow-none placeholder:text-muted-foreground",
+            placeholder: copy.t("labels.searchIssues"),
+            value: controller.nodeState.issueSearchQuery,
+            onChange: (event) => controller.setIssueSearchQuery(event.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs6(
+        Button6,
+        {
+          className: "h-8 rounded-lg border-0 bg-secondary px-3 text-[13px] font-semibold text-foreground shadow-none hover:bg-accent/35",
+          size: "sm",
+          type: "button",
+          variant: "secondary",
+          onClick: () => controller.setIssueEditorMode("create"),
+          children: [
+            /* @__PURE__ */ jsx6(FileCreateIcon3, { size: 16 }),
+            copy.t("actions.createIssue")
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs6("div", { className: "relative border-b border-border/70 px-4 pt-3", children: [
+      canScrollTabsLeft ? /* @__PURE__ */ jsx6(
+        Button6,
+        {
+          "aria-label": copy.t("labels.scrollStatusTabsLeft"),
+          className: "absolute top-1/2 left-4 z-10 h-6 w-6 -translate-y-1/2 rounded-full border-0 bg-background/96 p-0 shadow-sm",
+          size: "icon-xs",
+          type: "button",
+          variant: "ghost",
+          onClick: () => scrollIssueManagerStatusTabs(tabsViewportRef, -120),
+          children: /* @__PURE__ */ jsx6(ArrowLeftIcon, { size: 14 })
+        }
+      ) : null,
+      /* @__PURE__ */ jsx6(
+        "div",
+        {
+          className: cn4(
+            "flex h-8 items-center gap-[14px] overflow-x-auto pb-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+            canScrollTabsLeft ? "pl-8" : "",
+            canScrollTabsRight ? "pr-8" : ""
+          ),
+          ref: tabsViewportRef,
+          children: issueStatusFilters.map((status) => {
+            const isActive = controller.nodeState.issueStatusFilter === status;
+            return /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                className: cn4(
+                  "flex h-6 shrink-0 items-center gap-1.5 border-b-2 px-0 pb-2 text-[13px] font-semibold transition-colors",
+                  isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"
+                ),
+                type: "button",
+                onClick: () => controller.setIssueStatusFilter(status),
+                children: [
+                  /* @__PURE__ */ jsx6("span", { children: status === "all" ? copy.t("labels.allStatus") : resolveIssueManagerStatusLabel(copy, status) }),
+                  /* @__PURE__ */ jsx6("span", { className: "text-[12px] text-muted-foreground/80", children: counts[status] ?? 0 })
+                ]
+              },
+              status
+            );
+          })
+        }
+      ),
+      canScrollTabsRight ? /* @__PURE__ */ jsx6(
+        Button6,
+        {
+          "aria-label": copy.t("labels.scrollStatusTabsRight"),
+          className: "absolute top-1/2 right-4 z-10 h-6 w-6 -translate-y-1/2 rounded-full border-0 bg-background/96 p-0 shadow-sm",
+          size: "icon-xs",
+          type: "button",
+          variant: "ghost",
+          onClick: () => scrollIssueManagerStatusTabs(tabsViewportRef, 120),
+          children: /* @__PURE__ */ jsx6(ArrowRightIcon, { size: 14 })
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx6(ScrollArea4, { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx6("div", { className: "flex min-h-full flex-col px-0 py-0", children: controller.issues.isLoading && controller.issues.value.length === 0 ? /* @__PURE__ */ jsx6(IssueManagerSidebarLoadingState, {}) : controller.issues.error ? /* @__PURE__ */ jsx6(
+      IssueManagerSidebarEmptyState,
+      {
+        body: controller.issues.error,
+        title: copy.t("messages.noIssues"),
+        tone: "destructive"
+      }
+    ) : controller.issues.value.length === 0 ? /* @__PURE__ */ jsx6(
+      IssueManagerSidebarEmptyState,
+      {
+        body: copy.t("messages.noIssuesForFilterBody"),
+        title: copy.t("messages.noIssuesForFilterTitle")
+      }
+    ) : /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-2.5 px-4 pt-1.5 pb-4", children: controller.issues.value.map((issue) => /* @__PURE__ */ jsx6(
+      IssueManagerSidebarItem,
+      {
+        copy,
+        issue,
+        selected: controller.nodeState.selectedIssueId === issue.issueId,
+        onSelect: controller.selectIssue
+      },
+      issue.issueId
+    )) }) }) }),
+    showRefreshAction ? /* @__PURE__ */ jsx6("div", { className: "border-t border-border/70 px-6 py-4", children: /* @__PURE__ */ jsxs6(
+      Button6,
+      {
+        className: "w-full justify-center",
+        size: "sm",
+        type: "button",
+        variant: "ghost",
+        onClick: controller.refreshAll,
+        children: [
+          /* @__PURE__ */ jsx6(RefreshIcon, { size: 14 }),
+          copy.t("actions.refresh")
+        ]
+      }
+    ) }) : null
+  ] });
+}
+function IssueManagerBottomBar({
+  controller,
+  selectedIssue,
+  selectedTask
+}) {
+  const copy = controller.copy;
+  if (!selectedIssue || controller.issueEditorMode !== "read" || controller.taskEditorMode !== "read") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx6("div", { className: "border-t border-border/70 bg-transparent px-6 py-4 backdrop-blur", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-3", children: [
+    /* @__PURE__ */ jsx6(
+      IssueManagerRunActionTrigger,
+      {
+        controller,
+        disabled: !selectedTask,
+        triggerClassName: "min-w-[14rem] rounded-xl border-border/70 bg-secondary/90 px-4 py-2"
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Button6,
+      {
+        disabled: !selectedIssue,
+        className: "rounded-xl bg-foreground px-4 text-background hover:bg-foreground/92",
+        size: "sm",
+        type: "button",
+        onClick: () => {
+          void controller.shareSelection();
+        },
+        children: copy.t("actions.inviteCollaborator")
+      }
+    )
+  ] }) });
+}
+function IssueManagerSidebarItem({
+  copy,
+  issue,
+  onSelect,
+  selected
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "button",
+    {
+      className: cn4(
+        "w-full rounded-lg border px-3.5 py-3.5 text-left transition-colors",
+        selected ? "border-border/90 bg-background-fronted" : "border-border/80 bg-transparent hover:bg-accent/18"
+      ),
+      type: "button",
+      onClick: () => onSelect(issue.issueId),
+      children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx6("p", { className: "text-[12px] leading-[1.55] text-muted-foreground", children: formatSidebarTimestamp(issue.updatedAtUnix ?? issue.createdAtUnix) }),
+            /* @__PURE__ */ jsx6("p", { className: "line-clamp-4 text-[14px] font-semibold leading-[1.35rem] text-foreground", children: issue.title })
+          ] }),
+          /* @__PURE__ */ jsx6(Badge5, { className: "rounded-full border-transparent bg-muted px-2 py-1 text-[11px] text-muted-foreground", children: resolveIssueManagerStatusLabel(copy, issue.status) })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: "mt-2 text-[12px] leading-[1.55] text-muted-foreground", children: copy.t("labels.taskCount", { count: issue.taskCount ?? 0 }) })
+      ]
+    }
+  );
+}
+function IssueManagerSidebarLoadingState() {
+  return /* @__PURE__ */ jsx6("div", { className: "grid gap-2.5 px-4 pt-1.5 pb-4", "aria-hidden": "true", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsxs6("div", { className: "rounded-lg bg-transparent px-3.5 py-3.5", children: [
+    /* @__PURE__ */ jsx6("div", { className: "h-3.5 w-20 rounded-full bg-muted" }),
+    /* @__PURE__ */ jsx6("div", { className: "mt-3 h-4 w-4/5 rounded-full bg-muted" }),
+    /* @__PURE__ */ jsx6("div", { className: "mt-4 h-3.5 w-24 rounded-full bg-muted" })
+  ] }, index)) });
+}
+function IssueManagerSidebarEmptyState({
+  body,
+  title,
+  tone = "default"
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className: "relative flex min-h-[240px] flex-1 flex-col items-center justify-center gap-1.5 overflow-hidden px-6 py-8 text-center", children: [
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute inset-0 flex flex-col gap-2.5 opacity-[0.72] [mask-image:linear-gradient(to_bottom,black_0%,black_30%,transparent_100%)]",
+        children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsx6("div", { className: "mx-4 h-24 rounded-lg bg-muted/45" }, index))
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      "p",
+      {
+        className: cn4(
+          "relative z-[1] text-sm font-semibold leading-5 text-foreground",
+          tone === "destructive" ? "text-destructive" : "text-foreground"
+        ),
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsx6("p", { className: "relative z-[1] max-w-sm text-sm leading-5 text-muted-foreground", children: body })
+  ] });
+}
+function buildIssueManagerStatusCounts(issues) {
+  const counts = {
+    all: issues.length,
+    canceled: 0,
+    completed: 0,
+    failed: 0,
+    not_started: 0,
+    pending_acceptance: 0,
+    running: 0
+  };
+  for (const issue of issues) {
+    if (issue.status in counts) {
+      counts[issue.status] += 1;
+    }
+  }
+  return counts;
+}
+function formatSidebarTimestamp(value) {
+  return formatIssueManagerDate(value);
+}
+function scrollIssueManagerStatusTabs(tabsViewportRef, delta) {
+  tabsViewportRef.current?.scrollBy({
+    behavior: "smooth",
+    left: delta
+  });
+}
+function clampSidebarWidth(width, layoutWidth) {
+  const maxWidth = Math.max(
+    sidebarMinWidth,
+    Math.min(sidebarMaxWidth, layoutWidth - mainMinWidth - 12)
+  );
+  return Math.min(Math.max(width, sidebarMinWidth), maxWidth);
+}
+function handleSidebarResizePointerDown(event, layoutRef, resizeRef, sidebarWidth, setSidebarWidth) {
+  if (event.button !== 0) {
+    return;
+  }
+  const layoutWidth = layoutRef.current?.getBoundingClientRect().width ?? 0;
+  if (!layoutWidth) {
+    return;
+  }
+  const startWidth = clampSidebarWidth(sidebarWidth, layoutWidth);
+  resizeRef.current = {
+    maxWidth: clampSidebarWidth(sidebarMaxWidth, layoutWidth),
+    pointerId: event.pointerId,
+    startClientX: event.clientX,
+    startWidth
+  };
+  setSidebarWidth(startWidth);
+  event.currentTarget.setPointerCapture?.(event.pointerId);
+}
+function handleSidebarResizePointerMove(event, resizeRef, setSidebarWidth) {
+  const state = resizeRef.current;
+  if (!state || state.pointerId !== event.pointerId) {
+    return;
+  }
+  setSidebarWidth(
+    Math.min(
+      Math.max(
+        state.startWidth + event.clientX - state.startClientX,
+        sidebarMinWidth
+      ),
+      state.maxWidth
+    )
+  );
+}
+function handleSidebarResizePointerEnd(event, resizeRef) {
+  resizeRef.current = null;
+  event.currentTarget.releasePointerCapture?.(event.pointerId);
+}
+function handleSidebarResizeKeyDown(event, layoutRef, setSidebarWidth) {
+  if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") {
+    return;
+  }
+  const delta = event.key === "ArrowRight" ? 16 : -16;
+  const layoutWidth = layoutRef.current?.getBoundingClientRect().width ?? 0;
+  if (!layoutWidth) {
+    return;
+  }
+  event.preventDefault();
+  setSidebarWidth((current) => clampSidebarWidth(current + delta, layoutWidth));
+}
+
+// src/react/IssueManagerNode.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function IssueManagerNode({
+  feature,
+  nodeId,
+  onStateChange,
+  state,
+  workspaceId
+}) {
+  const controller = useIssueManagerController({
+    feature,
+    onStateChange,
+    state,
+    workspaceId
+  });
+  const selectedIssue = resolveSelectedIssue(controller);
+  const selectedTask = resolveSelectedTask(controller);
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      "aria-label": controller.copy.t("title"),
+      className: "flex h-full min-h-0 w-full min-w-0 flex-col overflow-hidden text-foreground",
+      "data-issue-manager-node-id": nodeId,
+      "data-issue-manager-workspace-id": workspaceId,
+      children: [
+        /* @__PURE__ */ jsx7(
+          IssueManagerShell,
+          {
+            controller,
+            selectedIssue,
+            selectedTask,
+            onClearNotice: controller.clearNotice,
+            onCloseTaskDrawer: () => {
+              controller.setTaskEditorMode("read");
+              controller.selectTask(null);
+            },
+            onDismissIssueCreate: () => {
+              controller.setIssueEditorMode("read");
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          IssueManagerReferencePicker,
+          {
+            copy: controller.copy,
+            fileAdapter: feature.fileAdapter,
+            open: controller.referenceTarget !== null,
+            workspaceId,
+            onClose: () => controller.setReferenceTarget(null),
+            onConfirm: (refs) => {
+              void controller.submitReferenceSelection(refs);
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function IssueManagerNodeHeader() {
+  return null;
+}
+function resolveSelectedIssue(controller) {
+  const issueId = controller.nodeState.selectedIssueId;
+  if (!issueId) {
+    return null;
+  }
+  return controller.issueDetail.value?.issue ?? controller.issues.value.find((issue) => issue.issueId === issueId) ?? null;
+}
+function resolveSelectedTask(controller) {
+  const taskId = controller.nodeState.selectedTaskId;
+  if (!taskId) {
+    return null;
+  }
+  return controller.taskDetail.value?.task ?? controller.issueDetail.value?.tasks.find(
+    (task) => task.taskId === taskId
+  ) ?? null;
+}
+
+export {
+  IssueManagerNode,
+  IssueManagerNodeHeader
+};
+//# sourceMappingURL=chunk-RX6P2DPR.js.map