@shepai/cli 1.162.0 → 1.163.0-pr499.0ce2086

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

@@ -16,6 +16,7 @@ import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { useViewportPersistence } from '../../../hooks/use-viewport-persistence.js';
 import { useSidebar } from '../../ui/sidebar.js';
+import { useFabLayout } from '../../../hooks/fab-layout-context.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
 const AUTO_FOCUS_OPTIONS = {
@@ -353,11 +354,24 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     const canvasToolbar = (_jsx(CanvasToolbar, { showArchived: showArchived, onToggleArchived: () => setShowArchived(!showArchived), onResetViewport: resetViewport }));
     return (_jsxs(_Fragment, { children: [_jsx(FeaturesCanvas, { nodes: showCanvas ? displayNodes : [], edges: showCanvas ? edges : [], selectedFeatureId: selectedFeatureId, selectedRepository: selectedRepository, defaultViewport: defaultViewport, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeClick: handleNodeClick, onPaneClick: handleClearDrawers, onMoveEnd: handleMoveEnd, toolbar: canvasToolbar, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: addRepoAndFocus }) }), showCanvas ? _jsx(CreateFab, { actions: fabActions }) : null] }));
 }
-/** (+) FAB that tracks sidebar width via CSS var + transition. */
+/** (+) FAB that tracks sidebar width via CSS var + transition.
+ *  When fabLayout.swapPosition is true, moves to the end side (right in LTR). */
 function CreateFab({ actions }) {
     const { state } = useSidebar();
     const { i18n } = useTranslation('web');
+    const { swapPosition } = useFabLayout();
     const isRtl = i18n.dir() === 'rtl';
+    // Default: start side (left in LTR), tracking sidebar width
+    // Swapped: end side (right in LTR), fixed 32px from edge
+    if (swapPosition) {
+        const positionStyle = isRtl
+            ? {
+                left: 'calc(var(--sidebar-width-icon) + 32px)',
+                transition: 'left 200ms ease-in-out',
+            }
+            : { right: '32px', transition: 'right 200ms ease-in-out' };
+        return (_jsx(FloatingActionButton, { actions: actions, className: "!fixed bottom-6", style: positionStyle }));
+    }
     // Sidebar expanded = var(--sidebar-width) = 16rem, collapsed = var(--sidebar-width-icon) = 3rem
     // Position just outside the sidebar edge with 16px gap
     const offset = state === 'expanded'

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":"AA2CA,OAAO,KAAK,EACV,QAAQ,EAIT,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AA6B/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,2CAm1CzB"}
+{"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,2CAi3CzB"}

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
-import { Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Globe, Minus, Plus, ExternalLink, Settings2, Timer, MessageSquare, } from 'lucide-react';
+import { Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Globe, Minus, Plus, ExternalLink, Settings2, Timer, MessageSquare, LayoutGrid, } from 'lucide-react';
 import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import { cn } from '../../../lib/utils.js';
@@ -36,6 +36,7 @@ const SECTIONS = [
     { id: 'notifications', labelKey: 'settings.sections.notifications', icon: Bell },
     { id: 'feature-flags', labelKey: 'settings.sections.flags', icon: Flag },
     { id: 'interactive-agent', labelKey: 'settings.sections.chat', icon: MessageSquare },
+    { id: 'fab-layout', labelKey: 'settings.sections.layout', icon: LayoutGrid },
     { id: 'database', labelKey: 'settings.sections.database', icon: Database },
 ];
 function useSaveIndicator() {
@@ -190,6 +191,9 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
     const [interactiveEnabled, setInteractiveEnabled] = useState(interactiveAgentConfig.enabled);
     const [interactiveTimeout, setInteractiveTimeout] = useState(String(interactiveAgentConfig.autoTimeoutMinutes));
     const [interactiveSessions, setInteractiveSessions] = useState(String(interactiveAgentConfig.maxConcurrentSessions));
+    // FAB layout state
+    const fabLayoutConfig = settings.fabLayout ?? { swapPosition: false };
+    const [fabSwapPosition, setFabSwapPosition] = useState(fabLayoutConfig.swapPosition);
     // Notification state
     const [inApp, setInApp] = useState(settings.notifications.inApp.enabled);
     const [events, setEvents] = useState({ ...settings.notifications.events });
@@ -588,7 +592,10 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                                         maxConcurrentSessions: clamped,
                                                     },
                                                 });
