@parhelia/core 0.1.12749 → 0.1.12755

package/dist/task-board/TaskBoardWorkspace.js

@@ -12,11 +12,10 @@ import { ListView } from "./views/ListView";
 import { DependencyGraphView } from "./views/DependencyGraphView";
 import { WizardView } from "./views/WizardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
-import { TaskDetailPanel } from "./components/TaskDetailPanel";
+import { TaskDetailPanel, } from "./components/TaskDetailPanel";
 import { TaskAgentPanel } from "./components/TaskAgentPanel";
 import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
-import { AssignAgentDialog } from "./components/AssignAgentDialog";
 import { CreateProjectDialog } from "./components/CreateProjectDialog";
 import { ProjectSettingsDialog } from "./components/ProjectSettingsDialog";
 import { ProjectOverviewContent } from "./components/ProjectOverviewContent";
@@ -158,7 +157,6 @@ export function TaskBoardWorkspace() {
     const [createProjectOpen, setCreateProjectOpen] = useState(false);
     const [settingsProjectId, setSettingsProjectId] = useState(null);
     const [savingProjectStatus, setSavingProjectStatus] = useState(false);
-    const [assignAgentDialogOpen, setAssignAgentDialogOpen] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
@@ -171,6 +169,10 @@ export function TaskBoardWorkspace() {
     const [wizardPinnedTaskId, setWizardPinnedTaskId] = useState(null);
     const [, setWizardPinnedTaskSource] = useState(null);
     const [wizardForceOverview, setWizardForceOverview] = useState(false);
+    const [isTaskDetailsExpanded, setIsTaskDetailsExpanded] = useState(false);
+    useEffect(() => {
+        setIsTaskDetailsExpanded(false);
+    }, [selectedTaskId]);
     const setWizardPinnedTask = useCallback((taskId, source = null) => {
         setWizardPinnedTaskId(taskId);
         setWizardPinnedTaskSource(taskId ? source : null);
@@ -426,7 +428,7 @@ export function TaskBoardWorkspace() {
             return selectedProject;
         return (projects.find((project) => project.project.projectId === selectedTask.projectId) ?? selectedProject);
     }, [projects, selectedProject, selectedTask]);
-    const { agentPanelMode, canRunAssignedAgent, contextItemOptions, displayAgentId, handleSelectContextItem, hasMultipleContextItems, previewItemName, previewItemPath, previewItemVersion, runAssignedAgentDisabledReason, selectedContextItemValue, selectedTaskHasAssignedAgentProfile, selectedTaskIsBlocked, selectedTaskIsPlan, shouldHideAgentPanelForSelectedTask, } = useTaskBoardAgentPanelState({
+    const { agentPanelMode, canRunAssignedAgent, contextItemOptions, displayAgentId, handleSelectContextItem, hasMultipleContextItems, previewItemName, previewItemPath, previewItemVersion, runAssignedAgentDisabledReason, selectedContextItemValue, selectedTaskHasAssignedAgentProfile, selectedTaskIsPlan, shouldHideAgentPanelForSelectedTask, } = useTaskBoardAgentPanelState({
         currentItemDescriptor,
         editContext,
         isMobile,
@@ -1770,48 +1772,134 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         refreshVisibleTaskData,
     ]);
+    const taskDetailAgentLaunch = useMemo(() => {
+        if (!selectedTask)
+            return undefined;
+        if (agentPanelMode !== "no-agent")
+            return undefined;
+        if (selectedTaskIsPlan) {
+            if (isPlanning) {
+                return {
+                    onClick: handleStartPlanning,
+                    label: "Start Planning",
+                    variant: "play",
+                };
+            }
+            return undefined;
+        }
+        if (selectedTaskHasAssignedAgentProfile) {
+            return {
+                onClick: () => void handleRunSelectedTaskAgent(),
+                label: "Launch",
+                variant: "play",
+                disabled: !canRunAssignedAgent,
+                disabledReason: runAssignedAgentDisabledReason,
+            };
+        }
+        return undefined;
+    }, [
+        selectedTask,
+        agentPanelMode,
+        selectedTaskIsPlan,
+        isPlanning,
+        handleStartPlanning,
+        selectedTaskHasAssignedAgentProfile,
+        handleRunSelectedTaskAgent,
+        canRunAssignedAgent,
+        runAssignedAgentDisabledReason,
+    ]);
     const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
             void refreshVisibleTaskData();
-        }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel" })), [
+        }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel", agentLaunch: taskDetailAgentLaunch })), [
         selectedTaskProject,
         selectedTask,
         taskSelectionUniverse,
         dependencies,
         refreshVisibleTaskData,
         setTaskSelection,
+        taskDetailAgentLaunch,
     ]);
-    const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", hasAssignedAgentProfile: !selectedTaskIsPlan && selectedTaskHasAssignedAgentProfile, assignedAgentProfileName: !selectedTaskIsPlan && selectedTaskHasAssignedAgentProfile
-            ? selectedTask?.assigneeDisplayName ||
-                selectedTask?.assigneeId ||
-                null
-            : null, canRunAssignedAgent: canRunAssignedAgent, runAssignedAgentDisabledReason: runAssignedAgentDisabledReason, onRunAssignedAgent: !selectedTaskIsPlan &&
-            selectedTaskHasAssignedAgentProfile &&
-            canRunAssignedAgent
-            ? () => void handleRunSelectedTaskAgent()
-            : undefined, onStartPlanning: selectedTaskIsPlan && isPlanning ? handleStartPlanning : undefined, canAssignAgent: !selectedTaskIsBlocked, assignAgentDisabledReason: selectedTaskIsBlocked
-            ? "This task is blocked by unfinished dependencies."
-            : undefined, onAssignAgent: !selectedTaskIsPlan &&
-            canEditTasks &&
-            agentPanelMode === "no-agent" &&
-            !selectedTaskHasAssignedAgentProfile
-            ? () => setAssignAgentDialogOpen(true)
-            : undefined, assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
+    const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
             ? () => void handleReopenSelectedTask()
             : undefined })), [
         displayAgentId,
         agentPanelMode,
         selectedTaskIsPlan,
-        selectedTaskHasAssignedAgentProfile,
-        canRunAssignedAgent,
-        runAssignedAgentDisabledReason,
-        handleRunSelectedTaskAgent,
-        isPlanning,
-        handleStartPlanning,
-        selectedTaskIsBlocked,
         canEditTasks,
         selectedTask,
         handleReopenSelectedTask,
     ]);
