@shepai/cli 1.182.1 → 1.183.0

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

@@ -381,7 +381,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
                 setPendingDeleteWorkspaceId(id);
                 setDeleteWorkspaceOpen(true);
             }, onManage: () => setManageWorkspaceOpen(true) }) }));
-    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? workspaceFilteredEdges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: emptyStateNode }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null, _jsx(NewProjectDialog, { open: workspaceNewProjectOpen, onOpenChange: setWorkspaceNewProjectOpen, onCreated: (path) => addRepoAndFocus(path) }), _jsx(ManageWorkspaceDialog, { open: manageWorkspaceOpen, onOpenChange: setManageWorkspaceOpen, workspace: activeWorkspace, allNodes: nodes, onSave: (members) => setWorkspaceMembers(activeWorkspace.id, members) }), _jsx(WorkspaceNameDialog, { open: createWorkspaceOpen, onOpenChange: setCreateWorkspaceOpen, title: "New workspace", description: "Create a workspace to filter the canvas to a specific set of repositories and features.", confirmLabel: "Create", onConfirm: (name) => {
+    return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? workspaceFilteredEdges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, showToolbarOnEmpty: workspaceFilteredEmpty, emptyState: emptyStateNode }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null, _jsx(NewProjectDialog, { open: workspaceNewProjectOpen, onOpenChange: setWorkspaceNewProjectOpen, onCreated: (path) => addRepoAndFocus(path) }), _jsx(ManageWorkspaceDialog, { open: manageWorkspaceOpen, onOpenChange: setManageWorkspaceOpen, workspace: activeWorkspace, allNodes: nodes, onSave: (members) => setWorkspaceMembers(activeWorkspace.id, members) }), _jsx(WorkspaceNameDialog, { open: createWorkspaceOpen, onOpenChange: setCreateWorkspaceOpen, title: "New workspace", description: "Create a workspace to filter the canvas to a specific set of repositories and features.", confirmLabel: "Create", onConfirm: (name) => {
                     createWorkspace(name);
                     setManageWorkspaceOpen(true);
                 } }), _jsx(WorkspaceNameDialog, { open: renameWorkspaceOpen, onOpenChange: setRenameWorkspaceOpen, title: "Rename workspace", initialValue: activeWorkspace.name, confirmLabel: "Rename", onConfirm: (name) => renameWorkspace(activeWorkspace.id, name) }), _jsx(AlertDialog, { open: deleteWorkspaceOpen, onOpenChange: (open) => {
@@ -398,7 +398,8 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
                         setShowCreatePrompt(false);
                         addRepoAndFocus(path);
                     }, onApplicationCreated: (appId) => {
-                        setShowCreatePrompt(false);
+                        // Navigate first — keep overlay mounted to avoid canvas flash.
+                        // The overlay unmounts when the route changes.
                         router.push(`/application/${appId}`);
                     }, onClose: () => setShowCreatePrompt(false), className: "bg-background" }) })) : null] }));
 }

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

@@ -20,7 +20,9 @@ export interface FeaturesCanvasProps {
     onCanvasDrag?: () => void;
     onMoveEnd?: OnMoveEnd;
     toolbar?: React.ReactNode;
+    /** Show the toolbar even when the canvas is empty (e.g. empty workspace). Defaults to true. */
+    showToolbarOnEmpty?: boolean;
     emptyState?: React.ReactNode;
 }
-export declare function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedRepository, defaultViewport, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, onMoveEnd, toolbar, emptyState, }: FeaturesCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedRepository, defaultViewport, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, onMoveEnd, toolbar, showToolbarOnEmpty, emptyState, }: FeaturesCanvasProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=features-canvas.d.ts.map

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;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"}
+{"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,+FAA+F;IAC/F,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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,kBAAyB,EACzB,UAAU,GACX,EAAE,mBAAmB,2CAiJrB"}

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

