@shepai/cli 1.175.0 → 1.175.1-pr536.17338e9

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[];
@@ -22,7 +23,10 @@ export interface ControlCenterState {
     handleStopFeature: (featureId: string) => void;
     handleUnarchiveFeature: (featureId: string) => void;
     handleDeleteRepository: (repositoryId: string) => 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;AAkBjC,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,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,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,CAilBpB"}
+{"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;AAmBxG,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,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,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,CA8mBpB"}

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 { useSoundAction } from '../../../hooks/use-sound-action.js';
@@ -29,7 +30,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);
@@ -440,6 +441,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.
@@ -510,7 +532,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/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":"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,2CAkPlF"}
+{"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,7 +1,7 @@
 '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';
@@ -95,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' && (_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,2CA0IrB"}
+{"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,2CA2IrB"}

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/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,

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). */
@@ -45,6 +51,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.
@@ -55,7 +65,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,KAAK,IAAI,CAAC;IACpD,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,KAAK,IAAI,CAAC;IACpD,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.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,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,EAAE,aAIpC,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,uBAAuB,CAAC,GAAG,GAAE,KAAK,GAAG,KAAa,GAAG,aAAa,CAEjF;AAmCD;;;;;;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

@@ -13,6 +13,7 @@ export function getCanvasLayoutDefaults(dir = 'ltr') {
 const NODE_DIMENSIONS = {
     featureNode: { width: 388, height: 140 },
     repositoryNode: { width: 400, height: 140 },
+    applicationNode: { width: 416, height: 220 },
 };
 function getNodeSize(node, defaultSize) {
     // Prefer per-node size from data, then type-based lookup, then default

package/dist/translations/ar/web.json

@@ -406,7 +406,12 @@
     "newFeature": "ميزة جديدة",
     "localFolder": "مجلد محلي",
     "adoptBranch": "تبني فرع",
-    "fromGithub": "من GitHub"
+    "fromGithub": "من GitHub",
+    "newApplication": "تطبيق جديد",
+    "newApplicationDescription": "صف التطبيق الذي تريد بناءه وسيقوم Shep بإعداده لك.",
+    "newApplicationPlaceholder": "صف ما تريد بناءه...",
+    "creating": "جارٍ الإنشاء...",
+    "create": "إنشاء"
   },
   "chat": {
     "shepChat": "محادثة Shep",

package/dist/translations/de/web.json

@@ -406,7 +406,12 @@
     "newFeature": "Neues Feature",
     "localFolder": "Lokaler Ordner",
     "adoptBranch": "Branch übernehmen",
-    "fromGithub": "Von GitHub"
+    "fromGithub": "Von GitHub",
+    "newApplication": "Neue Anwendung",
+    "newApplicationDescription": "Beschreiben Sie die Anwendung, die Sie erstellen möchten, und Shep richtet sie für Sie ein.",
+    "newApplicationPlaceholder": "Beschreiben Sie, was Sie erstellen möchten...",
+    "creating": "Wird erstellt...",
+    "create": "Erstellen"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/en/web.json

@@ -406,7 +406,12 @@
     "newFeature": "New Feature",
     "localFolder": "Local Folder",
     "adoptBranch": "Adopt Branch",
-    "fromGithub": "From GitHub"
+    "fromGithub": "From GitHub",
+    "newApplication": "New Application",
+    "newApplicationDescription": "Describe the application you want to build and Shep will set it up for you.",
+    "newApplicationPlaceholder": "Describe what you want to build...",
+    "creating": "Creating...",
+    "create": "Create"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/es/web.json

@@ -406,7 +406,12 @@
     "newFeature": "Nueva función",
     "localFolder": "Carpeta local",
     "adoptBranch": "Adoptar rama",
-    "fromGithub": "Desde GitHub"
+    "fromGithub": "Desde GitHub",
+    "newApplication": "Nueva Aplicación",
+    "newApplicationDescription": "Describe la aplicación que quieres construir y Shep la configurará por ti.",
+    "newApplicationPlaceholder": "Describe lo que quieres construir...",
+    "creating": "Creando...",
+    "create": "Crear"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/fr/web.json

@@ -406,7 +406,12 @@
     "newFeature": "Nouvelle fonctionnalité",
     "localFolder": "Dossier local",
     "adoptBranch": "Adopter une branche",
-    "fromGithub": "Depuis GitHub"
+    "fromGithub": "Depuis GitHub",
+    "newApplication": "Nouvelle application",
+    "newApplicationDescription": "Décrivez l'application que vous souhaitez créer et Shep la configurera pour vous.",
+    "newApplicationPlaceholder": "Décrivez ce que vous voulez construire...",
+    "creating": "Création...",
+    "create": "Créer"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/he/web.json

@@ -406,7 +406,12 @@
     "newFeature": "פיצ'ר חדש",
     "localFolder": "תיקייה מקומית",
     "adoptBranch": "אימוץ ענף",
-    "fromGithub": "מ-GitHub"
+    "fromGithub": "מ-GitHub",
+    "newApplication": "אפליקציה חדשה",
+    "newApplicationDescription": "תאר את האפליקציה שאתה רוצה לבנות ו-Shep יגדיר אותה עבורך.",
+    "newApplicationPlaceholder": "תאר מה אתה רוצה לבנות...",
+    "creating": "יוצר...",
+    "create": "יצירה"
   },
   "chat": {
     "shepChat": "צ'אט Shep",

package/dist/translations/pt/web.json

@@ -406,7 +406,12 @@
     "newFeature": "Nova funcionalidade",
     "localFolder": "Pasta local",
     "adoptBranch": "Adotar branch",
-    "fromGithub": "Do GitHub"
+    "fromGithub": "Do GitHub",
+    "newApplication": "Nova Aplicação",
+    "newApplicationDescription": "Descreva a aplicação que deseja construir e o Shep irá configurá-la para você.",
+    "newApplicationPlaceholder": "Descreva o que você quer construir...",
+    "creating": "Criando...",
+    "create": "Criar"
   },
   "chat": {
     "shepChat": "Shep Chat",

package/dist/translations/ru/web.json

@@ -406,7 +406,12 @@
     "newFeature": "Новая функция",
     "localFolder": "Локальная папка",
     "adoptBranch": "Принять ветку",
-    "fromGithub": "Из GitHub"
+    "fromGithub": "Из GitHub",
+    "newApplication": "Новое приложение",
+    "newApplicationDescription": "Опишите приложение, которое вы хотите создать, и Shep настроит его для вас.",
+    "newApplicationPlaceholder": "Опишите, что вы хотите создать...",
+    "creating": "Создание...",
+    "create": "Создать"
   },
   "chat": {
     "shepChat": "Shep Чат",