-                                            } }) })] }), _jsx(SectionHint, { children: t('settings.interactiveAgent.hint') })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: t('settings.database.title'), description: t('settings.database.sectionDescription'), testId: "database-settings-section", children: [_jsx(SettingsRow, { label: t('settings.database.location'), description: t('settings.database.locationDescription'), children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: t('settings.database.size'), children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
+                                            } }) })] }), _jsx(SectionHint, { children: t('settings.interactiveAgent.hint') })] }), _jsxs("div", { id: "section-fab-layout", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsx(SettingsSection, { icon: LayoutGrid, title: t('settings.fabLayout.title'), description: t('settings.fabLayout.description'), testId: "fab-layout-settings-section", children: _jsx(SwitchRow, { label: t('settings.fabLayout.swapPosition'), description: t('settings.fabLayout.swapPositionDescription'), id: "fab-swap-position", testId: "switch-fab-swap-position", checked: fabSwapPosition, onChange: (v) => {
+                                        setFabSwapPosition(v);
+                                        save({ fabLayout: { swapPosition: v } });
+                                    } }) }), _jsx(SectionHint, { children: t('settings.fabLayout.hint') })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: t('settings.database.title'), description: t('settings.database.sectionDescription'), testId: "database-settings-section", children: [_jsx(SettingsRow, { label: t('settings.database.location'), description: t('settings.database.locationDescription'), children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: t('settings.database.size'), children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
                                     {
                                         label: t('settings.database.links.settingsService'),
                                         href: 'https://github.com/shep-ai/shep/blob/main/docs/architecture/settings-service.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":"AA+BA,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;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CA6OjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AA2CA,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;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAqQjB"}

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, Wrench, Puzzle, Settings } from 'lucide-react';
+import { Home, Moon, Sun, Volume2, VolumeOff, Zap, ZapOff, Wrench, Puzzle, Settings, } 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';
@@ -12,6 +12,7 @@ import { ShepLogo } from '../../common/shep-logo/index.js';
 import { VersionBadge } from '../../common/version-badge/index.js';
 import { FeatureListItem } from '../../common/feature-list-item/index.js';
 import { useSoundEnabled } from '../../../hooks/use-sound-enabled.js';
+import { useAnimationsEnabled } from '../../../hooks/use-animations-enabled.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
@@ -29,6 +30,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
     const { mounted: showExpanded, visible: expandedVisible } = useDeferredMount(collapsed, 200);
     const versionData = useVersion();
     const { enabled: soundEnabled, toggle: toggleSound } = useSoundEnabled();
+    const { enabled: animationsEnabled, toggle: toggleAnimations } = useAnimationsEnabled();
     const { resolvedTheme, theme, setTheme } = useTheme();
     const toggleOnSound = useSoundAction('toggle-on');
     const toggleOffSound = useSoundAction('toggle-off');
@@ -100,5 +102,8 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
                                                     : t('sidebar.switchToDark') })] }), !collapsed && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { className: "w-auto flex-none", onClick: () => {
                                                         clickSound.play();
                                                         toggleSound();
-                                                    }, "aria-label": soundEnabled ? t('sidebar.muteSounds') : t('sidebar.unmuteSounds'), children: soundEnabled ? (_jsx(Volume2, { className: "h-4 w-4" })) : (_jsx(VolumeOff, { className: "h-4 w-4" })) }) }), _jsx(TooltipContent, { side: "top", children: soundEnabled ? t('sidebar.muteSounds') : t('sidebar.unmuteSounds') })] }))] }) }) }) }) }), _jsx(SidebarRail, {})] }));
+                                                    }, "aria-label": soundEnabled ? t('sidebar.muteSounds') : t('sidebar.unmuteSounds'), children: soundEnabled ? (_jsx(Volume2, { className: "h-4 w-4" })) : (_jsx(VolumeOff, { className: "h-4 w-4" })) }) }), _jsx(TooltipContent, { side: "top", children: soundEnabled ? t('sidebar.muteSounds') : t('sidebar.unmuteSounds') })] })), !collapsed && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(SidebarMenuButton, { className: "w-auto flex-none", onClick: () => {
+                                                        clickSound.play();
+                                                        toggleAnimations();
+                                                    }, "aria-label": animationsEnabled ? 'Disable animations' : 'Enable animations', children: animationsEnabled ? (_jsx(Zap, { className: "h-4 w-4" })) : (_jsx(ZapOff, { className: "h-4 w-4" })) }) }), _jsx(TooltipContent, { side: "top", children: animationsEnabled ? 'Disable animations' : 'Enable animations' })] }))] }) }) }) }) }), _jsx(SidebarRail, {})] }));
 }