@@ -12,7 +12,7 @@ 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, }) {
+export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedRepository, defaultViewport, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, onMoveEnd, toolbar, showToolbarOnEmpty = true, emptyState, }) {
     const { t } = useTranslation('web');
     const nodeTypes = useMemo(() => ({
         featureNode: FeatureNode,
@@ -73,5 +73,5 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedReposi
     }, [isEmpty]);
     const fallbackEmptyState = isEmpty && !emptyState ? (_jsx(EmptyState, { title: t('canvas.noFeatures'), description: t('canvas.noFeaturesDescription'), action: _jsxs(Button, { onClick: onAddFeature, children: [_jsx(Plus, { className: "me-2 h-4 w-4" }), t('canvas.newFeature')] }) })) : null;
     const overlayContent = emptyState ?? fallbackEmptyState;
-    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, className: "dark:bg-background pointer-events-auto relative h-full w-full bg-[#f6f7f8]", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), toolbar && !isEmpty ? (_jsx(Panel, { position: "top-right", className: "!me-3 !mt-3", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null, toolbar && isEmpty ? (_jsx("div", { className: "pointer-events-auto absolute end-3 top-3 z-20", children: toolbar })) : null] }));
+    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, className: "dark:bg-background pointer-events-auto relative h-full w-full bg-[#f6f7f8]", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), toolbar && !isEmpty ? (_jsx(Panel, { position: "top-right", className: "!me-3 !mt-3", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null, toolbar && isEmpty && showToolbarOnEmpty ? (_jsx("div", { className: "pointer-events-auto absolute end-3 top-3 z-20", children: toolbar })) : null] }));
 }

package/dist/src/presentation/web/components/features/settings/language-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/language-settings-section.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EAAE,eAAe,GAC1B,EAAE,4BAA4B,2CA4E9B"}
+{"version":3,"file":"language-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/language-settings-section.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EAAE,eAAe,GAC1B,EAAE,4BAA4B,2CA4E9B"}

package/dist/src/presentation/web/components/features/settings/language-settings-section.js

@@ -11,6 +11,7 @@ import { updateSettingsAction } from '../../../app/actions/update-settings.js';
 import { Language } from '../../../../../../packages/core/src/domain/generated/output.js';
 const LANGUAGE_OPTIONS = [
     { value: Language.English, label: 'English', nativeName: 'English' },
+    { value: Language.Ukrainian, label: 'Українська', nativeName: 'Українська' },
     { value: Language.Russian, label: 'Русский', nativeName: 'Русский' },
     { value: Language.Portuguese, label: 'Português', nativeName: 'Português' },
     { value: Language.Spanish, label: 'Español', nativeName: 'Español' },

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Ukrainian: Story;
 export declare const Russian: Story;
 export declare const Arabic: Story;
 export declare const Hebrew: Story;

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/language-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}
+{"version":3,"file":"language-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/language-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/src/presentation/web/components/features/settings/language-settings-section.stories.js

@@ -14,6 +14,11 @@ export const Default = {
         language: Language.English,
     },
 };
