@shepai/cli 1.179.1 → 1.180.0-pr548.764147

package/dist/src/presentation/web/components/features/control-center/control-center-inner.js

@@ -46,7 +46,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const { fitView } = useReactFlow();
     const drawerTimerRef = useRef(null);
     const { defaultViewport, onMoveEnd: handleViewportChange, resetViewport, } = useViewportPersistence();
-    const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleArchiveFeature, handleDeleteFeature, handleRetryFeature, handleStartFeature, handleStopFeature, handleUnarchiveFeature, handleDeleteRepository, createFeatureNode, showArchived, setShowArchived, setCallbacks, } = useControlCenterState(initialNodes, initialEdges);
+    const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleArchiveFeature, handleDeleteFeature, handleRetryFeature, handleStartFeature, handleStopFeature, handleUnarchiveFeature, handleDeleteRepository, handleDeleteApplication, createFeatureNode, showArchived, setShowArchived, setCallbacks, } = useControlCenterState(initialNodes, initialEdges);
     // ── Workspaces (client-only prototype) ────────────────────────────────
     const { workspaces, activeWorkspace, isDefaultActive, setActiveWorkspace, createWorkspace, renameWorkspace, deleteWorkspace, setWorkspaceMembers, addToActiveWorkspace, } = useWorkspaces();
     // Tracks the set of node ids we've already seen, so we can detect new
@@ -98,6 +98,9 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         setSidebarFeatures(sidebarItems);
     }, [sidebarKey, featureNodes, setSidebarFeatures]);
     // ── URL-based navigation handlers ────────────────────────────────────
+    const handleApplicationClick = useCallback((applicationId) => {
+        guardedNavigate(() => router.push(`/application/${applicationId}`));
+    }, [router, guardedNavigate]);
     const handleNodeClick = useCallback((event, node) => {
         if (node.type === 'featureNode') {
             const data = node.data;
@@ -223,6 +226,8 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             onRepositoryAdd: handleAddFeatureToRepo,
             onRepositoryClick: handleRepositoryClick,
             onRepositoryDelete: handleDeleteRepository,
+            onApplicationClick: handleApplicationClick,
+            onApplicationDelete: handleDeleteApplication,
         });
     }, [
         setCallbacks,
@@ -236,23 +241,30 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         handleAddFeatureToRepo,
         handleRepositoryClick,
         handleDeleteRepository,
+        handleApplicationClick,
+        handleDeleteApplication,
     ]);
     const handleMoveEnd = useCallback((_event, viewport) => {
         handleViewportChange(viewport);
     }, [handleViewportChange]);
     const hasRepositories = nodes.some((n) => n.type === 'repositoryNode');
+    // The canvas is "non-empty" as soon as ANY repo OR application node is
+    // present — applications are first-class top-level nodes, so creating
+    // an application alone must be enough to keep the prompt empty state
+    // from re-appearing on next visit.
+    const hasCanvasContent = hasRepositories || nodes.some((n) => n.type === 'applicationNode');
     // Publish repo state to sidebar context so AppShell can hide FAB during onboarding
     useEffect(() => {
         setSidebarHasRepos(hasRepositories);
     }, [hasRepositories, setSidebarHasRepos]);
     // Debounced latch: prevent empty-state flicker during brief reconcile gaps
-    // (e.g. stale poll momentarily drops repos), but allow the empty state to
-    // return after a real delete once repos stay gone past the debounce window.
-    const [showCanvas, setShowCanvas] = useState(hasRepositories);
+    // (e.g. stale poll momentarily drops nodes), but allow the empty state to
+    // return after a real delete once content stays gone past the debounce window.
+    const [showCanvas, setShowCanvas] = useState(hasCanvasContent);
     const latchTimerRef = useRef(null);
     useEffect(() => {
-        if (hasRepositories) {
-            // Repos exist — show canvas immediately, cancel any pending unlatch
+        if (hasCanvasContent) {
+            // Repos / apps exist — show canvas immediately, cancel any pending unlatch
             if (latchTimerRef.current) {
                 clearTimeout(latchTimerRef.current);
                 latchTimerRef.current = null;
@@ -260,8 +272,8 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             setShowCanvas(true);
         }
         else if (showCanvas) {
-            // Repos gone — clear saved viewport so next add starts centered,
-            // then wait before showing empty state (debounce stale polls)
+            // All canvas content gone — clear saved viewport so next add starts
+            // centered, then wait before showing empty state (debounce stale polls)
             resetViewport();
             latchTimerRef.current = setTimeout(() => {
                 setShowCanvas(false);
@@ -272,7 +284,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
             if (latchTimerRef.current)
                 clearTimeout(latchTimerRef.current);
         };
-    }, [hasRepositories, showCanvas, resetViewport]);
+    }, [hasCanvasContent, showCanvas, resetViewport]);
     // Auto-include any newly-appearing repo/feature nodes in the active
     // workspace (skipped when default is active — that workspace shows
     // everything anyway). We diff the current node id list against the set
@@ -342,13 +354,17 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         workspaceFilteredNodes,
         fitView,
     });