+    const buildRightHandPanels = useCallback((showAgentColumn) => {
+        const renderDetailPanel = (collapsedFlag) => (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
+                void refreshVisibleTaskData();
+            }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => {
+                if (collapsedFlag === false) {
+                    setIsTaskDetailsExpanded(false);
+                }
+                else {
+                    setTaskSelection(null);
+                }
+            }, variant: "panel", agentLaunch: taskDetailAgentLaunch, collapsed: collapsedFlag, onToggleCollapsed: showAgentColumn
+                ? () => setIsTaskDetailsExpanded((v) => !v)
+                : undefined }));
+        if (!showAgentColumn) {
+            return [
+                {
+                    name: "task-details",
+                    defaultSize: 420,
+                    content: renderDetailPanel(undefined),
+                    hidden: !selectedProjectId || !selectedTask,
+                },
+            ];
+        }
+        if (isTaskDetailsExpanded) {
+            return [
+                {
+                    name: "task-details",
+                    defaultSize: 420,
+                    content: renderDetailPanel(false),
+                    hidden: !selectedProjectId || !selectedTask,
+                },
+                {
+                    name: "agent-terminal",
+                    defaultSize: 560,
+                    content: agentTerminalPanel,
+                },
+            ];
+        }
+        return [
+            {
+                name: "task-details-with-terminal",
+                defaultSize: 600,
+                content: (_jsx(Splitter, { localStorageKey: "taskboard-task-summary-stack-splitter", panels: [
+                        {
+                            name: "summary",
+                            defaultSize: 180,
+                            minSize: 120,
+                            content: renderDetailPanel(true),
+                        },
+                        {
+                            name: "terminal",
+                            defaultSize: "auto",
+                            content: agentTerminalPanel,
+                        },
+                    ], direction: "vertical" })),
+                hidden: !selectedProjectId || !selectedTask,
+            },
+        ];
+    }, [
+        selectedTaskProject,
+        projects,
+        selectedTask,
+        taskSelectionUniverse,
+        dependencies,
+        refreshVisibleTaskData,
+        setTaskSelection,
+        taskDetailAgentLaunch,
+        selectedProjectId,
+        isTaskDetailsExpanded,
+        agentTerminalPanel,
+    ]);
     const itemPreviewPanel = useMemo(() => {
         const hasCurrentItem = !!currentItemDescriptor;
         const previewSidebar = (_jsx("div", { className: "relative z-10 flex h-full min-h-0 flex-col bg-white", children: _jsx("div", { className: "min-h-0 flex-1", children: _jsx(MainContentTree, { mode: "normal" }) }) }));
@@ -1842,20 +1930,6 @@ export function TaskBoardWorkspace() {
         previewItemVersion,
         isMobile,
     ]);
-    useEffect(() => {
-        if (!assignAgentDialogOpen)
-            return;
-        if (!selectedTask ||
-            agentPanelMode !== "no-agent" ||
-            selectedTaskIsBlocked) {
-            setAssignAgentDialogOpen(false);
-        }
-    }, [
-        assignAgentDialogOpen,
-        selectedTask,
-        agentPanelMode,
-        selectedTaskIsBlocked,
-    ]);
     const panels = useMemo(() => {
         if (isWizardMode) {
             const wizardPanels = [
@@ -1875,24 +1949,14 @@ export function TaskBoardWorkspace() {
             return wizardPanels;
         }
         if (isListView) {
+            const showAgentColumn = !!selectedProjectId && !shouldHideAgentPanelForSelectedTask;
             const listPanels = [
                 {
                     name: "task-list",
                     defaultSize: "auto",
                     content: (_jsx("div", { className: "h-full overflow-x-auto overflow-y-auto bg-slate-50/50 p-2 pt-2 md:p-4 md:pt-3", children: taskBoardContent })),
                 },
-                {
-                    name: "task-details",
-                    defaultSize: 420,
-                    content: taskDetailPanel,
-                    hidden: !selectedProjectId || !selectedTask,
-                },
-                {
-                    name: "agent-terminal",
-                    defaultSize: 560,
-                    content: agentTerminalPanel,
-                    hidden: !selectedProjectId || shouldHideAgentPanelForSelectedTask,
-                },
+                ...buildRightHandPanels(showAgentColumn),
             ];
             if (showEditorPanel) {
                 listPanels.push({
@@ -1904,24 +1968,14 @@ export function TaskBoardWorkspace() {
             return listPanels;
         }
         if (isGraphView) {
+            const showAgentColumn = !!selectedProjectId && !shouldHideAgentPanelForSelectedTask;
             const graphPanels = [
                 {
                     name: "task-list",
                     defaultSize: "auto",
                     content: (_jsx("div", { className: cn("flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto bg-slate-50/50", selectedProjectId && "p-4 pt-3"), children: taskBoardContent })),
                 },
-                {
-                    name: "task-details",
-                    defaultSize: 420,
-                    content: taskDetailPanel,
-                    hidden: !selectedProjectId || !selectedTask,
-                },
-                {
-                    name: "agent-terminal",
-                    defaultSize: 560,
-                    content: agentTerminalPanel,
-                    hidden: !selectedProjectId || shouldHideAgentPanelForSelectedTask,
-                },
+                ...buildRightHandPanels(showAgentColumn),
             ];
             if (showEditorPanel) {
                 graphPanels.push({
@@ -1932,24 +1986,16 @@ export function TaskBoardWorkspace() {
             }
             return graphPanels;
         }
+        const showAgentColumnKanban = !!selectedProjectId &&
+            !shouldHideAgentPanelForSelectedTask &&
+            agentPanelMode === "agent";
         const kanbanPanels = [
             {
                 name: "task-list",
                 defaultSize: "auto",
                 content: (_jsx("div", { className: cn("flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto bg-slate-50/50", selectedProjectId && "p-4 pt-3"), children: taskBoardContent })),
             },
-            {
-                name: "task-details",
-                defaultSize: 420,
-                content: taskDetailPanel,
-                hidden: !selectedProjectId || !selectedTask,
-            },
-            {
-                name: "agent-terminal",
-                defaultSize: 560,
-                content: agentTerminalPanel,
-                hidden: !selectedProjectId || shouldHideAgentPanelForSelectedTask,
-            },
+            ...buildRightHandPanels(showAgentColumnKanban),
         ];
         if (showEditorPanel) {
             kanbanPanels.push({
@@ -1965,10 +2011,9 @@ export function TaskBoardWorkspace() {
         isGraphView,
         selectedProjectId,
         taskBoardContent,
-        taskDetailPanel,
-        selectedTask,
-        agentTerminalPanel,
+        buildRightHandPanels,
         shouldHideAgentPanelForSelectedTask,
+        agentPanelMode,
         showEditorPanel,
         itemPreviewPanel,
     ]);
@@ -2013,12 +2058,6 @@ export function TaskBoardWorkspace() {
                 }, projectId: settingsProjectId, selectedProject: settingsProject, projects: projects, onChanged: async () => {
                     await refreshProjects();
                     await refreshVisibleTaskData();
-                } }), _jsx(AssignAgentDialog, { open: assignAgentDialogOpen, task: selectedTask, onOpenChange: setAssignAgentDialogOpen, onAssigned: async () => {
-                    if (!selectedProjectId)
-                        return;
-                    await refreshTasks(selectedProjectId);
-                    await refreshExecutionState(selectedProjectId);
-                    await refreshDependencies(selectedProjectId);
                 } })] }));
 }
 //# sourceMappingURL=TaskBoardWorkspace.js.map