@shepai/cli 1.162.0-pr509.4102877 → 1.163.0

package/dist/src/presentation/web/components/features/chat/ChatSheet.js

@@ -8,6 +8,8 @@ import { Button } from '../../ui/button.js';
 import { ChatTab } from './ChatTab.js';
 import { ChatDotIndicator } from './ChatDotIndicator.js';
 import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
+import { useFabLayout } from '../../../hooks/fab-layout-context.js';
+import { useSidebar } from '../../ui/sidebar.js';
 // ── Persistent global chat popup (draggable + resizable) ──────────────────
 const DEFAULT_W = 520;
 const DEFAULT_H_VH = 70; // percentage of viewport height
@@ -48,6 +50,8 @@ export function GlobalChatPopup() {
     const [hasOpened, setHasOpened] = useState(false);
     const [isMaximized, setIsMaximized] = useState(false);
     const globalChatTurnStatus = useTurnStatus('global');
+    const { swapPosition } = useFabLayout();
+    const { state: sidebarState } = useSidebar();
     // Position/size — initialized from localStorage
     // eslint-disable-next-line react/hook-use-state -- wrapped setters below
     const [pos, setPosRaw] = useState(() => loadPersistedState().pos);
@@ -229,7 +233,7 @@ export function GlobalChatPopup() {
             };
     return (_jsxs(_Fragment, { children: [hasOpened ? (_jsxs("div", { ref: panelRef, className: cn(isMaximized
                     ? 'bg-background fixed inset-0 z-[60] flex flex-col overflow-hidden dark:bg-neutral-900'
-                    : cn(!pos && 'fixed end-8 bottom-24', 'z-[60] flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute end-0 top-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ms-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
+                    : cn(!pos && (swapPosition ? 'fixed start-8 bottom-24' : 'fixed end-8 bottom-24'), 'z-[60] flex flex-col overflow-hidden rounded-lg', 'border-border/60 border dark:border-white/10', 'bg-background dark:bg-neutral-900', 'shadow-[0_8px_40px_-8px_rgba(0,0,0,0.2)] dark:shadow-[0_8px_40px_-8px_rgba(0,0,0,0.6)]'), 'transition-opacity duration-300 ease-out', isOpen ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'), style: panelStyle, children: [!isMaximized ? (_jsx("div", { className: "h-[2px] shrink-0 bg-gradient-to-r from-transparent via-violet-500/50 to-transparent" })) : null, !isMaximized ? (_jsx("div", { onMouseDown: onResizeStart, className: "absolute end-0 top-0 z-10 h-4 w-4 cursor-ne-resize" })) : null, _jsxs("div", { onMouseDown: isMaximized ? undefined : onDragStart, className: cn('relative flex h-11 shrink-0 items-center gap-2.5 border-b border-black/[0.06] px-3.5 dark:border-white/[0.06]', !isMaximized && 'cursor-grab active:cursor-grabbing'), children: [_jsx("div", { className: "from-foreground/[0.02] to-foreground/[0.02] pointer-events-none absolute inset-0 bg-gradient-to-r via-transparent" }), !isMaximized ? (_jsx(GripVertical, { className: "text-foreground/15 relative h-3.5 w-3.5 shrink-0" })) : null, _jsx("div", { className: "relative flex h-5 w-5 items-center justify-center", children: _jsx(Bot, { className: "text-foreground/50 h-4 w-4" }) }), _jsxs("div", { className: "relative flex items-baseline gap-2", children: [_jsx("span", { className: "text-foreground/90 text-base font-bold tracking-tight", children: "Shep" }), _jsx("span", { className: "text-foreground/30 text-xs font-medium tracking-widest uppercase", children: "global" })] }), _jsxs("div", { className: "relative ms-auto flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: toggleMaximize, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: isMaximized ? 'Restore (⌘⇧M)' : 'Maximize (⌘⇧M)', children: isMaximized ? (_jsx(Minimize2, { className: "h-3.5 w-3.5" })) : (_jsx(Maximize2, { className: "h-3.5 w-3.5" })) }), _jsx("button", { type: "button", onClick: handleClose, className: "text-foreground/30 hover:text-foreground/60 rounded-md p-1 transition-colors", title: "Close (\u2318\u21E7K)", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: "global" }) }), !isMaximized ? (_jsx("div", { onMouseDown: (e) => {
                             e.preventDefault();
                             e.stopPropagation();
                             const panel = panelRef.current;
@@ -255,7 +259,23 @@ export function GlobalChatPopup() {
                             };
                             document.addEventListener('mousemove', onMove);
                             document.addEventListener('mouseup', onUp);
-                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs("div", { className: cn('group/fab fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
+                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
                             ? 'bg-violet-600 text-white hover:bg-violet-500'
                             : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: t('chat.shepChat') }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
 }
+/** Wrapper for the Chat FAB that handles position swapping. */
+function ChatFabWrapper({ swapPosition, sidebarState, isMaximized, children, }) {
+    const { i18n } = useTranslation('web');
+    const isRtl = i18n.dir() === 'rtl';
+    if (!swapPosition) {
+        return (_jsx("div", { className: cn('group/fab fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: children }));
+    }
+    // Swapped: chat FAB moves to start side, tracking sidebar width
+    const sidebarOffset = sidebarState === 'expanded'
+        ? 'calc(var(--sidebar-width) + 32px)'
+        : 'calc(var(--sidebar-width-icon) + 32px)';
+    const positionStyle = isRtl
+        ? { right: sidebarOffset, transition: 'right 200ms ease-in-out' }
+        : { left: sidebarOffset, transition: 'left 200ms ease-in-out' };
+    return (_jsx("div", { className: cn('group/fab fixed bottom-6 z-30', isMaximized && 'hidden'), style: positionStyle, children: children }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AA+B5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA+czF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAgC5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA+czF"}

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/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/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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "تشغيل جميع مراحل SDLC (تحليل → متطلبات → خطة → تنفيذ)",
         "modelOption": "معرّف نموذج LLM لهذا التشغيل (مثال: claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "إرفاق ملف (قابل للتكرار)",
         "parentNotFound": "الميزة الأصلية غير موجودة: {{id}}",
         "attachmentNotFound": "المرفق غير موجود: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Alle SDLC-Phasen durchlaufen (Analyse → Anforderungen → Plan → Implementierung)",
         "modelOption": "LLM-Modellbezeichnung für diesen Lauf (z.B. claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Eine Datei anhängen (wiederholbar)",
         "parentNotFound": "Übergeordnetes Feature nicht gefunden: {{id}}",
         "attachmentNotFound": "Anhang nicht gefunden: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Run full SDLC phases (analyze → requirements → plan → implement)",
         "modelOption": "LLM model identifier for this run (e.g. claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Attach a file (repeatable)",
         "parentNotFound": "Parent feature not found: {{id}}",
         "attachmentNotFound": "Attachment not found: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Ejecutar todas las fases SDLC (analizar → requisitos → plan → implementar)",
         "modelOption": "Identificador del modelo LLM para esta ejecución (ej., claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Adjuntar un archivo (repetible)",
         "parentNotFound": "Funcionalidad padre no encontrada: {{id}}",
         "attachmentNotFound": "Archivo adjunto no encontrado: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Exécuter toutes les phases SDLC (analyser → exigences → plan → implémenter)",
         "modelOption": "Identifiant du modèle LLM pour cette exécution (par ex. claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Joindre un fichier (répétable)",
         "parentNotFound": "Fonctionnalité parente introuvable : {{id}}",
         "attachmentNotFound": "Pièce jointe introuvable : {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "הרץ את כל שלבי ה-SDLC (ניתוח → דרישות → תוכנית → מימוש)",
         "modelOption": "מזהה מודל LLM להרצה זו (לדוגמה claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "צרף קובץ (ניתן לחזור)",
         "parentNotFound": "פיצ'ר הורה לא נמצא: {{id}}",
         "attachmentNotFound": "קובץ מצורף לא נמצא: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Executar todas as fases do SDLC (analisar → requisitos → plano → implementar)",
         "modelOption": "Identificador do modelo LLM para esta execução (ex: claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Anexar um arquivo (repetível)",
         "parentNotFound": "Recurso pai não encontrado: {{id}}",
         "attachmentNotFound": "Anexo não encontrado: {{path}}",

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/cli.json

@@ -206,8 +206,6 @@
         "noFastOption": "Выполнить все фазы SDLC (анализ → требования → план → реализация)",
         "modelOption": "Идентификатор модели LLM для этого запуска (например, claude-opus-4-6)",
         "noRebaseOption": "Skip syncing main from remote before creating the feature branch",
-        "injectSkillsOption": "Inject curated skills into the worktree",
-        "noInjectSkillsOption": "Skip skill injection for this invocation",
         "attachOption": "Прикрепить файл (можно повторять)",
         "parentNotFound": "Родительская функция не найдена: {{id}}",
         "attachmentNotFound": "Вложение не найдено: {{path}}",

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": "Путь к базе данных и управление",