-    // When the active (non-default) workspace has no members but real repos
-    // exist on the canvas, show a workspace-aware empty state instead of the
-    // welcome wizard. The wizard would imply "no repos at all", which is wrong
-    // here — and crucially, leaves the workspace selector visible via the
-    // toolbar so users can switch back to the default workspace.
-    const workspaceFilteredEmpty = hasRepositories && !isDefaultActive && workspaceFilteredNodes.length === 0;
-    const emptyStateNode = workspaceFilteredEmpty ? (_jsxs("div", { className: "pointer-events-auto flex h-full w-full flex-col items-center justify-center px-8", children: [_jsx("div", { className: "bg-primary/10 text-primary mb-5 flex h-12 w-12 items-center justify-center rounded-2xl", children: _jsx(Layers, { className: "h-6 w-6" }) }), _jsx("h2", { className: "text-foreground/90 text-center text-2xl font-light tracking-tight", children: "This workspace is empty" }), _jsx("p", { className: "text-muted-foreground mt-2 max-w-sm text-center text-sm leading-relaxed", children: "Add repositories or features from the canvas, or switch back to the default workspace to see everything." }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsxs(Button, { size: "sm", onClick: () => setWorkspaceNewProjectOpen(true), className: "bg-blue-500 text-white hover:bg-blue-600", children: [_jsx(FolderPlus, { className: "me-1.5 h-3.5 w-3.5" }), "New project"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setManageWorkspaceOpen(true), children: [_jsx(Plus, { className: "me-1.5 h-3.5 w-3.5" }), "Manage items"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setActiveWorkspace(DEFAULT_WORKSPACE_ID), children: "Switch to Default" })] })] })) : (_jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }));
+    // When the active (non-default) workspace has no members but real canvas
+    // content (repos or applications) exists, show a workspace-aware empty
+    // state instead of the welcome wizard. The wizard would imply "no nodes
+    // at all", which is wrong here — and crucially, leaves the workspace
+    // selector visible via the toolbar so users can switch back to default.
+    const workspaceFilteredEmpty = hasCanvasContent && !isDefaultActive && workspaceFilteredNodes.length === 0;
+    const emptyStateNode = workspaceFilteredEmpty ? (_jsxs("div", { className: "pointer-events-auto flex h-full w-full flex-col items-center justify-center px-8", children: [_jsx("div", { className: "bg-primary/10 text-primary mb-5 flex h-12 w-12 items-center justify-center rounded-2xl", children: _jsx(Layers, { className: "h-6 w-6" }) }), _jsx("h2", { className: "text-foreground/90 text-center text-2xl font-light tracking-tight", children: "This workspace is empty" }), _jsx("p", { className: "text-muted-foreground mt-2 max-w-sm text-center text-sm leading-relaxed", children: "Add repositories or features from the canvas, or switch back to the default workspace to see everything." }), _jsxs("div", { className: "mt-6 flex items-center gap-2", children: [_jsxs(Button, { size: "sm", onClick: () => setWorkspaceNewProjectOpen(true), className: "bg-blue-500 text-white hover:bg-blue-600", children: [_jsx(FolderPlus, { className: "me-1.5 h-3.5 w-3.5" }), "New project"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setManageWorkspaceOpen(true), children: [_jsx(Plus, { className: "me-1.5 h-3.5 w-3.5" }), "Manage items"] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setActiveWorkspace(DEFAULT_WORKSPACE_ID), children: "Switch to Default" })] })] })) : (_jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus, onApplicationCreated: (appId) => {
+            router.push(`/application/${appId}`);
+        } }));
+    // ── Full-screen create prompt overlay ────────────────────────────────
+    const [showCreatePrompt, setShowCreatePrompt] = useState(false);
     const featureFlags = useFeatureFlags();
     // (+) FAB actions — only visible on control center. Action list lives in
     // its own hook so this component stays focused on graph state + rendering.
@@ -358,6 +374,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
         guardedNavigate,
         handlePickFolder,
         onNewProject: () => setWorkspaceNewProjectOpen(true),