package/dist/src/presentation/web/hooks/fab-layout-context.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import type { FabLayoutState } from '../lib/fab-layout.js';
+interface FabLayoutProviderProps {
+    children: ReactNode;
+    layout: FabLayoutState;
+}
+/**
+ * Provides server-resolved FAB layout configuration to all client components.
+ * Initialized in the root layout with values from the DB singleton.
+ */
+export declare function FabLayoutProvider({ children, layout }: FabLayoutProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Read FAB layout config from context. Returns default (not swapped)
+ * when used outside a FabLayoutProvider (e.g., Storybook, tests).
+ */
+export declare function useFabLayout(): FabLayoutState;
+export {};
+//# sourceMappingURL=fab-layout-context.d.ts.map

package/dist/src/presentation/web/hooks/fab-layout-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab-layout-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/fab-layout-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMvD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAE7E;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,cAAc,CAE7C"}

package/dist/src/presentation/web/hooks/fab-layout-context.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const defaultLayout = { swapPosition: false };
+const FabLayoutContext = createContext(defaultLayout);
+/**
+ * Provides server-resolved FAB layout configuration to all client components.
+ * Initialized in the root layout with values from the DB singleton.
+ */
+export function FabLayoutProvider({ children, layout }) {
+    return _jsx(FabLayoutContext.Provider, { value: layout, children: children });
+}
+/**
+ * Read FAB layout config from context. Returns default (not swapped)
+ * when used outside a FabLayoutProvider (e.g., Storybook, tests).
+ */
+export function useFabLayout() {
+    return useContext(FabLayoutContext);
+}

package/dist/src/presentation/web/hooks/use-animations-enabled.d.ts

@@ -0,0 +1,6 @@
+export interface UseAnimationsEnabledResult {
+    enabled: boolean;
+    toggle: () => void;
+}
+export declare function useAnimationsEnabled(): UseAnimationsEnabledResult;
+//# sourceMappingURL=use-animations-enabled.d.ts.map

package/dist/src/presentation/web/hooks/use-animations-enabled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animations-enabled.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-animations-enabled.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,oBAAoB,IAAI,0BAA0B,CA4BjE"}

package/dist/src/presentation/web/hooks/use-animations-enabled.js

@@ -0,0 +1,30 @@
+'use client';
+import { useCallback, useEffect, useState } from 'react';
+const STORAGE_KEY = 'shep-animations-enabled';
+const SYNC_EVENT = 'shep:animations-toggle';
+const BODY_CLASS = 'no-animations';
+export function useAnimationsEnabled() {
+    const [enabled, setEnabled] = useState(true);
+    useEffect(() => {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored === 'false') {
+            setEnabled(false);
+            document.body.classList.add(BODY_CLASS);
+        }
+        const onSync = (e) => {
+            const next = e.detail;
+            setEnabled(next);
+            document.body.classList.toggle(BODY_CLASS, !next);
+        };
+        window.addEventListener(SYNC_EVENT, onSync);
+        return () => window.removeEventListener(SYNC_EVENT, onSync);
+    }, []);
+    const toggle = useCallback(() => {
+        const next = !enabled;
+        localStorage.setItem(STORAGE_KEY, String(next));
+        setEnabled(next);
+        document.body.classList.toggle(BODY_CLASS, !next);
+        window.dispatchEvent(new CustomEvent(SYNC_EVENT, { detail: next }));
+    }, [enabled]);
+    return { enabled, toggle };
+}

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

