@vybestack/llxprt-code 0.8.0-nightly.260111.af7260fe6 → 0.8.0-nightly.260113.48db4b09b

package/dist/src/ui/components/SubagentManagement/SubagentEditForm.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useState, useCallback } from 'react';
+import { Box, Text } from 'ink';
+import { Colors } from '../../colors.js';
+import { useKeypress } from '../../hooks/useKeypress.js';
+import { EditField } from './types.js';
+export const SubagentEditForm = ({ subagent, profiles: _profiles, pendingProfile, onSave, onCancel, onSelectProfile, isFocused = true, }) => {
+    const [systemPrompt, setSystemPrompt] = useState(subagent.systemPrompt);
+    // Use pendingProfile from parent (set after profile wizard) or fall back to original
+    const selectedProfile = pendingProfile ?? subagent.profile;
+    const [focusedField, setFocusedField] = useState(EditField.SYSTEM_PROMPT);
+    const [isEditing, setIsEditing] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const hasChanges = systemPrompt !== subagent.systemPrompt ||
+        selectedProfile !== subagent.profile;
+    const handleSave = useCallback(async () => {
+        if (!hasChanges) {
+            onCancel();
+            return;
+        }
+        setIsSaving(true);
+        setError(null);
+        try {
+            await onSave(systemPrompt, selectedProfile);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to save');
+            setIsSaving(false);
+        }
+    }, [hasChanges, systemPrompt, selectedProfile, onSave, onCancel]);
+    const handleInput = useCallback((char) => {
+        if (char === '\n') {
+            setSystemPrompt((prev) => prev + '\n');
+        }
+        else {
+            setSystemPrompt((prev) => prev + char);
+        }
+    }, []);
+    const handleBackspace = useCallback(() => {
+        setSystemPrompt((prev) => prev.slice(0, -1));
+    }, []);
+    useKeypress((key) => {
+        const input = key.sequence;
+        if (isSaving)
+            return;
+        // Editing mode - capture text
+        if (isEditing && focusedField === EditField.SYSTEM_PROMPT) {
+            if (key.name === 'escape') {
+                setIsEditing(false);
+                return;
+            }
+            if (key.name === 'backspace' || key.name === 'delete') {
+                handleBackspace();
+                return;
+            }
+            if (key.name === 'return') {
+                handleInput('\n');
+                return;
+            }
+            if (input && !key.ctrl && !key.meta) {
+                handleInput(input);
+            }
+            return;
+        }
+        // Navigation mode
+        if (key.name === 'escape') {
+            onCancel();
+            return;
+        }
+        if (key.name === 'up' || key.name === 'down') {
+            setFocusedField((prev) => prev === EditField.SYSTEM_PROMPT
+                ? EditField.PROFILE
+                : EditField.SYSTEM_PROMPT);
+            return;
+        }
+        if (key.name === 'return') {
+            if (focusedField === EditField.SYSTEM_PROMPT) {
+                setIsEditing(true);
+            }
+            else if (focusedField === EditField.PROFILE) {
+                onSelectProfile();
+            }
+            return;
+        }
+        // Quick save with 's'
+        if (input === 's') {
+            handleSave();
+            return;
+        }
+        // Cancel with 'c'
+        if (input === 'c') {
+            onCancel();
+            return;
+        }
+    }, { isActive: isFocused && !isSaving });
+    // Display prompt preview
+    const promptLines = systemPrompt.split('\n');
+    const maxLines = 5;
+    const displayLines = promptLines.slice(0, maxLines);
+    const truncated = `[${systemPrompt.slice(0, 45)}...]`;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: Colors.Foreground, children: "Edit Configuration" }) }), _jsx(Text, { color: Colors.Gray, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), error && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "#ff0000", children: error }) })), _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: focusedField === EditField.SYSTEM_PROMPT
+                                ? '#00ff00'
+                                : Colors.Foreground, children: [focusedField === EditField.SYSTEM_PROMPT ? '→ ' : '  ', "1 System Prompt"] }) }), _jsxs(Box, { marginLeft: 4, children: [_jsx(Text, { color: Colors.Gray, children: "Current: " }), _jsx(Text, { color: Colors.Foreground, children: truncated })] }), isEditing && focusedField === EditField.SYSTEM_PROMPT && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "#00ff00", marginLeft: 4, paddingX: 1, children: [displayLines.map((line, idx) => (_jsx(Text, { color: Colors.Foreground, children: line || ' ' }, idx))), promptLines.length > maxLines && (_jsxs(Text, { color: Colors.Gray, children: ["... (", promptLines.length - maxLines, " more lines)"] })), _jsx(Text, { color: "#00ff00", children: "|" }), _jsx(Text, { color: Colors.Gray, children: "[ESC] Done Editing" })] })), !isEditing && focusedField === EditField.SYSTEM_PROMPT && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: Colors.Gray, children: "[Enter] Edit Full Prompt" }) }))] }), _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: focusedField === EditField.PROFILE ? '#00ff00' : Colors.Foreground, children: [focusedField === EditField.PROFILE ? '→ ' : '  ', "2 Profile Assignment"] }) }), _jsxs(Box, { marginLeft: 4, children: [_jsx(Text, { color: Colors.Gray, children: "Current: " }), _jsx(Text, { color: Colors.Foreground, children: selectedProfile }), selectedProfile !== subagent.profile && (_jsx(Text, { color: "#ffff00", children: " (changed)" }))] }), focusedField === EditField.PROFILE && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { color: Colors.Gray, children: "[Enter] Change Profile" }) }))] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: Colors.Gray, children: "Controls: \u2191\u2193 Navigate Fields [Enter] Toggle Edit" }), _jsx(Text, { color: Colors.Gray, children: " [s] Save [c] Cancel [ESC] Back to list" }), hasChanges && _jsx(Text, { color: "#ffff00", children: "* Unsaved changes" })] }), isSaving && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "Saving..." }) }))] }));
+};
+//# sourceMappingURL=SubagentEditForm.js.map