+        onNewApplication: () => setShowCreatePrompt(true),
         featureFlags,
     });
     const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport, startSlot: _jsx(WorkspaceSelector, { workspaces: workspaces, activeWorkspace: activeWorkspace, onSelect: setActiveWorkspace, onRequestCreate: () => setCreateWorkspaceOpen(true), onRequestRename: () => setRenameWorkspaceOpen(true), onRequestDelete: (id) => {
@@ -377,7 +394,13 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
                                             deleteWorkspace(pendingDeleteWorkspaceId);
                                             setPendingDeleteWorkspaceId(null);
                                         }
-                                    }, children: "Delete" })] })] }) })] }));
+                                    }, children: "Delete" })] })] }) }), showCreatePrompt ? (_jsx("div", { className: "absolute inset-0 z-50", children: _jsx(ControlCenterEmptyState, { onRepositorySelect: (path) => {
+                        setShowCreatePrompt(false);
+                        addRepoAndFocus(path);
+                    }, onApplicationCreated: (appId) => {
+                        setShowCreatePrompt(false);
+                        router.push(`/application/${appId}`);
+                    }, onClose: () => setShowCreatePrompt(false), className: "bg-background" }) })) : null] }));
 }
 /** (+) FAB that tracks sidebar width via CSS var + transition.
  *  When fabLayout.swapPosition is true, moves to the end side (right in LTR). */

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts

@@ -3,6 +3,7 @@ import type { FeatureNodeData } from '../../common/feature-node/index.js';
 import type { RepositoryNodeData } from '../../common/repository-node/index.js';
 import type { CanvasNodeType } from '../../features/features-canvas/index.js';
 import { type LayoutDirection } from '../../../lib/layout-with-dagre.js';
+import type { ApplicationNodeData } from '../../common/application-node/application-node-config.js';
 import { type GraphCallbacks } from '../../../hooks/use-graph-state.js';
 export interface ControlCenterState {
     nodes: CanvasNodeType[];
@@ -24,7 +25,10 @@ export interface ControlCenterState {
     handleDeleteRepository: (repositoryId: string, options?: {
         deleteFromDisk?: boolean;
     }) => Promise<void>;
+    handleDeleteApplication: (applicationId: string) => Promise<void>;
     createFeatureNode: (sourceNodeId: string | null, dataOverride?: Partial<FeatureNodeData>, edgeType?: string) => string;
+    /** Add an application node to the canvas optimistically. */
+    addApplication: (nodeId: string, data: ApplicationNodeData) => void;
     /** Whether archived features are shown on the canvas. */
     showArchived: boolean;
     /** Toggle archived feature visibility. */

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAmBjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QACrC,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,EAAE,CACtB,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CA2lBpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAoBxG,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QACrC,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,mBAAmB,EAAE,CACnB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,EAAE,CACtB,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KACnC,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,uBAAuB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,4DAA4D;IAC5D,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpE,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAwnBpB"}

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -11,6 +11,7 @@ import { stopFeature } from '../../../app/actions/stop-feature.js';
 import { unarchiveFeature } from '../../../app/actions/unarchive-feature.js';
 import { addRepository } from '../../../app/actions/add-repository.js';
 import { deleteRepository } from '../../../app/actions/delete-repository.js';
+import { deleteApplication } from '../../../app/actions/delete-application.js';
 import { getFeatureMetadata } from '../../../app/actions/get-feature-metadata.js';
 import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 import { useDeploymentStatusContext } from '../../../hooks/deployment-status-provider.js';
@@ -30,7 +31,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
     const createSound = useSoundAction('create');
     // Archive toggle: persists during session, resets on page reload (FR-10)
     const [showArchived, setShowArchived] = useState(false);
-    const { nodes, edges, reconcile, updateFeature, addPendingFeature, removeFeature, restoreFeature, addRepository: addRepositoryToMap, removeRepository, replaceRepository, getFeatureRepositoryPath, getRepositoryData, getRepoMapSize, setCallbacks, beginMutation, endMutation, isMutating, } = useGraphState(initialNodes, initialEdges, showArchived);
+    const { nodes, edges, reconcile, updateFeature, addPendingFeature, removeFeature, restoreFeature, addRepository: addRepositoryToMap, removeRepository, replaceRepository, getFeatureRepositoryPath, getRepositoryData, getRepoMapSize, addApplication: addApplicationToMap, removeApplication, setCallbacks, beginMutation, endMutation, isMutating, } = useGraphState(initialNodes, initialEdges, showArchived);
     // Refs for stable access to latest nodes/edges without callback recreation
     const nodesRef = useRef(nodes);
     const edgesRef = useRef(edges);
@@ -447,6 +448,27 @@ export function useControlCenterState(initialNodes, initialEdges) {
         beginMutation,
         endMutation,
     ]);
+    const handleDeleteApplication = useCallback(async (applicationId) => {
+        const appNodeId = `app-${applicationId}`;
+        // Optimistic: remove application node
+        beginMutation();
+        removeApplication(appNodeId);
+        deleteSound.play();
+        try {
+            const result = await deleteApplication(applicationId);
+            if (result.error) {
+                toast.error(result.error);
+                // Rollback would require storing the previous data; for now we let
+                // the next polling reconcile restore it if the delete actually failed.
+            }
+        }
+        catch {
+            toast.error('Failed to delete application');
+        }
+        finally {
+            endMutation();
+        }
+    }, [deleteSound, removeApplication, beginMutation, endMutation]);
     const handleLayout = useCallback((direction) => {
         // Layout is applied via reconcile on next server prop update.
         // For immediate re-layout, we apply dagre and trigger a reconcile-like update.
@@ -517,7 +539,9 @@ export function useControlCenterState(initialNodes, initialEdges) {
         handleStopFeature,
         handleUnarchiveFeature,
         handleDeleteRepository,
+        handleDeleteApplication,
         createFeatureNode,
+        addApplication: addApplicationToMap,
         showArchived,
         setShowArchived,
         getFeatureRepositoryPath,

package/dist/src/presentation/web/components/features/control-center/use-fab-actions.d.ts

@@ -14,8 +14,9 @@ interface UseFabActionsParams {
     guardedNavigate: (fn: () => void) => void;
     handlePickFolder: () => void;
     onNewProject: () => void;
+    onNewApplication: () => void;
     featureFlags: ReturnType<typeof useFeatureFlags>;
 }
-export declare function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, featureFlags, }: UseFabActionsParams): FloatingActionButtonAction[];
+export declare function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, onNewApplication, featureFlags, }: UseFabActionsParams): FloatingActionButtonAction[];
 export {};
 //# sourceMappingURL=use-fab-actions.d.ts.map

