@geminilight/mindos 0.5.37 → 0.5.38

package/app/hooks/useAskPanel.ts

@@ -0,0 +1,117 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+import { RIGHT_ASK_DEFAULT_WIDTH, RIGHT_ASK_MIN_WIDTH, RIGHT_ASK_MAX_WIDTH } from '@/components/RightAskPanel';
+import { useAskModal } from './useAskModal';
+
+export interface AskPanelState {
+  askPanelOpen: boolean;
+  askPanelWidth: number;
+  askMode: 'panel' | 'popup';
+  desktopAskPopupOpen: boolean;
+  askInitialMessage: string;
+  askOpenSource: 'user' | 'guide' | 'guide-next';
+  toggleAskPanel: () => void;
+  closeAskPanel: () => void;
+  closeDesktopAskPopup: () => void;
+  handleAskWidthChange: (w: number) => void;
+  handleAskWidthCommit: (w: number) => void;
+  handleAskModeSwitch: () => void;
+}
+
+/**
+ * Manages right-side Ask AI panel state: open/close, width, panel/popup mode, initial message.
+ * Extracted from SidebarLayout to reduce its state complexity.
+ */
+export function useAskPanel(): AskPanelState {
+  const [askPanelOpen, setAskPanelOpen] = useState(false);
+  const [askPanelWidth, setAskPanelWidth] = useState(RIGHT_ASK_DEFAULT_WIDTH);
+  const [askMode, setAskMode] = useState<'panel' | 'popup'>('panel');
+  const [desktopAskPopupOpen, setDesktopAskPopupOpen] = useState(false);
+  const [askInitialMessage, setAskInitialMessage] = useState('');
+  const [askOpenSource, setAskOpenSource] = useState<'user' | 'guide' | 'guide-next'>('user');
+
+  const askModal = useAskModal();
+
+  // Load persisted width + mode
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem('right-ask-panel-width');
+      if (stored) {
+        const w = parseInt(stored, 10);
+        if (w >= RIGHT_ASK_MIN_WIDTH && w <= RIGHT_ASK_MAX_WIDTH) setAskPanelWidth(w);
+      }
+      const mode = localStorage.getItem('ask-mode');
+      if (mode === 'popup') setAskMode('popup');
+    } catch {}
+
+    const onStorage = (e: StorageEvent) => {
+      if (e.key === 'ask-mode' && (e.newValue === 'panel' || e.newValue === 'popup')) {
+        setAskMode(e.newValue);
+      }
+    };
+    window.addEventListener('storage', onStorage);
+    return () => window.removeEventListener('storage', onStorage);
+  }, []);
+
+  // Bridge useAskModal store → right Ask panel or popup
+  useEffect(() => {
+    if (askModal.open) {
+      setAskInitialMessage(askModal.initialMessage);
+      setAskOpenSource(askModal.source);
+      if (askMode === 'popup') {
+        setDesktopAskPopupOpen(true);
+      } else {
+        setAskPanelOpen(true);
+      }
+      askModal.close();
+    }
+  }, [askModal.open, askModal.initialMessage, askModal.source, askModal.close, askMode]);
+
+  const toggleAskPanel = useCallback(() => {
+    if (askMode === 'popup') {
+      setDesktopAskPopupOpen(v => {
+        if (!v) { setAskInitialMessage(''); setAskOpenSource('user'); }
+        return !v;
+      });
+    } else {
+      setAskPanelOpen(v => {
+        if (!v) { setAskInitialMessage(''); setAskOpenSource('user'); }
+        return !v;
+      });
+    }
+  }, [askMode]);
+
+  const closeAskPanel = useCallback(() => setAskPanelOpen(false), []);
+  const closeDesktopAskPopup = useCallback(() => setDesktopAskPopupOpen(false), []);
+
+  const handleAskWidthChange = useCallback((w: number) => setAskPanelWidth(w), []);
+  const handleAskWidthCommit = useCallback((w: number) => {
+    try { localStorage.setItem('right-ask-panel-width', String(w)); } catch {}
+  }, []);
+
+  const handleAskModeSwitch = useCallback(() => {
+    setAskMode(prev => {
+      const next = prev === 'panel' ? 'popup' : 'panel';
+      try {
+        localStorage.setItem('ask-mode', next);
+        window.dispatchEvent(new StorageEvent('storage', { key: 'ask-mode', newValue: next }));
+      } catch {}
+      if (next === 'popup') {
+        setAskPanelOpen(false);
+        setDesktopAskPopupOpen(true);
+      } else {
+        setDesktopAskPopupOpen(false);
+        setAskPanelOpen(true);
+      }
+      return next;
+    });
+  }, []);
+
+  return {
+    askPanelOpen, askPanelWidth, askMode, desktopAskPopupOpen,
+    askInitialMessage, askOpenSource,
+    toggleAskPanel, closeAskPanel, closeDesktopAskPopup,
+    handleAskWidthChange, handleAskWidthCommit, handleAskModeSwitch,
+  };
+}

package/app/hooks/useLeftPanel.ts