+export const Ukrainian = {
+    args: {
+        language: Language.Ukrainian,
+    },
+};
 export const Russian = {
     args: {
         language: Language.Russian,

package/dist/src/presentation/web/components/features/settings/settings-page-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA8B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CAw5CzB"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EACV,QAAQ,EAKT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA8B/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AA+QD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,kBAAkB,GACnB,EAAE,uBAAuB,2CAs7CzB"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -12,7 +12,17 @@ import { updateSettingsAction } from '../../../app/actions/update-settings.js';
 import { EditorType, Language, TerminalType, } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { getEditorTypeIcon } from '../../common/editor-type-icons.js';
 import { AgentModelPicker } from '../../features/settings/AgentModelPicker/index.js';
-import { LanguageSettingsSection } from '../../features/settings/language-settings-section.js';
+const LANGUAGE_OPTIONS = [
+    { value: Language.English, nativeName: 'English' },
+    { value: Language.Ukrainian, nativeName: 'Українська' },
+    { value: Language.Russian, nativeName: 'Русский' },
+    { value: Language.Portuguese, nativeName: 'Português' },
+    { value: Language.Spanish, nativeName: 'Español' },
+    { value: Language.Arabic, nativeName: 'العربية' },
+    { value: Language.Hebrew, nativeName: 'עברית' },
+    { value: Language.French, nativeName: 'Français' },
+    { value: Language.German, nativeName: 'Deutsch' },
+];
 import { TimeoutSlider } from '../../features/settings/timeout-slider.js';
 const EDITOR_OPTIONS = [
     { value: EditorType.VsCode, label: 'VS Code' },
@@ -121,7 +131,7 @@ function SectionHint({ children, links, }) {
 }
 /* ── Main component ── */
 export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTerminals, }) {
-    const { t } = useTranslation('web');
+    const { t, i18n: i18nInstance } = useTranslation('web');
     const { showSaving, showSaved, save } = useSaveIndicator();
     const featureFlags = settings.featureFlags ?? {
         skills: false,
@@ -133,6 +143,16 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
         reactFileManager: false,
         inventory: false,
     };
+    // Language state
+    const [language, setLanguage] = useState(settings.user?.preferredLanguage ?? Language.English);
+    function handleLanguageChange(value) {
+        setLanguage(value);
+        i18nInstance.changeLanguage(value);
+        const dir = value === 'ar' || value === 'he' ? 'rtl' : 'ltr';
+        document.documentElement.lang = value;
+        document.documentElement.dir = dir;
+        save({ user: { preferredLanguage: value } });
+    }
     // Agent state
     const [agentType, setAgentType] = useState(settings.agent.type);
     // Environment state
@@ -332,7 +352,7 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                 return (_jsxs("button", { type: "button", onClick: () => scrollToSection(s.id), className: cn('flex cursor-pointer items-center gap-1 rounded-md px-1.5 py-1 text-[11px] transition-all', isActive
                                         ? 'bg-accent text-foreground font-medium'
                                         : 'text-muted-foreground/60 hover:text-foreground hover:bg-accent/50'), children: [_jsx(SectionIcon, { className: "h-3 w-3" }), _jsx("span", { className: "hidden sm:inline", children: t(s.labelKey) })] }, s.id));
-                            }) })] }) }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { id: "section-language", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: _jsx(LanguageSettingsSection, { language: settings.user?.preferredLanguage ?? Language.English }) }), _jsxs("div", { id: "section-agent", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsx(SettingsSection, { icon: Bot, title: t('settings.agent.sectionTitle'), description: t('settings.agent.sectionDescription'), testId: "agent-settings-section", children: _jsx(SettingsRow, { label: t('settings.agent.agentAndModel'), description: t('settings.agent.agentAndModelDescription'), htmlFor: "agent-model-picker", children: _jsx(AgentModelPicker, { initialAgentType: agentType, initialModel: settings.models.default, mode: "settings", onAgentModelChange: (newAgent) => setAgentType(newAgent), className: "w-55" }) }) }), _jsx(SectionHint, { links: [
+                            }) })] }) }), _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { id: "section-language", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: _jsx(SettingsSection, { icon: Globe, title: t('settings.language.title'), description: t('settings.language.description'), testId: "language-settings-section", children: _jsx(SettingsRow, { label: t('settings.language.label'), htmlFor: "display-language", children: _jsxs(Select, { value: language, onValueChange: handleLanguageChange, children: [_jsx(SelectTrigger, { id: "display-language", "data-testid": "language-select", className: "w-44", children: _jsx(SelectValue, { placeholder: t('settings.language.placeholder') }) }), _jsx(SelectContent, { children: LANGUAGE_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.nativeName }, opt.value))) })] }) }) }) }), _jsxs("div", { id: "section-agent", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsx(SettingsSection, { icon: Bot, title: t('settings.agent.sectionTitle'), description: t('settings.agent.sectionDescription'), testId: "agent-settings-section", children: _jsx(SettingsRow, { label: t('settings.agent.agentAndModel'), description: t('settings.agent.agentAndModelDescription'), htmlFor: "agent-model-picker", children: _jsx(AgentModelPicker, { initialAgentType: agentType, initialModel: settings.models.default, mode: "settings", onAgentModelChange: (newAgent) => setAgentType(newAgent), className: "w-55" }) }) }), _jsx(SectionHint, { links: [
                                     {
                                         label: t('settings.agent.links.agentSystem'),
                                         href: 'https://github.com/shep-ai/shep/blob/main/docs/architecture/agent-system.md',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAkRjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAwRjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { usePathname } from 'next/navigation';
-import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Settings, TableProperties, } from 'lucide-react';
+import { Home, LayoutGrid, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Settings, TableProperties, } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
@@ -64,7 +64,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, onAddFeatur
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), featureFlags.inventory ? (_jsx(SidebarNavItem, { icon: TableProperties, label: t('navigation.inventory'), href: "/features", active: pathname === '/features' })) : null, _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: t('navigation.controlCenter'), href: "/", active: pathname === '/' }), featureFlags.inventory ? (_jsx(SidebarNavItem, { icon: TableProperties, label: t('navigation.inventory'), href: "/features", active: pathname === '/features' })) : null, _jsx(SidebarNavItem, { icon: LayoutGrid, label: t('navigation.applications'), href: "/applications", active: pathname === '/applications' }), _jsx(SidebarNavItem, { icon: Wrench, label: t('navigation.tools'), href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: t('navigation.skills'), href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: t('navigation.settings'), href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'flex min-h-0 flex-1 flex-col overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

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

@@ -0,0 +1,23 @@
+/**
+ * Shared status derivation for application cards, canvas nodes, and
+ * the application page status pill.
+ *
+ * Priority (highest wins):
+ *
+ *   - `processing`      → "In Progress"     (agent actively running a turn)
+ *   - `awaiting_input`  → "Action Required"  (agent blocked on user input)
+ *   - effectiveStatus   → from use case (interrupted/failed/running)
+ *   - deployment live   → "Live"             (dev server running)
+ *   - persisted Error   → "Error"
+ *   - otherwise         → "Ready"            (idle, no issues)
+ */
+export interface AppLiveStatus {
+    label: string;
+    dotClass: string;
+    borderClass: string;
+    pulse: boolean;
+    /** Whether the preview/deploy action should be disabled in this state. */
+    previewDisabled: boolean;
+}
+export declare function deriveAppLiveStatus(persistedStatus: string, turnStatus: string, hasDeployment: boolean, effectiveStatus?: string): AppLiveStatus;
+//# sourceMappingURL=derive-app-status.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"derive-app-status.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/derive-app-status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,mBAAmB,CACjC,eAAe,EAAE,MAAM,EACvB,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,OAAO,EACtB,eAAe,CAAC,EAAE,MAAM,GACvB,aAAa,CA+Ef"}

package/dist/src/presentation/web/lib/derive-app-status.js

@@ -0,0 +1,89 @@
+/**
+ * Shared status derivation for application cards, canvas nodes, and
+ * the application page status pill.
+ *
+ * Priority (highest wins):
+ *
+ *   - `processing`      → "In Progress"     (agent actively running a turn)
+ *   - `awaiting_input`  → "Action Required"  (agent blocked on user input)
+ *   - effectiveStatus   → from use case (interrupted/failed/running)
+ *   - deployment live   → "Live"             (dev server running)
+ *   - persisted Error   → "Error"
+ *   - otherwise         → "Ready"            (idle, no issues)
+ */
+export function deriveAppLiveStatus(persistedStatus, turnStatus, hasDeployment, effectiveStatus) {
+    // Live turn status takes highest priority (real-time SSE)
+    if (turnStatus === 'processing') {
+        return {
+            label: 'In Progress',
+            dotClass: 'bg-violet-500',
+            borderClass: '',
+            pulse: true,
+            previewDisabled: true,
+        };
+    }
+    if (turnStatus === 'awaiting_input') {
+        return {
+            label: 'Action Required',
+            dotClass: 'bg-amber-500',
+            borderClass: 'border-amber-500/60',
+            pulse: true,
+            previewDisabled: true,
+        };
+    }
+    // Use case-computed effective status (from workflow steps)
+    if (effectiveStatus === 'interrupted') {
+        return {
+            label: 'Interrupted',
+            dotClass: 'bg-amber-500',
+            borderClass: 'border-amber-500/60',
+            pulse: false,
+            previewDisabled: true,
+        };
+    }
+    if (effectiveStatus === 'failed') {
+        return {
+            label: 'Failed',
+            dotClass: 'bg-red-500',
+            borderClass: 'border-red-500/60',
+            pulse: false,
+            previewDisabled: true,
+        };
+    }
+    if (effectiveStatus === 'building') {
+        return {
+            label: 'In Progress',
+            dotClass: 'bg-violet-500',
+            borderClass: '',
+            pulse: true,
+            previewDisabled: true,
+        };
+    }
+    // Deployment state
+    if (hasDeployment) {
+        return {
+            label: 'Live',
+            dotClass: 'bg-emerald-500',
+            borderClass: '',
+            pulse: true,
+            previewDisabled: false,
+        };
+    }
+    // Persisted entity status
+    if (persistedStatus === 'Error') {
+        return {
+            label: 'Error',
+            dotClass: 'bg-red-500',
+            borderClass: 'border-red-500/60',
+            pulse: false,
+            previewDisabled: true,
+        };
+    }
+    return {
+        label: 'Ready',
+        dotClass: 'bg-sky-500',
+        borderClass: '',
+        pulse: false,
+        previewDisabled: false,
+    };
+}

package/dist/src/presentation/web/lib/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAgB,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAqB7C,QAAA,MAAM,iBAAiB,OAAO,CAAC;AAC/B,QAAA,MAAM,UAAU,4BAA6B,CAAC;AAqC9C,sCAAsC;AACtC,QAAA,MAAM,OAAO,EAAE,IAA2B,CAAC;AAE3C,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/i18n.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAgB,EAAE,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB7C,QAAA,MAAM,iBAAiB,OAAO,CAAC;AAC/B,QAAA,MAAM,UAAU,4BAA6B,CAAC;AAsC9C,sCAAsC;AACtC,QAAA,MAAM,OAAO,EAAE,IAA2B,CAAC;AAE3C,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/presentation/web/lib/i18n.js

@@ -10,6 +10,8 @@ import { initReactI18next } from 'react-i18next';
 // Import all language translations inline
 import commonEn from '../../../../translations/en/common.json';
 import webEn from '../../../../translations/en/web.json';
+import commonUk from '../../../../translations/uk/common.json';
+import webUk from '../../../../translations/uk/web.json';
 import commonRu from '../../../../translations/ru/common.json';
 import webRu from '../../../../translations/ru/web.json';
 import commonPt from '../../../../translations/pt/common.json';
@@ -41,6 +43,7 @@ function createI18nInstance() {
         ns: [...NAMESPACES],
         resources: {
             en: { common: commonEn, web: webEn },
+            uk: { common: commonUk, web: webUk },
             ru: { common: commonRu, web: webRu },
             pt: { common: commonPt, web: webPt },
             es: { common: commonEs, web: webEs },

package/dist/translations/ar/web.json

@@ -247,7 +247,8 @@
     "settings": "الإعدادات",
     "sessions": "الجلسات",
     "tools": "الأدوات",
-    "skills": "المهارات"
+    "skills": "المهارات",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "الميزات",

package/dist/translations/de/web.json

@@ -247,7 +247,8 @@
     "settings": "Einstellungen",
     "sessions": "Sitzungen",
     "tools": "Tools",
-    "skills": "Skills"
+    "skills": "Skills",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Features",

package/dist/translations/en/web.json

@@ -247,7 +247,8 @@
     "settings": "Settings",
     "sessions": "Sessions",
     "tools": "Tools",
-    "skills": "Skills"
+    "skills": "Skills",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Features",

package/dist/translations/es/web.json

@@ -247,7 +247,8 @@
     "settings": "Configuración",
     "sessions": "Sesiones",
     "tools": "Herramientas",
-    "skills": "Habilidades"
+    "skills": "Habilidades",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Funcionalidades",

package/dist/translations/fr/web.json

@@ -247,7 +247,8 @@
     "settings": "Paramètres",
     "sessions": "Sessions",
     "tools": "Outils",
-    "skills": "Compétences"
+    "skills": "Compétences",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Fonctionnalités",

package/dist/translations/he/web.json

@@ -247,7 +247,8 @@
     "settings": "הגדרות",
     "sessions": "סשנים",
     "tools": "כלים",
-    "skills": "כישורים"
+    "skills": "כישורים",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "פיצ'רים",

package/dist/translations/pt/web.json

@@ -247,7 +247,8 @@
     "settings": "Configurações",
     "sessions": "Sessões",
     "tools": "Ferramentas",
-    "skills": "Skills"
+    "skills": "Skills",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Recursos",

package/dist/translations/ru/web.json

@@ -247,7 +247,8 @@
     "settings": "Настройки",
     "sessions": "Сессии",
     "tools": "Инструменты",
-    "skills": "Навыки"
+    "skills": "Навыки",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Функции",

package/dist/translations/uk/web.json

@@ -247,7 +247,8 @@
     "settings": "Налаштування",
     "sessions": "Сесії",
     "tools": "Інструменти",
-    "skills": "Навички"
+    "skills": "Навички",
+    "applications": "Applications"
   },
   "sidebar": {
     "features": "Функції",