package/dist/src/presentation/web/components/features/control-center/use-fab-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-fab-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-fab-actions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,GAAG,0BAA0B,EAAE,CA6DpD"}
+{"version":3,"file":"use-fab-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-fab-actions.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAC7F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,UAAU,mBAAmB;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,EAAE,mBAAmB,GAAG,0BAA0B,EAAE,CAoEpD"}

package/dist/src/presentation/web/components/features/control-center/use-fab-actions.js

@@ -5,9 +5,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * stays focused on graph state + rendering.
  */
 import { useMemo } from 'react';
-import { FolderOpen, FolderPlus, GitBranch, Github, Sparkles } from 'lucide-react';
+import { FolderOpen, FolderPlus, GitBranch, Github, LayoutGrid, Sparkles } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-export function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, featureFlags, }) {
+export function useFabActions({ router, clickSound, guardedNavigate, handlePickFolder, onNewProject, onNewApplication, featureFlags, }) {
     const { t } = useTranslation('web');
     return useMemo(() => {
         const actions = [
@@ -35,6 +35,12 @@ export function useFabActions({ router, clickSound, guardedNavigate, handlePickF
                 icon: _jsx(FolderOpen, { className: "h-4 w-4" }),
                 onClick: handlePickFolder,
             },
+            {
+                id: 'new-application',
+                label: t('fab.newApplication'),
+                icon: _jsx(LayoutGrid, { className: "h-4 w-4" }),
+                onClick: onNewApplication,
+            },
         ];
         if (featureFlags.adoptBranch) {
             actions.push({
@@ -64,6 +70,7 @@ export function useFabActions({ router, clickSound, guardedNavigate, handlePickF
         router,
         handlePickFolder,
         onNewProject,
+        onNewApplication,
         featureFlags.adoptBranch,
         featureFlags.githubImport,
     ]);

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"welcome-agent-setup.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAyPlF"}
+{"version":3,"file":"welcome-agent-setup.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CA4NlF"}

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.js

@@ -1,11 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useRef } from 'react';
-import { ChevronLeft, Loader2, AlertTriangle } from 'lucide-react';
+import { ChevronLeft, Loader2 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { getAllAgentModels } from '../../../app/actions/get-all-agent-models.js';
 import { updateAgentAndModel } from '../../../app/actions/update-agent-and-model.js';
-import { checkToolStatus } from '../../../app/actions/check-tool-status.js';
 import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
 import { getModelMeta } from '../../../lib/model-metadata.js';
 import { cn } from '../../../lib/utils.js';
@@ -14,7 +13,6 @@ export function WelcomeAgentSetup({ onComplete, className }) {
     const { t } = useTranslation('web');
     const [groups, setGroups] = useState([]);
     const [loading, setLoading] = useState(true);
-    const [ghInstalled, setGhInstalled] = useState(null);
     const [step, setStep] = useState('select-agent');
     const [selectedAgent, setSelectedAgent] = useState(null);
     const [saving, setSaving] = useState(false);
@@ -26,11 +24,6 @@ export function WelcomeAgentSetup({ onComplete, className }) {
             .then(setGroups)
             .finally(() => setLoading(false));
     }, []);
-    useEffect(() => {
-        checkToolStatus()
-            .then((status) => setGhInstalled(status.gh.installed))
-            .catch(() => setGhInstalled(null));
-    }, []);
     const activeGroup = selectedAgent ? groups.find((g) => g.agentType === selectedAgent) : null;
     const transitionTo = useCallback((nextStep, setup) => {
         setTransitioning(true);
@@ -102,7 +95,7 @@ export function WelcomeAgentSetup({ onComplete, className }) {
         : activeGroup
             ? t('welcome.chooseModelSubtitle', { label: activeGroup.label })
             : '';
-    return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex w-full flex-col items-center', className), children: [_jsx("div", { className: "mb-8 flex w-full max-w-xs items-center gap-1.5", children: STEPS.map((s, i) => (_jsx("div", { className: cn('h-[3px] flex-1 rounded-full transition-colors duration-300', i <= stepIndex ? 'bg-foreground/60' : 'bg-muted') }, s))) }), _jsxs("div", { className: cn('flex w-full flex-col items-center transition-opacity duration-200', visible && !transitioning ? 'opacity-100' : 'opacity-0'), children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: heroTitle }), _jsx("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: heroSubtitle }), step === 'select-agent' && ghInstalled === false && (_jsxs("div", { "data-testid": "gh-cli-notice", className: "mt-5 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900 dark:bg-amber-950/40", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-500" }), _jsxs("p", { className: "text-sm leading-relaxed text-amber-800 dark:text-amber-300", children: [_jsx("span", { className: "font-medium", children: t('welcome.ghCliRequired') }), ' ', t('welcome.ghCliRequiredText'), ' ', _jsx("a", { href: "https://cli.github.com/", target: "_blank", rel: "noopener noreferrer", className: "underline underline-offset-2 hover:text-amber-900 dark:hover:text-amber-200", children: t('welcome.installHere') }), "."] })] })), _jsxs("div", { className: "mt-8 flex w-full flex-col items-center", children: [step === 'select-agent' && (_jsx("div", { "data-testid": "agent-list", className: "grid w-full max-w-lg gap-3", style: {
+    return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex w-full flex-col items-center', className), children: [_jsx("div", { className: "mb-8 flex w-full max-w-xs items-center gap-1.5", children: STEPS.map((s, i) => (_jsx("div", { className: cn('h-[3px] flex-1 rounded-full transition-colors duration-300', i <= stepIndex ? 'bg-foreground/60' : 'bg-muted') }, s))) }), _jsxs("div", { className: cn('flex w-full flex-col items-center transition-opacity duration-200', visible && !transitioning ? 'opacity-100' : 'opacity-0'), children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: heroTitle }), _jsx("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: heroSubtitle }), _jsxs("div", { className: "mt-8 flex w-full flex-col items-center", children: [step === 'select-agent' && (_jsx("div", { "data-testid": "agent-list", className: "grid w-full max-w-lg gap-3", style: {
                                     gridTemplateColumns: `repeat(${Math.min(groups.length, 4)}, minmax(0, 1fr))`,
                                 }, children: groups.map((group) => {
                                     const GroupIcon = getAgentTypeIcon(group.agentType);

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.d.ts

@@ -1,7 +1,8 @@
 import type { Connection, Edge, NodeChange, OnMoveEnd, Viewport } from '@xyflow/react';
 import type { FeatureNodeType } from '../../common/feature-node/index.js';
 import type { RepositoryNodeType } from '../../common/repository-node/index.js';
-export type CanvasNodeType = FeatureNodeType | RepositoryNodeType;
+import type { ApplicationNodeType } from '../../common/application-node/application-node-config.js';
+export type CanvasNodeType = FeatureNodeType | RepositoryNodeType | ApplicationNodeType;
 export interface FeaturesCanvasProps {
     nodes: CanvasNodeType[];
     edges: Edge[];

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAGlG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA+IrB"}
+{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAGxG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAExF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CAgJrB"}

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.js

@@ -9,6 +9,7 @@ import { Button } from '../../ui/button.js';
 import { EmptyState } from '../../common/empty-state/index.js';
 import { FeatureNode } from '../../common/feature-node/index.js';
 import { RepositoryNode } from '../../common/repository-node/index.js';
+import { ApplicationNode } from '../../common/application-node/application-node.js';
 import { DependencyEdge } from './dependency-edge.js';
 const FALLBACK_VIEWPORT = { x: 30, y: 30, zoom: 0.85 };
 export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedRepository, defaultViewport, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, onMoveEnd, toolbar, emptyState, }) {
@@ -16,6 +17,7 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedReposi
     const nodeTypes = useMemo(() => ({
         featureNode: FeatureNode,
         repositoryNode: RepositoryNode,
+        applicationNode: ApplicationNode,
     }), []);
     const edgeTypes = useMemo(() => ({
         dependencyEdge: DependencyEdge,

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/index.d.ts

@@ -11,10 +11,12 @@ export interface AgentModelPickerProps {
     className?: string;
     /** 'settings' persists to DB; 'override' only calls onAgentModelChange */
     mode: 'settings' | 'override';
+    /** Show installed/not-installed badges next to agent names */
+    showInstallStatus?: boolean;
 }
 export interface AgentModelPickerSaveResult {
     ok: boolean;
     error?: string;
 }
-export declare function AgentModelPicker({ initialAgentType, initialModel, agentType: controlledAgentType, model: controlledModel, onAgentModelChange, onSave, saveError, saving, disabled, className, mode, }: AgentModelPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentModelPicker({ initialAgentType, initialModel, agentType: controlledAgentType, model: controlledModel, onAgentModelChange, onSave, saveError, saving, disabled, className, mode, showInstallStatus, }: AgentModelPickerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/index.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,eAAe,EACtB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAiOvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/settings/AgentModelPicker/index.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,0BAA0B,GAAG,IAAI,CAAC,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,0BAA0B;IACzC,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,gBAAgB,EAChB,YAAY,EACZ,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,eAAe,EACtB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,iBAAiB,GAClB,EAAE,qBAAqB,2CA4OvB"}

package/dist/src/presentation/web/components/features/settings/AgentModelPicker/index.js

@@ -1,18 +1,20 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Check, ChevronLeft, ChevronRight } from 'lucide-react';
+import { Check, ChevronLeft, ChevronRight, CircleCheck, CircleMinus } from 'lucide-react';
 import { getAllAgentModels } from '../../../../app/actions/get-all-agent-models.js';
+import { checkAllAgentsStatus } from '../../../../app/actions/check-all-agents-status.js';
 import { updateAgentAndModel } from '../../../../app/actions/update-agent-and-model.js';
 import { getAgentTypeIcon } from '../../../common/feature-node/agent-type-icons.js';
 import { getModelMeta } from '../../../../lib/model-metadata.js';
 import { Button } from '../../../ui/button.js';
 import { Popover, PopoverContent, PopoverTrigger } from '../../../ui/popover.js';
 import { cn } from '../../../../lib/utils.js';
-export function AgentModelPicker({ initialAgentType, initialModel, agentType: controlledAgentType, model: controlledModel, onAgentModelChange, onSave, saveError, saving, disabled, className, mode, }) {
+export function AgentModelPicker({ initialAgentType, initialModel, agentType: controlledAgentType, model: controlledModel, onAgentModelChange, onSave, saveError, saving, disabled, className, mode, showInstallStatus, }) {
     const [open, setOpen] = React.useState(false);
     const [groups, setGroups] = React.useState([]);
     const [loading, setLoading] = React.useState(true);
+    const [installMap, setInstallMap] = React.useState({});
     const [agentType, setAgentType] = React.useState(controlledAgentType ?? initialAgentType);
     const [model, setModel] = React.useState(controlledModel ?? initialModel);
     const [internalSaving, setInternalSaving] = React.useState(false);
@@ -25,7 +27,10 @@ export function AgentModelPicker({ initialAgentType, initialModel, agentType: co
         getAllAgentModels()
             .then(setGroups)
             .finally(() => setLoading(false));
-    }, []);
+        if (showInstallStatus) {
+            checkAllAgentsStatus().then(setInstallMap);
+        }
+    }, [showInstallStatus]);
     React.useEffect(() => {
         setAgentType(controlledAgentType ?? initialAgentType);
     }, [controlledAgentType, initialAgentType]);
@@ -103,7 +108,7 @@ export function AgentModelPicker({ initialAgentType, initialModel, agentType: co
                                                     else {
                                                         handleSelect(group.agentType, '');
                                                     }
-                                                }, children: [_jsx(GroupIcon, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1 text-start", children: group.label }), isActive && !hasModels ? (_jsx(Check, { className: "text-primary h-3.5 w-3.5 shrink-0" })) : null, hasModels ? (_jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" })) : null] }, group.agentType));
+                                                }, children: [_jsx(GroupIcon, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1 text-start", children: group.label }), showInstallStatus && group.agentType in installMap ? (installMap[group.agentType] ? (_jsx(CircleCheck, { className: "h-3 w-3 shrink-0 text-emerald-500" })) : (_jsx(CircleMinus, { className: "text-muted-foreground/40 h-3 w-3 shrink-0" }))) : null, isActive && !hasModels ? (_jsx(Check, { className: "text-primary h-3.5 w-3.5 shrink-0" })) : null, hasModels ? (_jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" })) : null] }, group.agentType));
                                         })] }), _jsx("div", { className: "w-1/2 shrink-0", children: activeGroup ? (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "text-muted-foreground hover:text-foreground flex w-full cursor-pointer items-center gap-1.5 border-b px-3 py-2 text-xs font-medium transition-colors", onClick: drillBack, children: [_jsx(ChevronLeft, { className: "h-3.5 w-3.5" }), activeGroup.label] }), activeGroup.models.map((m) => {
                                                 const isSelected = agentType === activeGroup.agentType && model === m.id;
                                                 return (_jsxs("button", { type: "button", className: cn('flex w-full cursor-pointer items-center gap-3 px-3 py-2 text-start transition-colors', 'hover:bg-accent hover:text-accent-foreground', isSelected && 'bg-accent/50'), onClick: () => handleSelect(activeGroup.agentType, m.id), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "text-xs font-medium", children: m.displayName }), _jsx("span", { className: "text-muted-foreground text-xs", children: m.description })] }), isSelected ? (_jsx(Check, { className: "text-primary h-3.5 w-3.5 shrink-0" })) : null] }, m.id));