@@ -0,0 +1,81 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+import { MIN_PANEL_WIDTH, MAX_PANEL_WIDTH_ABS, PANEL_WIDTH } from '@/components/Panel';
+import type { PanelId } from '@/components/ActivityBar';
+import { RAIL_WIDTH_COLLAPSED, RAIL_WIDTH_EXPANDED } from '@/components/ActivityBar';
+
+export interface LeftPanelState {
+  activePanel: PanelId | null;
+  setActivePanel: (p: PanelId | null | ((prev: PanelId | null) => PanelId | null)) => void;
+  panelWidth: number | null;
+  panelMaximized: boolean;
+  railExpanded: boolean;
+  railWidth: number;
+  panelOpen: boolean;
+  effectivePanelWidth: number;
+  handlePanelWidthChange: (w: number) => void;
+  handlePanelWidthCommit: (w: number) => void;
+  handlePanelMaximize: () => void;
+  handleExpandedChange: (expanded: boolean) => void;
+}
+
+/**
+ * Manages left panel state: active panel, width, maximize, rail expansion.
+ * Extracted from SidebarLayout to reduce its state complexity.
+ */
+export function useLeftPanel(): LeftPanelState {
+  const [activePanel, setActivePanel] = useState<PanelId | null>('files');
+  const [panelWidth, setPanelWidth] = useState<number | null>(null);
+  const [panelMaximized, setPanelMaximized] = useState(false);
+  const [railExpanded, setRailExpanded] = useState(false);
+
+  // Load persisted rail state
+  useEffect(() => {
+    try {
+      if (localStorage.getItem('rail-expanded') === 'true') setRailExpanded(true);
+    } catch {}
+  }, []);
+
+  // Load persisted panel width when activePanel changes
+  useEffect(() => {
+    if (!activePanel) return;
+    try {
+      const stored = localStorage.getItem('left-panel-width');
+      if (stored) {
+        const w = parseInt(stored, 10);
+        if (w >= MIN_PANEL_WIDTH && w <= MAX_PANEL_WIDTH_ABS) {
+          setPanelWidth(w);
+          return;
+        }
+      }
+    } catch {}
+    setPanelWidth(280);
+  }, [activePanel]);
+
+  // Exit maximize when switching panels
+  useEffect(() => { setPanelMaximized(false); }, [activePanel]);
+
+  const handlePanelWidthChange = useCallback((w: number) => setPanelWidth(w), []);
+  const handlePanelWidthCommit = useCallback((w: number) => {
+    try { localStorage.setItem('left-panel-width', String(w)); } catch {}
+  }, []);
+  const handlePanelMaximize = useCallback(() => setPanelMaximized(v => !v), []);
+
+  const handleExpandedChange = useCallback((expanded: boolean) => {
+    setRailExpanded(expanded);
+    try { localStorage.setItem('rail-expanded', String(expanded)); } catch {}
+  }, []);
+
+  const railWidth = railExpanded ? RAIL_WIDTH_EXPANDED : RAIL_WIDTH_COLLAPSED;
+  const panelOpen = activePanel !== null;
+  const effectivePanelWidth = panelWidth ?? (activePanel ? PANEL_WIDTH[activePanel] : 280);
+
+  return {
+    activePanel, setActivePanel,
+    panelWidth, panelMaximized, railExpanded, railWidth,
+    panelOpen, effectivePanelWidth,
+    handlePanelWidthChange, handlePanelWidthCommit, handlePanelMaximize,
+    handleExpandedChange,
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geminilight/mindos",
-  "version": "0.5.37",
+  "version": "0.5.38",
   "description": "MindOS — Human-Agent Collaborative Mind System. Local-first knowledge base that syncs your mind to all AI Agents via MCP.",
   "keywords": [
     "mindos",

package/scripts/release.sh

@@ -18,7 +18,21 @@ echo "🧪 Running tests..."
 npm test
 echo ""
 
-# 3. Smoke test: pack → install in temp dir → verify CLI works
+# 3. Verify Next.js build
+echo "🔨 Verifying Next.js build..."
+cd app
+if npx next build 2>&1 | tail -5; then
+  echo "   ✅ Next.js build succeeded"
+else
+  echo "❌ Next.js build failed"
+  exit 1
+fi
+cd ..
+# Restore any files modified by next build (e.g. next-env.d.ts)
+git checkout -- . 2>/dev/null || true
+echo ""
+
+# 4. Smoke test: pack → install in temp dir → verify CLI works
 echo "🔍 Smoke testing package..."
 SMOKE_DIR=$(mktemp -d)
 TARBALL=$(npm pack --pack-destination "$SMOKE_DIR" 2>/dev/null | tail -1)
@@ -79,20 +93,20 @@ cd - >/dev/null
 echo "   🟢 Smoke test passed"
 echo ""
 
-# 3. Bump version (creates commit + tag automatically)
+# 5. Bump version (creates commit + tag automatically)
 echo "📦 Bumping version ($BUMP)..."
 npm version "$BUMP" -m "%s"
 VERSION="v$(node -p "require('./package.json').version")"
 echo "   Version: $VERSION"
 echo ""
 
-# 4. Push commit + tag
+# 6. Push commit + tag
 echo "🚀 Pushing to origin..."
 git push origin main
 git push origin "$VERSION"
 echo ""
 
-# 5. Wait for CI
+# 7. Wait for CI
 # Flow: tag push → sync-to-mindos (syncs code + tag to public repo) → public repo publish-npm
 if command -v gh &>/dev/null; then
   echo "⏳ Waiting for sync → publish pipeline..."