@@ -0,0 +1,11 @@
+/**
+ * FAB layout configuration for the web UI.
+ *
+ * Reads from Settings.fabLayout when available, defaulting to
+ * swapPosition = false (Create FAB on start side, Chat FAB on end side).
+ */
+export interface FabLayoutState {
+    swapPosition: boolean;
+}
+export declare function getFabLayout(): FabLayoutState;
+//# sourceMappingURL=fab-layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fab-layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/fab-layout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,IAAI,cAAc,CAa7C"}

package/dist/src/presentation/web/lib/fab-layout.js

@@ -0,0 +1,21 @@
+/**
+ * FAB layout configuration for the web UI.
+ *
+ * Reads from Settings.fabLayout when available, defaulting to
+ * swapPosition = false (Create FAB on start side, Chat FAB on end side).
+ */
+import { hasSettings, getSettings } from '../../../../packages/core/src/infrastructure/services/settings.service.js';
+export function getFabLayout() {
+    try {
+        if (hasSettings()) {
+            const fabLayout = getSettings().fabLayout;
+            if (fabLayout) {
+                return { swapPosition: fabLayout.swapPosition };
+            }
+        }
+    }
+    catch {
+        // Settings not initialized (e.g., during build/SSG or client-side hydration)
+    }
+    return { swapPosition: false };
+}

package/dist/translations/ar/web.json

@@ -14,6 +14,7 @@
       "notifications": "الإشعارات",
       "flags": "العلامات",
       "chat": "المحادثة",
+      "layout": "التخطيط",
       "database": "قاعدة البيانات"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "الحد الأقصى لعدد جلسات الوكيل التفاعلية النشطة في وقت واحد (1–10)",
       "hint": "علامة المحادثة تُنشئ عملية وكيل مستمرة لكل ميزة. المهلة التلقائية تُوقف الجلسات الخاملة تلقائيًا لتوفير الموارد. حد الجلسات المتزامنة يمنع الاستخدام المفرط للموارد على أجهزة المطورين."
     },
+    "fabLayout": {
+      "title": "التخطيط",
+      "description": "التحكم في موضع أزرار الإجراء العائمة في مركز التحكم",
+      "swapPosition": "تبديل مواضع الأزرار العائمة",
+      "swapPositionDescription": "نقل زر المحادثة إلى اليسار وزر الإنشاء إلى اليمين",
+      "hint": "يوجد زران عائمان (إنشاء ومحادثة) في الزوايا السفلية لمركز التحكم. قم بتفعيل هذا الخيار لتبديل مواضعهما."
+    },
     "database": {
       "title": "قاعدة البيانات",
       "description": "مسار قاعدة البيانات وإدارتها",

package/dist/translations/de/web.json

@@ -14,6 +14,7 @@
       "notifications": "Benachrichtigungen",
       "flags": "Flags",
       "chat": "Chat",
+      "layout": "Layout",
       "database": "Datenbank"
     },
     "language": {
@@ -198,6 +199,13 @@
       "maxConcurrentSessionsDescription": "Maximale Anzahl aktiver interaktiver Agenten-Sitzungen gleichzeitig (1–10)",
       "hint": "Der Chat-Tab startet einen persistenten Agentenprozess pro Feature. Das Auto-Zeitlimit stoppt inaktive Sitzungen automatisch, um Ressourcen zu sparen. Das Limit für gleichzeitige Sitzungen verhindert unkontrollierten Ressourcenverbrauch auf Entwicklermaschinen."
     },