package/dist/src/presentation/web/hooks/deployment-status-provider.d.ts

@@ -16,7 +16,7 @@ import type { DeploymentStatusEntry } from '../../../../packages/core/src/applic
 import { DeploymentStatusStore, type DeploymentEntryState, EMPTY_ENTRY } from './deployment-status-store.js';
 export interface DeployActionInput {
     targetId: string;
-    targetType: 'feature' | 'repository';
+    targetType: 'feature' | 'repository' | 'application';
     repositoryPath: string;
     branch?: string;
 }

package/dist/src/presentation/web/hooks/deployment-status-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-status-provider.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/deployment-status-provider.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6EAA6E,CAAC;AAOzH,OAAO,EACL,qBAAqB,EACrB,KAAK,oBAAoB,EACzB,WAAW,EACZ,MAAM,2BAA2B,CAAC;AAUnC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,SAAS,GAAG,YAAY,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAID,wBAAgB,wBAAwB,CAAC,EACvC,kBAAkB,EAClB,QAAQ,GACT,EAAE;IACD,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAgKA;AAED,wBAAgB,0BAA0B,IAAI,sBAAsB,CAMnE;AAED;;;;GAIG;AACH,wBAAgB,kCAAkC,IAAI,sBAAsB,CAI3E;AAgBD,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"deployment-status-provider.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/deployment-status-provider.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6EAA6E,CAAC;AAQzH,OAAO,EACL,qBAAqB,EACrB,KAAK,oBAAoB,EACzB,WAAW,EACZ,MAAM,2BAA2B,CAAC;AAUnC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAID,wBAAgB,wBAAwB,CAAC,EACvC,kBAAkB,EAClB,QAAQ,GACT,EAAE;IACD,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkKA;AAED,wBAAgB,0BAA0B,IAAI,sBAAsB,CAMnE;AAED;;;;GAIG;AACH,wBAAgB,kCAAkC,IAAI,sBAAsB,CAI3E;AAgBD,OAAO,EAAE,WAAW,EAAE,KAAK,oBAAoB,EAAE,CAAC"}

