@parhelia/core 0.1.12430 → 0.1.12436

package/dist/task-board/TaskBoardWorkspace.js

@@ -4,7 +4,6 @@ import { toast } from "sonner";
 import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
 import { deleteProject, getExecutionState, getGraphLayout, getProjects, getTasks, getDependencies, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
-import { getAgent, } from "../editor/services/agentService";
 import { loadAiProfiles } from "../editor/services/aiService";
 import { useEditContext } from "../editor/client/editContext";
 import { KanbanView } from "./views/KanbanView";
@@ -13,7 +12,7 @@ import { DependencyGraphView } from "./views/DependencyGraphView";
 import { WizardView } from "./views/WizardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
 import { TaskDetailPanel } from "./components/TaskDetailPanel";
-import { TaskAgentPanel, } from "./components/TaskAgentPanel";
+import { TaskAgentPanel } from "./components/TaskAgentPanel";
 import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { AssignAgentDialog } from "./components/AssignAgentDialog";
@@ -36,6 +35,7 @@ import { WizardCommunicationCenter } from "./components/WizardCommunicationCente
 import { Button } from "../components/ui/button";
 import { Loader2, Plus } from "lucide-react";
 import { MainContentTree } from "../editor/sidebar/MainContentTree";
+import { useTaskBoardAgentPanelState } from "./useTaskBoardAgentPanelState";
 function TaskboardPreviewEditor({ itemDescriptor, }) {
     const slotContext = useEditorSlotContext({
         slotId: "taskboard-preview-slot",
@@ -161,11 +161,6 @@ export function TaskBoardWorkspace() {
     const [subprojectTasksByProjectId, setSubprojectTasksByProjectId] = useState({});
     const [subprojectExecutionRecordsByProjectId, setSubprojectExecutionRecordsByProjectId,] = useState({});
     const [subprojectCountsLoading, setSubprojectCountsLoading] = useState(false);
-    const [previewItemName, setPreviewItemName] = useState("");
-    const [previewItemPath, setPreviewItemPath] = useState("");
-    const [agentContextItems, setAgentContextItems] = useState([]);
-    const [contextItemNamesByKey, setContextItemNamesByKey] = useState({});
-    const [contextItemPathsByKey, setContextItemPathsByKey] = useState({});
     const [wizardPinnedTaskId, setWizardPinnedTaskId] = useState(null);
     const [, setWizardPinnedTaskSource] = useState(null);
     const [wizardForceOverview, setWizardForceOverview] = useState(false);
@@ -411,95 +406,16 @@ export function TaskBoardWorkspace() {
             return selectedProject;
         return (projects.find((project) => project.project.projectId === selectedTask.projectId) ?? selectedProject);
     }, [projects, selectedProject, selectedTask]);
-    const selectedTaskIsPlan = useMemo(() => {
-        const taskType = String(selectedTask?.taskType ?? "").toLowerCase();
-        return taskType === "plan" || selectedTask?.title === "Project Plan";
-    }, [selectedTask]);
-    const selectedTaskIsBlocked = useMemo(() => {
-        if (!selectedTask)
-            return false;
-        if ((selectedTask.executionBlockedByProjectIds?.length ?? 0) > 0)
-            return true;
-        return selectedTask.executionState === "WaitingForDependency";
-    }, [
-        selectedTask,
-    ]);
-    const selectedTaskHasAssignedAgentProfile = useMemo(() => {
-        if (!selectedTask)
-            return false;
-        return selectedTask.assigneeType === "Agent" && !!selectedTask.assigneeId;
-    }, [selectedTask]);
-    const canRunAssignedAgent = useMemo(() => {
-        return !selectedTaskIsBlocked;
-    }, [selectedTaskIsBlocked]);
-    const runAssignedAgentDisabledReason = useMemo(() => {
-        if (selectedTaskIsBlocked) {
-            return "This task is blocked by unfinished dependencies.";
-        }
-        return undefined;
-    }, [selectedTaskIsBlocked]);
-    // ── current agent ID and panel mode for the right panel ──
-    const currentAgentId = useMemo(() => {
-        return getLinkedAgentId(selectedTask);
-    }, [selectedTask]);
-    const selectedTaskStatus = useMemo(() => {
-        if (!selectedTask)
-            return null;
-        return normalizeTaskStatus(selectedTask.status, selectedTask.executionState);
-    }, [selectedTask]);
-    const selectedTaskHasResultData = useMemo(() => {
-        return !!selectedTask?.resultData?.trim();
-    }, [selectedTask?.resultData]);
-    const shouldHideAgentPanelForSelectedTask = useMemo(() => {
-        return (!!selectedTask &&
-            selectedTaskIsPlan &&
-            selectedTaskStatus === "Done" &&
-            selectedTaskHasResultData);
-    }, [
+    const { agentPanelMode, canRunAssignedAgent, contextItemOptions, displayAgentId, handleSelectContextItem, hasMultipleContextItems, previewItemName, previewItemPath, previewItemVersion, runAssignedAgentDisabledReason, selectedContextItemValue, selectedTaskHasAssignedAgentProfile, selectedTaskIsBlocked, selectedTaskIsPlan, shouldHideAgentPanelForSelectedTask, } = useTaskBoardAgentPanelState({
+        currentItemDescriptor,
+        editContext,
+        isMobile,
+        mobileActiveTab,
         selectedTask,
-        selectedTaskIsPlan,
-        selectedTaskStatus,
-        selectedTaskHasResultData,
-    ]);
-    const displayAgentId = useMemo(() => {
-        return currentAgentId;
-    }, [currentAgentId]);
-    useEffect(() => {
-        if (isMobile && selectedTaskId) {
-            setMobileActiveTab(1); // Task tab
-        }
-    }, [selectedTaskId, isMobile]);
-    useEffect(() => {
-        if (isMobile && displayAgentId && !shouldHideAgentPanelForSelectedTask) {
-            setMobileActiveTab(2); // Agent tab
-        }
-    }, [displayAgentId, isMobile, shouldHideAgentPanelForSelectedTask]);
-    useEffect(() => {
-        if (!isMobile)
-            return;
-        if (!shouldHideAgentPanelForSelectedTask)
-            return;
-        if (mobileActiveTab !== 2)
-            return;
-        setMobileActiveTab(1);
-    }, [isMobile, mobileActiveTab, shouldHideAgentPanelForSelectedTask]);
-    useEffect(() => {
-        if (!showEditorPanel && mobileActiveTab === 3) {
-            setMobileActiveTab(0);
-        }
-    }, [showEditorPanel, mobileActiveTab]);
-    const currentItemKey = useMemo(() => {
-        if (!currentItemDescriptor)
-            return "";
-        return `${currentItemDescriptor.id}|${currentItemDescriptor.language}|${currentItemDescriptor.version}`;
-    }, [currentItemDescriptor]);
-    const agentPanelMode = useMemo(() => {
-        if (!selectedTask)
-            return "no-task-selected";
-        if (displayAgentId)
-            return "agent";
-        return "no-agent";
-    }, [selectedTask, displayAgentId]);
+        selectedTaskId,
+        setMobileActiveTab,
+        showEditorPanel,
+    });
     const wizardAttentionState = useMemo(() => {
         const openTasks = orderedWizardTasks.filter((task) => normalizeTaskStatus(task.status, task.executionState) !== "Done");
         let runningCount = 0;
@@ -597,19 +513,6 @@ export function TaskBoardWorkspace() {
         wizardForceOverview,
         wizardPinnedTaskId,
     ]);
-    useEffect(() => {
-        if (!wizardDisplayedTask ||
-            (wizardDisplayedExecutionDisplay?.label !== "Questions" &&
-                wizardDisplayedTask.executionState !== "WaitingForInput" &&
-                wizardDisplayedTask.executionState !== "WaitingForUser")) {
-            return;
-        }
-    }, [
-        wizardDisplayedTask,
-        wizardDisplayedAgentId,
-        wizardDisplayedExecutionDisplay?.label,
-        selectedProjectId,
-    ]);
     const clearWizardCloseTransitionTimeout = useCallback(() => {
         if (wizardCloseTransitionTimeoutRef.current !== null) {
             window.clearTimeout(wizardCloseTransitionTimeoutRef.current);
@@ -1692,7 +1595,7 @@ export function TaskBoardWorkspace() {
             return (_jsx("div", { className: "flex h-full min-h-[240px] items-center justify-center rounded-lg border border-dashed border-slate-200 bg-slate-50/70", "data-testid": "taskboard-project-loading-state", children: _jsxs("div", { className: "text-muted-foreground flex flex-col items-center gap-3 text-sm", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
         }
         if (!selectedProjectId || (!selectedProject && !isProjectsLoading)) {
-            return (_jsx("div", { className: "flex min-h-full w-full flex-col p-4 md:p-8", children: _jsx("div", { className: "mx-auto flex h-full w-full max-w-7xl flex-1 min-h-0", children: _jsx(ProjectOverviewContent, { nav: nav }) }) }));
+            return (_jsx("div", { className: "flex min-h-full w-full flex-col p-4 md:p-8", children: _jsx("div", { className: "mx-auto flex h-full min-h-0 w-full max-w-7xl flex-1", children: _jsx(ProjectOverviewContent, { nav: nav }) }) }));
         }
         if (isWizardMode) {
             return (_jsx(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
@@ -1790,161 +1693,6 @@ export function TaskBoardWorkspace() {
         selectedTask,
         handleReopenSelectedTask,
     ]);
-    const previewItemVersion = useMemo(() => {
-        if (!currentItemDescriptor)
-            return null;
-        return currentItemDescriptor.version === 0
-            ? (editContext?.item?.version ?? null)
-            : currentItemDescriptor.version;
-    }, [currentItemDescriptor, editContext?.item?.version]);
-    const contextItemOptions = useMemo(() => {
-        return agentContextItems.map((contextItem) => {
-            const key = `${contextItem.id}|${contextItem.language}|${contextItem.version}`;
-            const name = contextItemNamesByKey[key] || contextItem.name || contextItem.id;
-            const path = contextItemPathsByKey[key] || contextItem.path || "";
-            return {
-                value: key,
-                label: name,
-                description: `${path || contextItem.id} (${contextItem.language}/v${contextItem.version})`,
-            };
-        });
-    }, [agentContextItems, contextItemNamesByKey, contextItemPathsByKey]);
-    const selectedContextItemValue = useMemo(() => {
-        if (currentItemKey)
-            return currentItemKey;
-        const first = agentContextItems[0];
-        if (!first)
-            return "";
-        return `${first.id}|${first.language}|${first.version}`;
-    }, [currentItemKey, agentContextItems]);
-    const hasMultipleContextItems = contextItemOptions.length > 1;
-    useEffect(() => {
-        if (!currentAgentId) {
-            setAgentContextItems([]);
-            return;
-        }
-        let cancelled = false;
-        getAgent(currentAgentId)
-            .then((agent) => {
-            if (cancelled)
-                return;
-            const rawContext = agent?.agentContext;
-            if (!rawContext) {
-                setAgentContextItems([]);
-                return;
-            }
-            let parsed = null;
-            try {
-                parsed = JSON.parse(rawContext);
-            }
-            catch {
-                parsed = null;
-            }
-            const items = (parsed?.items || []).filter((x) => !!x?.id && !!x?.language && typeof x?.version === "number");
-            setAgentContextItems(items);
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setAgentContextItems([]);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [currentAgentId]);
-    useEffect(() => {
-        if (!editContext || agentContextItems.length === 0) {
-            setContextItemNamesByKey({});
-            setContextItemPathsByKey({});
-            return;
-        }
-        let cancelled = false;
-        Promise.all(agentContextItems.map(async (contextItem) => {
-            const key = `${contextItem.id}|${contextItem.language}|${contextItem.version}`;
-            const descriptor = {
-                id: contextItem.id,
-                language: contextItem.language,
-                version: contextItem.version,
-            };
-            const item = await editContext.itemsRepository.getItem(descriptor);
-            return {
-                key,
-                name: item?.name || contextItem.name || "",
-                path: item?.path || contextItem.path || "",
-            };
-        }))
-            .then((results) => {
-            if (cancelled)
-                return;
-            const nextNames = {};
-            const nextPaths = {};
-            for (const result of results) {
-                nextNames[result.key] = result.name;
-                nextPaths[result.key] = result.path;
-            }
-            setContextItemNamesByKey(nextNames);
-            setContextItemPathsByKey(nextPaths);
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setContextItemNamesByKey({});
-            setContextItemPathsByKey({});
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [editContext, agentContextItems]);
-    const handleSelectContextItem = useCallback((value) => {
-        const [id, language, versionText] = value.split("|");
-        const version = Number(versionText);
-        if (!id || !language || Number.isNaN(version) || !editContext?.loadItem)
-            return;
-        void editContext.loadItem({ id, language, version });
-    }, [editContext]);
-    useEffect(() => {
-        if (!editContext || !currentItemDescriptor) {
-            setPreviewItemName("");
-            setPreviewItemPath("");
-            return;
-        }
-        const activeItem = editContext.item;
-        const itemMatchesDescriptor = activeItem?.id === currentItemDescriptor.id &&
-            activeItem?.language === currentItemDescriptor.language;
-        if (itemMatchesDescriptor) {
-            setPreviewItemName(activeItem?.name || "");
-            setPreviewItemPath(activeItem?.path || "");
-            return;
-        }
-        let cancelled = false;
-        editContext.itemsRepository
-            .getItem(currentItemDescriptor)
-            .then((item) => {
-            if (cancelled)
-                return;
-            setPreviewItemName(item?.name || "");
-            setPreviewItemPath(item?.path || "");
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setPreviewItemName("");
-            setPreviewItemPath("");
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [
-        editContext,
-        currentItemDescriptor,
-        currentItemDescriptor?.id,
-        currentItemDescriptor?.language,
-        currentItemDescriptor?.version,
-        editContext?.item?.id,
-        editContext?.item?.language,
-        editContext?.item?.name,
-        editContext?.item?.path,
-    ]);
     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" }) }) }));
@@ -2117,7 +1865,7 @@ export function TaskBoardWorkspace() {
                                         id: "agent",
                                         label: "Agent",
                                         content: null,
-                                        disabled: !currentAgentId || shouldHideAgentPanelForSelectedTask,
+                                        disabled: !displayAgentId || shouldHideAgentPanelForSelectedTask,
                                     },
                                     ...(showEditorPanel
                                         ? [{ id: "editor", label: "Editor", content: null }]