+    "fabLayout": {
+      "title": "Layout",
+      "description": "Position der schwebenden Aktionsschaltflächen im Kontrollzentrum steuern",
+      "swapPosition": "FAB-Positionen tauschen",
+      "swapPositionDescription": "Chat-Button nach links und Erstellen-Button nach rechts verschieben",
+      "hint": "Die zwei schwebenden Aktionsschaltflächen (Erstellen und Chat) befinden sich in den unteren Ecken des Kontrollzentrums. Aktivieren Sie diese Option, um ihre Positionen zu tauschen."
+    },
     "database": {
       "title": "Datenbank",
       "description": "Datenbankpfad und -verwaltung",

package/dist/translations/en/web.json

@@ -14,6 +14,7 @@
       "notifications": "Notifications",
       "flags": "Flags",
       "chat": "Chat",
+      "layout": "Layout",
       "database": "Database"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "Maximum number of active interactive agent sessions at once (1–10)",
       "hint": "The Chat tab spawns a persistent agent process per feature. Auto-timeout stops idle sessions automatically to conserve resources. The concurrent session cap prevents runaway resource usage on developer machines."
     },
+    "fabLayout": {
+      "title": "Layout",
+      "description": "Control the position of floating action buttons in the control center",
+      "swapPosition": "Swap FAB positions",
+      "swapPositionDescription": "Move the Chat button to the left and the Create button to the right",
+      "hint": "The two floating action buttons (Create and Chat) sit in the bottom corners of the control center. Enable this toggle to swap their positions."
+    },
     "database": {
       "title": "Database",
       "description": "Database path and management",

package/dist/translations/es/web.json

@@ -14,6 +14,7 @@
       "notifications": "Notificaciones",
       "flags": "Opciones",
       "chat": "Chat",
+      "layout": "Diseño",
       "database": "Base de datos"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "Número máximo de sesiones de agente interactivo activas a la vez (1-10)",
       "hint": "La pestaña de chat genera un proceso de agente persistente por funcionalidad. El tiempo de espera automático detiene las sesiones inactivas automáticamente para conservar recursos. El límite de sesiones concurrentes previene el uso excesivo de recursos en las máquinas de los desarrolladores."
     },
+    "fabLayout": {
+      "title": "Diseño",
+      "description": "Controlar la posición de los botones de acción flotantes en el centro de control",
+      "swapPosition": "Intercambiar posiciones de FAB",
+      "swapPositionDescription": "Mover el botón de Chat a la izquierda y el de Crear a la derecha",
+      "hint": "Los dos botones de acción flotantes (Crear y Chat) se ubican en las esquinas inferiores del centro de control. Active esta opción para intercambiar sus posiciones."
+    },
     "database": {
       "title": "Base de datos",
       "description": "Ruta de la base de datos y administración",

package/dist/translations/fr/web.json

@@ -14,6 +14,7 @@
       "notifications": "Notifications",
       "flags": "Drapeaux",
       "chat": "Chat",
+      "layout": "Disposition",
       "database": "Base de données"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "Nombre maximum de sessions d'agent interactif actives simultanément (1-10)",
       "hint": "L'onglet Chat lance un processus d'agent persistant par fonctionnalité. Le délai d'inactivité automatique arrête les sessions inactives pour économiser les ressources. Le plafond de sessions simultanées empêche l'utilisation incontrôlée des ressources sur les machines de développement."
     },