package/dist/src/presentation/web/hooks/deployment-status-provider.js

@@ -16,6 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, } from 'react';
 import { deployFeature } from '../app/actions/deploy-feature.js';
 import { deployRepository } from '../app/actions/deploy-repository.js';
+import { deployApplication } from '../app/actions/deploy-application.js';
 import { stopDeployment } from '../app/actions/stop-deployment.js';
 import { getDeploymentStatus } from '../app/actions/get-deployment-status.js';
 import { createLogger } from '../lib/logger.js';
@@ -123,7 +124,9 @@ export function DeploymentStatusProvider({ initialDeployments, children, }) {
         try {
             const result = input.targetType === 'feature'
                 ? await deployFeature(input.targetId)
-                : await deployRepository(input.repositoryPath);
+                : input.targetType === 'application'
+                    ? await deployApplication(input.targetId)
+                    : await deployRepository(input.repositoryPath);
             if (!result.success) {
                 store.update(input.targetId, {
                     deployLoading: false,

package/dist/src/presentation/web/hooks/use-graph-state.d.ts

@@ -2,6 +2,7 @@ import type { Edge } from '@xyflow/react';
 import type { CanvasNodeType } from '../components/features/features-canvas/index.js';
 import type { FeatureNodeData } from '../components/common/feature-node/index.js';
 import type { RepositoryNodeData } from '../components/common/repository-node/index.js';
+import type { ApplicationNodeData } from '../components/common/application-node/application-node-config.js';
 import { type FeatureEntry, type GraphCallbacks } from '../lib/derive-graph.js';
 export type { GraphCallbacks } from '../lib/derive-graph.js';
 export interface UseGraphStateReturn {
@@ -37,6 +38,10 @@ export interface UseGraphStateReturn {
     getRepositoryData: (nodeId: string) => RepositoryNodeData | undefined;
     /** Stable lookup: get the current number of repositories in the domain Map. */
     getRepoMapSize: () => number;
+    /** Add an application node. */
+    addApplication: (nodeId: string, data: ApplicationNodeData) => void;
+    /** Remove an application node. */
+    removeApplication: (nodeId: string) => void;
     /** Update callbacks injected into node data (does NOT trigger re-render). */
     setCallbacks: (callbacks: GraphCallbacks) => void;
     /**

package/dist/src/presentation/web/hooks/use-graph-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,EACpB,YAAY,UAAQ,GACnB,mBAAmB,CAicrB"}
+{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAEL,KAAK,YAAY,EAGjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,+BAA+B;IAC/B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpE,kCAAkC;IAClC,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AA8CD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,EACpB,YAAY,UAAQ,GACnB,mBAAmB,CAkerB"}

package/dist/src/presentation/web/hooks/use-graph-state.js

@@ -14,6 +14,7 @@ function parseMaps(initialNodes, initialEdges) {
     }
     const featureMap = new Map();
     const repoMap = new Map();
+    const applicationMap = new Map();
     for (const node of initialNodes) {
         if (node.type === 'featureNode') {
             featureMap.set(node.id, {
@@ -28,8 +29,14 @@ function parseMaps(initialNodes, initialEdges) {
                 data: node.data,
             });
         }
+        else if (node.type === 'applicationNode') {
+            applicationMap.set(node.id, {
+                nodeId: node.id,
+                data: node.data,
+            });
+        }
     }
-    return { featureMap, repoMap };
+    return { featureMap, repoMap, applicationMap };
 }
 function isFeatureDataUnchanged(data, updates) {
     return ((updates.state === undefined || updates.state === data.state) &&
@@ -64,6 +71,7 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
     const init = useMemo(() => parseMaps(initialNodes, initialEdges), []);
     const [featureMap, setFeatureMap] = useState(init.featureMap);
     const [repoMap, setRepoMap] = useState(init.repoMap);
+    const [applicationMap, setApplicationMap] = useState(init.applicationMap);
     const [pendingMap, setPendingMap] = useState(new Map());
     // Buffer for SSE updates that arrive before their feature is in featureMap.
     // When reconcile adds new features, buffered updates are applied automatically.
@@ -99,6 +107,8 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
         onStartFeature: (featureId) => callbacksRef.current.onStartFeature?.(featureId),
         onArchiveFeature: (featureId) => callbacksRef.current.onArchiveFeature?.(featureId),
         onUnarchiveFeature: (featureId) => callbacksRef.current.onUnarchiveFeature?.(featureId),
+        onApplicationClick: (applicationId) => callbacksRef.current.onApplicationClick?.(applicationId),
+        onApplicationDelete: (applicationId) => callbacksRef.current.onApplicationDelete?.(applicationId),
     }), []);
     // Stable refs for domain Maps (for use in callbacks without depending on state)
     const featureMapRef = useRef(featureMap);
@@ -119,7 +129,7 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
         return filtered.size === featureMap.size ? featureMap : filtered;
     }, [featureMap, showArchived]);
     // Derive graph from domain Maps (runs on every Map change, but dagre only on topology change)
-    const derived = useMemo(() => deriveGraph(visibleFeatureMap, repoMap, pendingMap, stableCallbacks), [visibleFeatureMap, repoMap, pendingMap, stableCallbacks]);
+    const derived = useMemo(() => deriveGraph(visibleFeatureMap, repoMap, pendingMap, stableCallbacks, applicationMap), [visibleFeatureMap, repoMap, pendingMap, stableCallbacks, applicationMap]);
     // Cache dagre layout positions — only re-run when node set or edge connections change
     const layoutCacheRef = useRef({ key: '', positions: new Map() });
     const { nodes, edges } = useMemo(() => {
@@ -291,6 +301,13 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
                 return currentRepoMap;
             return merged;
         });
+        // Reconcile applicationMap
+        const { applicationMap: newApplicationMap } = parseMaps(newNodes, newEdges);
+        setApplicationMap((currentAppMap) => {
+            if (mapsEqual(currentAppMap, newApplicationMap))
+                return currentAppMap;
+            return newApplicationMap;
+        });
     }, []);
     const updateFeature = useCallback((featureNodeId, updates) => {
         setFeatureMap((prev) => {
@@ -387,6 +404,22 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
             return next;
         });
     }, []);
+    const addApplication = useCallback((nodeId, data) => {
+        setApplicationMap((prev) => {
+            const next = new Map(prev);
+            next.set(nodeId, { nodeId, data });
+            return next;
+        });
+    }, []);
+    const removeApplication = useCallback((nodeId) => {
+        setApplicationMap((prev) => {
+            if (!prev.has(nodeId))
+                return prev;
+            const next = new Map(prev);
+            next.delete(nodeId);
+            return next;
+        });
+    }, []);
     const getFeatureRepositoryPath = useCallback((featureNodeId) => {
         return featureMapRef.current.get(featureNodeId)?.data.repositoryPath;
     }, []);
@@ -436,6 +469,8 @@ export function useGraphState(initialNodes, initialEdges, showArchived = false)
         getFeatureRepositoryPath,
         getRepositoryData,
         getRepoMapSize,
+        addApplication,
+        removeApplication,
         setCallbacks,
         beginMutation,
         endMutation,