package/dist/src/ui/components/SubagentManagement/SubagentEditForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentEditForm.js","sourceRoot":"","sources":["../../../../../src/ui/components/SubagentManagement/SubagentEditForm.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/SubagentManagement/SubagentListMenu.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { type SubagentInfo } from './types.js';
+interface SubagentListMenuProps {
+    subagents: SubagentInfo[];
+    onSelect: (subagent: SubagentInfo) => void;
+    onEdit: (subagent: SubagentInfo) => void;
+    onAttachProfile: (subagent: SubagentInfo) => void;
+    onDelete: (subagent: SubagentInfo) => void;
+    onBack: () => void;
+    isLoading?: boolean;
+    isFocused?: boolean;
+}
+export declare const SubagentListMenu: React.FC<SubagentListMenuProps>;
+export {};

package/dist/src/ui/components/SubagentManagement/SubagentListMenu.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useState, useMemo, useCallback } from 'react';
+import { Box, Text } from 'ink';
+import { Colors } from '../../colors.js';
+import { useKeypress } from '../../hooks/useKeypress.js';
+import { ListFocusMode } from './types.js';
+export const SubagentListMenu = ({ subagents, onSelect, onEdit, onAttachProfile, onDelete, onBack, isLoading = false, isFocused = true, }) => {
+    const [searchTerm, setSearchTerm] = useState('');
+    const [focusMode, setFocusMode] = useState(ListFocusMode.LIST);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Filter subagents based on search term
+    const filteredSubagents = useMemo(() => {
+        if (!searchTerm.trim())
+            return subagents;
+        const term = searchTerm.toLowerCase();
+        return subagents.filter((s) => s.name.toLowerCase().includes(term) ||
+            s.profile.toLowerCase().includes(term));
+    }, [subagents, searchTerm]);
+    // Ensure selected index is valid after filtering
+    const safeIndex = useMemo(() => {
+        if (filteredSubagents.length === 0)
+            return 0;
+        return Math.min(selectedIndex, filteredSubagents.length - 1);
+    }, [selectedIndex, filteredSubagents.length]);
+    const moveSelection = useCallback((delta) => {
+        if (filteredSubagents.length === 0)
+            return;
+        let newIndex = safeIndex + delta;
+        if (newIndex < 0)
+            newIndex = 0;
+        if (newIndex >= filteredSubagents.length)
+            newIndex = filteredSubagents.length - 1;
+        setSelectedIndex(newIndex);
+    }, [safeIndex, filteredSubagents.length]);
+    const handleSearchInput = useCallback((char) => {
+        setSearchTerm((prev) => prev + char);
+    }, []);
+    const handleBackspace = useCallback(() => {
+        setSearchTerm((prev) => prev.slice(0, -1));
+    }, []);
+    useKeypress((key) => {
+        const input = key.sequence;
+        // ESC handling
+        if (key.name === 'escape') {
+            if (focusMode === ListFocusMode.SEARCH && searchTerm) {
+                // Clear search
+                setSearchTerm('');
+                setFocusMode(ListFocusMode.LIST);
+            }
+            else if (focusMode === ListFocusMode.SEARCH) {
+                // Exit search mode
+                setFocusMode(ListFocusMode.LIST);
+            }
+            else {
+                // Back to menu
+                onBack();
+            }
+            return;
+        }
+        // Tab to activate search
+        if (key.name === 'tab' && focusMode === ListFocusMode.LIST) {
+            setFocusMode(ListFocusMode.SEARCH);
+            return;
+        }
+        // Tab to switch focus
+        if (key.name === 'tab' && focusMode === ListFocusMode.SEARCH) {
+            setFocusMode(ListFocusMode.LIST);
+            return;
+        }
+        // Search mode input handling
+        if (focusMode === ListFocusMode.SEARCH) {
+            if (key.name === 'backspace' || key.name === 'delete') {
+                handleBackspace();
+                return;
+            }
+            if (key.name === 'return') {
+                setFocusMode(ListFocusMode.LIST);
+                return;
+            }
+            // Type character
+            if (input && input.length === 1 && !key.ctrl && !key.meta) {
+                handleSearchInput(input);
+            }
+            return;
+        }
+        // List navigation mode
+        if (focusMode === ListFocusMode.LIST) {
+            if (key.name === 'up') {
+                moveSelection(-1);
+                return;
+            }
+            if (key.name === 'down') {
+                moveSelection(1);
+                return;
+            }
+            if (key.name === 'return' && filteredSubagents.length > 0) {
+                onSelect(filteredSubagents[safeIndex]);
+                return;
+            }
+            // Quick actions
+            if (input === 'e' && filteredSubagents.length > 0) {
+                onEdit(filteredSubagents[safeIndex]);
+                return;
+            }
+            if (input === 'a' && filteredSubagents.length > 0) {
+                onAttachProfile(filteredSubagents[safeIndex]);
+                return;
+            }
+            if (input === 'd' && filteredSubagents.length > 0) {
+                onDelete(filteredSubagents[safeIndex]);
+                return;
+            }
+        }
+    }, { isActive: isFocused && !isLoading });
+    if (isLoading) {
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: Colors.Gray, children: "Loading subagents..." }) }));
+    }
+    if (subagents.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: Colors.Foreground, children: "No subagents found. Use 'Create Subagent' to create one." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "[ESC] Back to menu" }) })] }));
+    }
+    // Calculate visible items (viewport)
+    const maxVisible = 10;
+    const startIndex = Math.max(0, safeIndex - Math.floor(maxVisible / 2));
+    const endIndex = Math.min(filteredSubagents.length, startIndex + maxVisible);
+    const visibleSubagents = filteredSubagents.slice(startIndex, endIndex);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: Colors.Gray, children: "Search: " }), focusMode === ListFocusMode.SEARCH ? (_jsxs(Text, { color: Colors.Foreground, children: [searchTerm, _jsx(Text, { color: "#00ff00", children: "|" })] })) : (_jsx(Text, { color: Colors.Gray, children: searchTerm || '(press Tab to search)' })), _jsxs(Text, { color: Colors.Gray, children: [' ', "Found ", filteredSubagents.length, searchTerm ? ` of ${subagents.length}` : '', " subagents"] })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: filteredSubagents.length === 0 ? (_jsx(Text, { color: Colors.Gray, children: "No matching subagents" })) : (visibleSubagents.map((subagent, idx) => {
+                    const actualIndex = startIndex + idx;
+                    const isSelected = actualIndex === safeIndex && focusMode === ListFocusMode.LIST;
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? '#00ff00' : Colors.Foreground, children: [isSelected ? '→ ' : '  ', subagent.name.padEnd(25)] }), _jsx(Text, { color: Colors.Gray, children: subagent.profile })] }, subagent.name));
+                })) }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: Colors.Gray, children: "Controls: \u2191\u2193 Navigate [Enter] Details [e] Edit" }), _jsx(Text, { color: Colors.Gray, children: " [a] Attach [d] Delete [ESC] Main menu" })] })] }));
+};
+//# sourceMappingURL=SubagentListMenu.js.map

