@shepai/cli 1.163.0 → 1.164.0-pr514.db33061

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/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 };
+}