+    "fabLayout": {
+      "title": "Disposition",
+      "description": "Contrôler la position des boutons d'action flottants dans le centre de contrôle",
+      "swapPosition": "Inverser les positions des FAB",
+      "swapPositionDescription": "Déplacer le bouton Chat à gauche et le bouton Créer à droite",
+      "hint": "Les deux boutons d'action flottants (Créer et Chat) se trouvent dans les coins inférieurs du centre de contrôle. Activez cette option pour inverser leurs positions."
+    },
     "database": {
       "title": "Base de données",
       "description": "Chemin et gestion de la base de données",

package/dist/translations/he/web.json

@@ -14,6 +14,7 @@
       "notifications": "התראות",
       "flags": "דגלים",
       "chat": "צ'אט",
+      "layout": "פריסה",
       "database": "מסד נתונים"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "מספר מרבי של סשנים אינטראקטיביים פעילים בו-זמנית (1-10)",
       "hint": "לשונית הצ'אט מפעילה תהליך סוכן מתמשך לכל פיצ'ר. תפוגת זמן אוטומטית עוצרת סשנים לא פעילים כדי לחסוך במשאבים. מגבלת הסשנים המקבילים מונעת שימוש מופרז במשאבים על מכונות מפתחים."
     },
+    "fabLayout": {
+      "title": "פריסה",
+      "description": "שליטה במיקום כפתורי הפעולה הצפים במרכז הבקרה",
+      "swapPosition": "החלפת מיקומי כפתורים צפים",
+      "swapPositionDescription": "העברת כפתור הצ'אט לשמאל וכפתור היצירה לימין",
+      "hint": "שני כפתורי הפעולה הצפים (יצירה וצ'אט) נמצאים בפינות התחתונות של מרכז הבקרה. הפעל את האפשרות הזו כדי להחליף את מיקומיהם."
+    },
     "database": {
       "title": "מסד נתונים",
       "description": "נתיב מסד הנתונים וניהול",

package/dist/translations/pt/web.json

@@ -14,6 +14,7 @@
       "notifications": "Notificações",
       "flags": "Flags",
       "chat": "Chat",
+      "layout": "Layout",
       "database": "Banco de Dados"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "Número máximo de sessões de agente interativo ativas ao mesmo tempo (1-10)",
       "hint": "A aba Chat inicia um processo de agente persistente por recurso. O tempo limite automático para sessões ociosas automaticamente para economizar recursos. O limite de sessões simultâneas evita uso excessivo de recursos em máquinas de desenvolvimento."
     },
+    "fabLayout": {
+      "title": "Layout",
+      "description": "Controlar a posição dos botões de ação flutuantes no centro de controle",
+      "swapPosition": "Trocar posições dos FABs",
+      "swapPositionDescription": "Mover o botão de Chat para a esquerda e o de Criar para a direita",
+      "hint": "Os dois botões de ação flutuantes (Criar e Chat) ficam nos cantos inferiores do centro de controle. Ative esta opção para trocar suas posições."
+    },
     "database": {
       "title": "Banco de Dados",
       "description": "Caminho e gerenciamento do banco de dados",

package/dist/translations/ru/web.json

@@ -14,6 +14,7 @@
       "notifications": "Уведомления",
       "flags": "Флаги",
       "chat": "Чат",
+      "layout": "Расположение",
       "database": "База данных"
     },
     "language": {
@@ -212,6 +213,13 @@
       "maxConcurrentSessionsDescription": "Максимальное количество активных интерактивных сессий агента одновременно (1-10)",
       "hint": "Вкладка чата запускает постоянный процесс агента для каждой функции. Автоматический таймаут останавливает неактивные сессии для экономии ресурсов. Ограничение параллельных сессий предотвращает чрезмерное использование ресурсов на машинах разработчиков."
     },
+    "fabLayout": {
+      "title": "Расположение",
+      "description": "Управление положением плавающих кнопок действий в центре управления",
+      "swapPosition": "Поменять местами кнопки",
+      "swapPositionDescription": "Переместить кнопку чата влево, а кнопку создания вправо",
+      "hint": "Две плавающие кнопки действий (Создать и Чат) расположены в нижних углах центра управления. Включите эту опцию, чтобы поменять их местами."
+    },
     "database": {
       "title": "База данных",
       "description": "Путь к базе данных и управление",