package/dist/src/ui/components/SubagentManagement/SubagentListMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentListMenu.js","sourceRoot":"","sources":["../../../../../src/ui/components/SubagentManagement/SubagentListMenu.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/SubagentManagement/SubagentMainMenu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { SubagentView } from './types.js';
+interface SubagentMainMenuProps {
+    onSelect: (view: SubagentView) => void;
+    isFocused?: boolean;
+}
+export declare const SubagentMainMenu: React.FC<SubagentMainMenuProps>;
+export {};

package/dist/src/ui/components/SubagentManagement/SubagentMainMenu.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Colors } from '../../colors.js';
+import { RadioButtonSelect } from '../shared/RadioButtonSelect.js';
+import { MENU_ACTIONS } from './types.js';
+export const SubagentMainMenu = ({ onSelect, isFocused = true, }) => {
+    const menuItems = MENU_ACTIONS.map((action) => ({
+        label: `${action.label.padEnd(20)} - ${action.description}`,
+        value: action.value,
+        key: action.value,
+    }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: Colors.Foreground, children: "Select an action:" }) }), _jsx(RadioButtonSelect, { items: menuItems, onSelect: onSelect, isFocused: isFocused, showNumbers: true, maxItemsToShow: 10 }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "Press [ESC] to cancel" }) })] }));
+};
+//# sourceMappingURL=SubagentMainMenu.js.map

