@shepai/cli 1.179.1 → 1.180.0-pr548.764147

package/dist/src/presentation/web/hooks/use-turn-statuses.d.ts

@@ -1,8 +1,18 @@
 export type TurnStatus = 'idle' | 'processing' | 'unread' | 'awaiting_input';
 /**
- * Polls ALL active turn statuses from the backend.
- * No IDs needed — the backend returns every non-idle session status.
- * Returns a map of scopeId → TurnStatus.
+ * Event-driven global turn-status map.
+ *
+ * - On mount: ONE-SHOT GET /api/interactive/chat/turn-statuses to seed
+ *   the initial snapshot. Replaces the old 2-second polling loop.
+ * - After that: live updates via EventSource on
+ *   /api/interactive/chat/turn-statuses/stream, which emits a
+ *   `turn_status` event for every active session's turn transition.
+ * - Robustness: the browser auto-reconnects EventSource on drops; on
+ *   every successful (re)connect we re-run the snapshot fetch to catch
+ *   any events missed during the downtime.
+ *
+ * No periodic polling. One request per page load plus one SSE
+ * connection per tab.
  */
 export declare function useAllTurnStatuses(): Record<string, TurnStatus>;
 /**

package/dist/src/presentation/web/hooks/use-turn-statuses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-turn-statuses.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-turn-statuses.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAY/D;AAED;;GAEG;AACH,wBAAsB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEnE"}
+{"version":3,"file":"use-turn-statuses.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-turn-statuses.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAmE/D;AAED;;GAEG;AACH,wBAAsB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAEnE"}

package/dist/src/presentation/web/hooks/use-turn-statuses.js

@@ -1,22 +1,82 @@
 'use client';
-import { useQuery } from '@tanstack/react-query';
+import { useEffect, useRef, useState, useCallback } from 'react';
 /**
- * Polls ALL active turn statuses from the backend.
- * No IDs needed — the backend returns every non-idle session status.
- * Returns a map of scopeId → TurnStatus.
+ * Event-driven global turn-status map.
+ *
+ * - On mount: ONE-SHOT GET /api/interactive/chat/turn-statuses to seed
+ *   the initial snapshot. Replaces the old 2-second polling loop.
+ * - After that: live updates via EventSource on
+ *   /api/interactive/chat/turn-statuses/stream, which emits a
+ *   `turn_status` event for every active session's turn transition.
+ * - Robustness: the browser auto-reconnects EventSource on drops; on
+ *   every successful (re)connect we re-run the snapshot fetch to catch
+ *   any events missed during the downtime.
+ *
+ * No periodic polling. One request per page load plus one SSE
+ * connection per tab.
  */
 export function useAllTurnStatuses() {
-    const { data } = useQuery({
-        queryKey: ['turn-statuses'],
-        queryFn: async () => {
+    const [statuses, setStatuses] = useState({});
+    const mountedRef = useRef(true);
+    const fetchSnapshot = useCallback(async () => {
+        try {
             const res = await fetch('/api/interactive/chat/turn-statuses');
             if (!res.ok)
-                return {};
-            return res.json();
-        },
-        refetchInterval: 2_000,
-    });
-    return data ?? {};
+                return;
+            const data = (await res.json());
+            if (mountedRef.current)
+                setStatuses(data);
+        }
+        catch {
+            // Transient network blip — ignore; the SSE open handler will
+            // retry the snapshot on reconnect.
+        }
+    }, []);
+    useEffect(() => {
+        mountedRef.current = true;
+        // Initial snapshot
+        void fetchSnapshot();
+        // Live updates
+        const es = new EventSource('/api/interactive/chat/turn-statuses/stream');
+        es.addEventListener('turn_status', (event) => {
+            try {
+                const { featureId, turnStatus } = JSON.parse(event.data);
+                if (!featureId || !turnStatus)
+                    return;
+                setStatuses((prev) => {
+                    // Drop idle entries to match the GET endpoint's "non-idle only"
+                    // contract — keeps the map lean and the equality check in
+                    // TurnStatusesProvider cheap.
+                    if (turnStatus === 'idle') {
+                        if (!(featureId in prev))
+                            return prev;
+                        const next = { ...prev };
+                        delete next[featureId];
+                        return next;
+                    }
+                    if (prev[featureId] === turnStatus)
+                        return prev;
+                    return { ...prev, [featureId]: turnStatus };
+                });
+            }
+            catch {
+                // Ignore malformed events
+            }
+        });
+        // Re-sync on every successful (re)connect so any events missed
+        // during a disconnect are recovered. First open is idempotent.
+        es.addEventListener('open', () => {
+            void fetchSnapshot();
+        });
+        es.onerror = () => {
+            // Browser auto-reconnects; the `open` listener refetches on recovery.
+        };
+        return () => {
+            mountedRef.current = false;
+            es.close();
+        };
+    }, [fetchSnapshot]);
+    return statuses;
 }
 /**
  * Marks a feature's chat as read (clears 'unread' → 'idle').

package/dist/src/presentation/web/lib/derive-graph.d.ts

@@ -9,6 +9,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';
 /** A feature node entry stored in the domain Map. */
 export interface FeatureEntry {
     nodeId: string;
@@ -21,6 +22,11 @@ export interface RepoEntry {
     nodeId: string;
     data: RepositoryNodeData;
 }
+/** An application node entry stored in the domain Map. */
+export interface ApplicationEntry {
+    nodeId: string;
+    data: ApplicationNodeData;
+}
 /** Stable callbacks passed by the consumer, injected into derived node data. */
 export interface GraphCallbacks {
     /** Called when the user triggers an action on a feature node (e.g., adds a sub-feature). */
@@ -47,6 +53,10 @@ export interface GraphCallbacks {
     onArchiveFeature?: (featureId: string) => void;
     /** Called when the user unarchives a feature. */
     onUnarchiveFeature?: (featureId: string) => void;
+    /** Called when the user clicks an application node to navigate to its detail page. */
+    onApplicationClick?: (applicationId: string) => void;
+    /** Called when the user deletes an application. */
+    onApplicationDelete?: (applicationId: string) => void;
 }
 /**
  * Derives React Flow nodes and edges from domain Maps.
@@ -57,7 +67,7 @@ export interface GraphCallbacks {
  * - Pending feature nodes (creating state) from pendingMap → same rules, no action callbacks
  * - Callbacks are injected into node data via closures
  */
-export declare function deriveGraph(featureMap: Map<string, FeatureEntry>, repoMap: Map<string, RepoEntry>, pendingMap: Map<string, FeatureEntry>, callbacks?: GraphCallbacks): {
+export declare function deriveGraph(featureMap: Map<string, FeatureEntry>, repoMap: Map<string, RepoEntry>, pendingMap: Map<string, FeatureEntry>, callbacks?: GraphCallbacks, applicationMap?: Map<string, ApplicationEntry>): {
     nodes: CanvasNodeType[];
     edges: Edge[];
 };

package/dist/src/presentation/web/lib/derive-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"derive-graph.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/derive-graph.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,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,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,gFAAgF;AAChF,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qEAAqE;IACrE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,SAAS,CAAC,EAAE,cAAc,GACzB;IAAE,KAAK,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAiL5C"}
+{"version":3,"file":"derive-graph.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/derive-graph.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,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,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,gFAAgF;AAChF,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qEAAqE;IACrE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,OAAO,EACjB,aAAa,CAAC,EAAE,OAAO,EACvB,OAAO,CAAC,EAAE,OAAO,KACd,IAAI,CAAC;IACV,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oDAAoD;IACpD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,mDAAmD;IACnD,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,SAAS,CAAC,EAAE,cAAc,EAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAC7C;IAAE,KAAK,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAqN5C"}

package/dist/src/presentation/web/lib/derive-graph.js

@@ -14,7 +14,7 @@
  * - Pending feature nodes (creating state) from pendingMap → same rules, no action callbacks
  * - Callbacks are injected into node data via closures
  */
-export function deriveGraph(featureMap, repoMap, pendingMap, callbacks) {
+export function deriveGraph(featureMap, repoMap, pendingMap, callbacks, applicationMap) {
     const nodes = [];
     const edges = [];
     // Normalize path separators so Windows backslash paths match forward-slash paths
@@ -158,6 +158,40 @@ export function deriveGraph(featureMap, repoMap, pendingMap, callbacks) {
             });
         }
     }
+    // Add application nodes and derive repo→app edges (matched by repositoryPath).
+    if (applicationMap) {
+        for (const [nodeId, entry] of applicationMap) {
+            const appNodeId = nodeId;
+            const data = {
+                ...entry.data,
+                ...(callbacks?.onApplicationClick && {
+                    onClick: () => callbacks.onApplicationClick(entry.data.id),
+                }),
+                ...(callbacks?.onApplicationDelete && {
+                    onDelete: callbacks.onApplicationDelete,
+                }),
+            };
+            nodes.push({
+                id: appNodeId,
+                type: 'applicationNode',
+                position: { x: 0, y: 0 },
+                data,
+            });
+            // Derive app→repo edge (application on LEFT, repo on RIGHT)
+            if (entry.data.repositoryPath) {
+                const repoPath = entry.data.repositoryPath.replace(/\\/g, '/');
+                const repoNodeId = repoByPath.get(repoPath);
+                if (repoNodeId) {
+                    edges.push({
+                        id: `edge-${appNodeId}-${repoNodeId}`,
+                        source: appNodeId,
+                        target: repoNodeId,
+                        style: { strokeDasharray: '5 5' },
+                    });
+                }
+            }
+        }
+    }
     // Build set of feature node IDs that have children (are dependency edge sources)
     const parentNodeIds = new Set();
     for (const edge of edges) {

package/dist/src/presentation/web/lib/layout-with-dagre.d.ts

@@ -13,7 +13,14 @@ export interface LayoutOptions {
     /** Horizontal separation between nodes in the same rank (default 30) */
     nodesep?: number;
 }
-/** Canonical layout defaults for the control-center canvas. */
+/**
+ * Canonical layout defaults for the control-center canvas.
+ *
+ * `nodesep` is the gap between nodes in the SAME rank (vertical
+ * gap in the LR layout we use). Bumped from 30 → 48 so the taller
+ * application cards (~300px) get obvious breathing room when
+ * stacked — 30px looked cramped enough that cards felt touching.
+ */
 export declare const CANVAS_LAYOUT_DEFAULTS: LayoutOptions;
 /** Returns canvas layout defaults with direction adjusted for text direction. */
 export declare function getCanvasLayoutDefaults(dir?: 'ltr' | 'rtl'): LayoutOptions;

package/dist/src/presentation/web/lib/layout-with-dagre.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-with-dagre.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/layout-with-dagre.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,iEAAiE;IACjE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,EAAE,aAIpC,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,uBAAuB,CAAC,GAAG,GAAE,KAAK,GAAG,KAAa,GAAG,aAAa,CAEjF;AAkCD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,IAAI,EAC5C,KAAK,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,IAAI,EAAE,EACb,IAAI,GAAE,aAAkB,GACvB;IAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAqL/B"}
+{"version":3,"file":"layout-with-dagre.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/layout-with-dagre.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,MAAM,WAAW,aAAa;IAC5B,iEAAiE;IACjE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,aAIpC,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,uBAAuB,CAAC,GAAG,GAAE,KAAK,GAAG,KAAa,GAAG,aAAa,CAEjF;AAmDD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,IAAI,EAC5C,KAAK,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,IAAI,EAAE,EACb,IAAI,GAAE,aAAkB,GACvB;IAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAqL/B"}

package/dist/src/presentation/web/lib/layout-with-dagre.js

@@ -1,18 +1,42 @@
 import dagre from '@dagrejs/dagre';
-/** Canonical layout defaults for the control-center canvas. */
+/**
+ * Canonical layout defaults for the control-center canvas.
+ *
+ * `nodesep` is the gap between nodes in the SAME rank (vertical
+ * gap in the LR layout we use). Bumped from 30 → 48 so the taller
+ * application cards (~300px) get obvious breathing room when
+ * stacked — 30px looked cramped enough that cards felt touching.
+ */
 export const CANVAS_LAYOUT_DEFAULTS = {
     direction: 'LR',
     ranksep: 200,
-    nodesep: 30,
+    nodesep: 48,
 };
 /** Returns canvas layout defaults with direction adjusted for text direction. */
 export function getCanvasLayoutDefaults(dir = 'ltr') {
     return { ...CANVAS_LAYOUT_DEFAULTS, direction: dir === 'rtl' ? 'RL' : 'LR' };
 }
-/** Known node-type dimensions for the canvas node types */
+/**
+ * Known node-type dimensions for the canvas node types.
+ *
+ * `applicationNode` dimensions MUST track the real rendered card
+ * height — dagre uses them to compute rank/node spacing, and if
+ * they're understated the cards overlap on screen. Current card:
+ *   - header        py-4 (16+16) + 32px content           ≈ 64px
+ *   - preview       py-4 top + 180px slot + pb-4 bottom   ≈ 196px
+ *   - footer        pb-4 + 16px text                      ≈ 32px
+ *   - border                                                 2px
+ *   ─────────────────────────────────────────────────────────────
+ *   Total                                                  ≈ 294px
+ *
+ * Rounded up to 300 with a bit of headroom for shadow and selected
+ * border animation. Bump this alongside PREVIEW_HEIGHT_PX in
+ * `application-node.tsx` whenever the card changes size.
+ */
 const NODE_DIMENSIONS = {
     featureNode: { width: 388, height: 140 },
     repositoryNode: { width: 400, height: 140 },
+    applicationNode: { width: 416, height: 300 },
 };
 function getNodeSize(node, defaultSize) {
     // Prefer per-node size from data, then type-based lookup, then default

package/dist/src/presentation/web/next.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAiDvC,QAAA,MAAM,UAAU,EAAE,UAkCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAiDvC,QAAA,MAAM,UAAU,EAAE,UAmCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/presentation/web/next.config.js

@@ -57,6 +57,7 @@ const nextConfig = {
         'tsyringe',
         'reflect-metadata',
         'better-sqlite3',
+        'node-pty',
         'node:os',
         'node:child_process',
         'node:fs',

package/dist/translations/ar/web.json

@@ -409,7 +409,8 @@
     "newFeature": "ميزة جديدة",
     "localFolder": "مجلد محلي",
     "adoptBranch": "تبني فرع",
-    "fromGithub": "من GitHub"
+    "fromGithub": "من GitHub",
+    "newApplication": "تطبيق جديد"
   },
   "chat": {
     "shepChat": "محادثة Shep",

package/dist/translations/de/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Neues Feature",
     "localFolder": "Lokaler Ordner",
     "adoptBranch": "Branch übernehmen",
-    "fromGithub": "Von GitHub"
+    "fromGithub": "Von GitHub",
+    "newApplication": "Neue Anwendung"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/en/web.json

@@ -409,7 +409,8 @@
     "newFeature": "New Feature",
     "localFolder": "Local Folder",
     "adoptBranch": "Adopt Branch",
-    "fromGithub": "From GitHub"
+    "fromGithub": "From GitHub",
+    "newApplication": "New Application"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/es/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Nueva función",
     "localFolder": "Carpeta local",
     "adoptBranch": "Adoptar rama",
-    "fromGithub": "Desde GitHub"
+    "fromGithub": "Desde GitHub",
+    "newApplication": "Nueva Aplicación"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/fr/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Nouvelle fonctionnalité",
     "localFolder": "Dossier local",
     "adoptBranch": "Adopter une branche",
-    "fromGithub": "Depuis GitHub"
+    "fromGithub": "Depuis GitHub",
+    "newApplication": "Nouvelle application"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/he/web.json

@@ -409,7 +409,8 @@
     "newFeature": "פיצ'ר חדש",
     "localFolder": "תיקייה מקומית",
     "adoptBranch": "אימוץ ענף",
-    "fromGithub": "מ-GitHub"
+    "fromGithub": "מ-GitHub",
+    "newApplication": "אפליקציה חדשה"
   },
   "chat": {
     "shepChat": "צ'אט Shep",

package/dist/translations/pt/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Nova funcionalidade",
     "localFolder": "Pasta local",
     "adoptBranch": "Adotar branch",
-    "fromGithub": "Do GitHub"
+    "fromGithub": "Do GitHub",
+    "newApplication": "Nova Aplicação"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/ru/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Новая функция",
     "localFolder": "Локальная папка",
     "adoptBranch": "Принять ветку",
-    "fromGithub": "Из GitHub"
+    "fromGithub": "Из GitHub",
+    "newApplication": "Новое приложение"
   },
   "chat": {
     "shepChat": "Shep Чат",

package/dist/translations/uk/web.json

@@ -409,7 +409,8 @@
     "newFeature": "Нова функція",
     "localFolder": "Локальна папка",
     "adoptBranch": "Прийняти гілку",
-    "fromGithub": "З GitHub"
+    "fromGithub": "З GitHub",
+    "newApplication": "Новий застосунок"
   },
   "chat": {
     "shepChat": "Shep Чат",