package/dist/src/ui/components/SubagentManagement/SubagentMainMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentMainMenu.js","sourceRoot":"","sources":["../../../../../src/ui/components/SubagentManagement/SubagentMainMenu.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAgB,YAAY,EAAE,MAAM,YAAY,CAAC;AAOxD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,EACR,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC9C,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,MAAM,CAAC,WAAW,EAAE;QAC3D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,GAAG,EAAE,MAAM,CAAC,KAAK;KAClB,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,YAClB,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,MAAM,CAAC,UAAU,kCAE5B,GACH,EAEN,KAAC,iBAAiB,IAChB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE,EAAE,GAClB,EAEF,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,sCAA8B,GAClD,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/SubagentManagement/SubagentManagerDialog.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React from 'react';
+import { type SubagentManagerDialogProps } from './types.js';
+export declare const SubagentManagerDialog: React.FC<SubagentManagerDialogProps>;

package/dist/src/ui/components/SubagentManagement/SubagentManagerDialog.js

@@ -0,0 +1,293 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Vybestack LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useState, useCallback, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { Colors } from '../../colors.js';
+import { useUIState } from '../../contexts/UIStateContext.js';
+import { SubagentView, } from './types.js';
+import { SubagentListMenu } from './SubagentListMenu.js';
+import { SubagentShowView } from './SubagentShowView.js';
+import { SubagentEditForm } from './SubagentEditForm.js';
+import { SubagentCreationWizard } from './SubagentCreationWizard.js';
+import { ProfileAttachmentWizard } from './ProfileAttachmentWizard.js';
+import { SubagentDeleteDialog } from './SubagentDeleteDialog.js';
+import { SubagentMainMenu } from './SubagentMainMenu.js';
+export const SubagentManagerDialog = ({ onClose, initialView = SubagentView.MENU, initialSubagentName, }) => {
+    const uiState = useUIState();
+    const { commandContext } = uiState;
+    const subagentManager = commandContext?.services?.subagentManager;
+    const profileManager = commandContext?.services?.profileManager;
+    const [state, setState] = useState({
+        currentView: initialView,
+        selectedSubagent: null,
+        navigationStack: [initialView], // Start with initial view, not menu
+        searchTerm: '',
+        searchActive: false,
+        selectedIndex: 0,
+        subagents: [],
+        profiles: [],
+        isLoading: true,
+        error: null,
+    });
+    // Track pending profile change when selecting from edit form (not yet saved)
+    const [pendingProfile, setPendingProfile] = useState(undefined);
+    // Load subagents and profiles
+    const loadData = useCallback(async () => {
+        if (!subagentManager) {
+            setState((prev) => ({
+                ...prev,
+                isLoading: false,
+                error: 'SubagentManager not available',
+            }));
+            return;
+        }
+        setState((prev) => ({ ...prev, isLoading: true, error: null }));
+        try {
+            const [subagentNames, profileNames] = await Promise.all([
+                subagentManager.listSubagents(),
+                profileManager?.listProfiles() ?? Promise.resolve([]),
+            ]);
+            // Load full subagent configs
+            const subagents = await Promise.all(subagentNames.map(async (name) => {
+                const config = await subagentManager.loadSubagent(name);
+                return config;
+            }));
+            setState((prev) => ({
+                ...prev,
+                subagents,
+                profiles: profileNames,
+                isLoading: false,
+            }));
+            // If initial subagent specified, select it
+            if (initialSubagentName) {
+                const found = subagents.find((s) => s.name === initialSubagentName);
+                if (found) {
+                    setState((prev) => ({
+                        ...prev,
+                        selectedSubagent: found,
+                        currentView: initialView,
+                    }));
+                }
+            }
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                isLoading: false,
+                error: err instanceof Error ? err.message : 'Failed to load data',
+            }));
+        }
+    }, [subagentManager, profileManager, initialSubagentName, initialView]);
+    useEffect(() => {
+        loadData();
+    }, [loadData]);
+    // Navigation helpers
+    const navigateTo = useCallback((view, subagent) => {
+        setState((prev) => ({
+            ...prev,
+            currentView: view,
+            navigationStack: [...prev.navigationStack, view],
+            selectedSubagent: subagent ?? prev.selectedSubagent,
+        }));
+    }, []);
+    const goBack = useCallback(() => {
+        setState((prev) => {
+            const newStack = prev.navigationStack.slice(0, -1);
+            // If stack is empty or only has initial view, close dialog
+            if (newStack.length === 0) {
+                // Use setTimeout to avoid state update during render
+                setTimeout(() => onClose(), 0);
+                return prev;
+            }
+            const prevView = newStack[newStack.length - 1];
+            return {
+                ...prev,
+                currentView: prevView,
+                navigationStack: newStack,
+                selectedSubagent: prevView === SubagentView.LIST ? null : prev.selectedSubagent,
+            };
+        });
+    }, [onClose]);
+    // Handle subagent selection from list
+    const handleSubagentSelect = useCallback((subagent) => {
+        navigateTo(SubagentView.SHOW, subagent);
+    }, [navigateTo]);
+    // Handle edit from list or show view
+    const handleEdit = useCallback((subagent) => {
+        const target = subagent ?? state.selectedSubagent;
+        if (target) {
+            navigateTo(SubagentView.EDIT, target);
+        }
+    }, [navigateTo, state.selectedSubagent]);
+    // Handle attach profile from list
+    const handleAttachProfile = useCallback((subagent) => {
+        navigateTo(SubagentView.ATTACH_PROFILE, subagent);
+    }, [navigateTo]);
+    // Handle select profile from edit form (uses current selected subagent)
+    const handleSelectProfileFromEdit = useCallback(() => {
+        if (state.selectedSubagent) {
+            navigateTo(SubagentView.ATTACH_PROFILE, state.selectedSubagent);
+        }
+    }, [navigateTo, state.selectedSubagent]);
+    // Handle delete from list
+    const handleDeleteRequest = useCallback((subagent) => {
+        navigateTo(SubagentView.DELETE, subagent);
+    }, [navigateTo]);
+    // Handle cancel from edit form - clears pending profile
+    const handleEditCancel = useCallback(() => {
+        setPendingProfile(undefined);
+        goBack();
+    }, [goBack]);
+    // Handle save (edit)
+    const handleSave = useCallback(async (systemPrompt, profile) => {
+        if (!subagentManager || !state.selectedSubagent)
+            return;
+        try {
+            await subagentManager.saveSubagent(state.selectedSubagent.name, profile, systemPrompt);
+            // Clear pending profile after successful save
+            setPendingProfile(undefined);
+            await loadData();
+            goBack();
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                error: err instanceof Error ? err.message : 'Failed to save subagent',
+            }));
+        }
+    }, [subagentManager, state.selectedSubagent, loadData, goBack]);
+    // Handle create
+    const handleCreate = useCallback(async (name, systemPrompt, profile) => {
+        if (!subagentManager)
+            return;
+        try {
+            await subagentManager.saveSubagent(name, profile, systemPrompt);
+            await loadData();
+            navigateTo(SubagentView.LIST);
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                error: err instanceof Error ? err.message : 'Failed to create subagent',
+            }));
+        }
+    }, [subagentManager, loadData, navigateTo]);
+    // Handle profile attachment - check if we came from EDIT view
+    const handleProfileAttach = useCallback(async (profileName) => {
+        if (!state.selectedSubagent)
+            return;
+        // Check if previous view was EDIT - if so, just set pending profile and go back
+        const prevView = state.navigationStack.length >= 2
+            ? state.navigationStack[state.navigationStack.length - 2]
+            : null;
+        if (prevView === SubagentView.EDIT) {
+            // Don't save yet - just set pending profile and return to edit form
+            setPendingProfile(profileName);
+            goBack();
+            return;
+        }
+        // Direct profile attachment from list - save immediately
+        if (!subagentManager)
+            return;
+        try {
+            await subagentManager.saveSubagent(state.selectedSubagent.name, profileName, state.selectedSubagent.systemPrompt);
+            await loadData();
+            goBack();
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                error: err instanceof Error ? err.message : 'Failed to attach profile',
+            }));
+        }
+    }, [
+        subagentManager,
+        state.selectedSubagent,
+        state.navigationStack,
+        loadData,
+        goBack,
+    ]);
+    // Handle delete confirmation
+    const handleDeleteConfirm = useCallback(async () => {
+        if (!subagentManager || !state.selectedSubagent)
+            return;
+        try {
+            await subagentManager.deleteSubagent(state.selectedSubagent.name);
+            await loadData();
+            // After delete, close the dialog
+            onClose();
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                error: err instanceof Error ? err.message : 'Failed to delete subagent',
+            }));
+        }
+    }, [subagentManager, state.selectedSubagent, loadData, onClose]);
+    // Render current view
+    const renderView = () => {
+        if (state.isLoading) {
+            return _jsx(Text, { color: Colors.Gray, children: "Loading..." });
+        }
+        if (state.error) {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "#ff0000", children: ["Error: ", state.error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "[ESC] Close" }) })] }));
+        }
+        switch (state.currentView) {
+            case SubagentView.LIST:
+                return (_jsx(SubagentListMenu, { subagents: state.subagents, onSelect: handleSubagentSelect, onEdit: handleEdit, onAttachProfile: handleAttachProfile, onDelete: handleDeleteRequest, onBack: goBack, isLoading: state.isLoading, isFocused: true }));
+            case SubagentView.SHOW:
+                if (!state.selectedSubagent) {
+                    return _jsx(Text, { color: Colors.Gray, children: "No subagent selected" });
+                }
+                return (_jsx(SubagentShowView, { subagent: state.selectedSubagent, onEdit: handleEdit, onBack: goBack, isFocused: true }));
+            case SubagentView.EDIT:
+                if (!state.selectedSubagent) {
+                    return _jsx(Text, { color: Colors.Gray, children: "No subagent selected" });
+                }
+                return (_jsx(SubagentEditForm, { subagent: state.selectedSubagent, profiles: state.profiles, pendingProfile: pendingProfile, onSave: handleSave, onCancel: handleEditCancel, onSelectProfile: handleSelectProfileFromEdit, isFocused: true }));
+            case SubagentView.CREATE:
+                return (_jsx(SubagentCreationWizard, { profiles: state.profiles, onSave: handleCreate, onCancel: goBack, isFocused: true }));
+            case SubagentView.ATTACH_PROFILE:
+                if (!state.selectedSubagent) {
+                    return _jsx(Text, { color: Colors.Gray, children: "No subagent selected" });
+                }
+                return (_jsx(ProfileAttachmentWizard, { subagent: state.selectedSubagent, profiles: state.profiles, onConfirm: handleProfileAttach, onCancel: goBack, isFocused: true }));
+            case SubagentView.DELETE:
+                if (!state.selectedSubagent) {
+                    return _jsx(Text, { color: Colors.Gray, children: "No subagent selected" });
+                }
+                return (_jsx(SubagentDeleteDialog, { subagent: state.selectedSubagent, onConfirm: handleDeleteConfirm, onCancel: goBack, isFocused: true }));
+            case SubagentView.MENU:
+                return _jsx(SubagentMainMenu, { onSelect: navigateTo, isFocused: true });
+            default:
+                return _jsx(Text, { color: Colors.Gray, children: "Unknown view" });
+        }
+    };
+    // Get title based on current view
+    const getTitle = () => {
+        switch (state.currentView) {
+            case SubagentView.LIST:
+                return 'Subagent List';
+            case SubagentView.SHOW:
+                return `Subagent: ${state.selectedSubagent?.name ?? ''}`;
+            case SubagentView.EDIT:
+                return `Edit: ${state.selectedSubagent?.name ?? ''}`;
+            case SubagentView.CREATE:
+                return 'Create Subagent';
+            case SubagentView.ATTACH_PROFILE:
+                return `Attach Profile: ${state.selectedSubagent?.name ?? ''}`;
+            case SubagentView.DELETE:
+                return 'Delete Subagent';
+            case SubagentView.MENU:
+                return 'Subagent Manager';
+            default:
+                return 'Subagent';
+        }
+    };
+    return (_jsxs(Box, { borderStyle: "round", borderColor: Colors.Gray, flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: Colors.Foreground, children: getTitle() }) }), renderView()] }));
+};
+//# sourceMappingURL=SubagentManagerDialog.js.map