feat: add showMinimap setting default off

src/store.tsx

@@ -24,6 +24,7 @@ interface AppState {
   annotationSize: number; setAnnotationSize: React.Dispatch<React.SetStateAction<number>>;
   isEraser: boolean; setIsEraser: React.Dispatch<React.SetStateAction<boolean>>;
   isHighlighter: boolean; setIsHighlighter: React.Dispatch<React.SetStateAction<boolean>>;
+  showMinimap: boolean; setShowMinimap: React.Dispatch<React.SetStateAction<boolean>>;
   undo: () => void; redo: () => void;
   currentScreen: 'hub' | 'board'; setCurrentScreen: React.Dispatch<React.SetStateAction<'hub' | 'board'>>;
   updateSelectedNodes: (dx: number, dy: number, explicitTargetId: string) => void;
@@ -60,6 +61,7 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
   const [annotationSize, setAnnotationSize] = useState(4);
   const [isEraser, setIsEraser] = useState(false);
   const [isHighlighter, setIsHighlighter] = useState(false);
+  const [showMinimap, setShowMinimap] = useState(false);
   const [history, setHistory] = useState<any[]>([]);
   const [historyIndex, setHistoryIndex] = useState(-1);
   const [isUndoing, setIsUndoing] = useState(false);
@@ -76,7 +78,12 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
   useEffect(() => { panRef.current = pan; }, [pan]);
   useEffect(() => { zoomRef.current = zoom; }, [zoom]);
 
-  // Register exactly once. Use refs for current pan/zoom to avoid duplicate listeners.
+  useEffect(() => {
+    const saved = localStorage.getItem('refstudio.showMinimap');
+    if (saved === 'true') setShowMinimap(true);
+  }, []);
+  useEffect(() => { localStorage.setItem('refstudio.showMinimap', String(showMinimap)); }, [showMinimap]);
+
   useEffect(() => {
     const un = listen<any>('board://image_added', (event) => {
       const p = event.payload || {};
@@ -93,24 +100,8 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
       const currentPan = panRef.current;
       const currentZoom = zoomRef.current;
       setImages(prev => {
-        if (prev.some(img =>
-          (captureId && img.captureId === captureId) ||
-          normalizeUrl(img.url) === dataUrl ||
-          normalizeUrl(img.url) === originalUrl ||
-          (sourceUrl && normalizeUrl(img.sourceUrl) === sourceUrl) ||
-          normalizeUrl(img.sourceUrl) === originalUrl
-        )) return prev;
-        return [...prev, {
-          id: crypto.randomUUID(),
-          captureId,
-          url: dataUrl,
-          sourceUrl: sourceUrl || originalUrl,
-          x: (-currentPan.x + window.innerWidth / 2 - targetW / 2) / currentZoom,
-          y: (-currentPan.y + window.innerHeight / 2 - targetH / 2) / currentZoom,
-          width: Math.round(targetW),
-          height: Math.round(targetH),
-          aspectRatio: ratio,
-        }];
+        if (prev.some(img => (captureId && img.captureId === captureId) || normalizeUrl(img.url) === dataUrl || normalizeUrl(img.url) === originalUrl || (sourceUrl && normalizeUrl(img.sourceUrl) === sourceUrl) || normalizeUrl(img.sourceUrl) === originalUrl)) return prev;
+        return [...prev, { id: crypto.randomUUID(), captureId, url: dataUrl, sourceUrl: sourceUrl || originalUrl, x: (-currentPan.x + window.innerWidth / 2 - targetW / 2) / currentZoom, y: (-currentPan.y + window.innerHeight / 2 - targetH / 2) / currentZoom, width: Math.round(targetW), height: Math.round(targetH), aspectRatio: ratio }];
       });
       setCurrentScreen('board');
     });
@@ -126,7 +117,7 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
   const redo = useCallback(() => { if (historyIndex < history.length - 1) { setIsUndoing(true); const s = history[historyIndex + 1]; setTextNotes(s.textNotes); setImages(s.images); setAnnotations(s.annotations); setPalettes(s.palettes); setZoom(s.zoom); setPan(s.pan); if (s.valueMirrorIds) setValueMirrorIds(s.valueMirrorIds); setHistoryIndex(historyIndex + 1); } }, [history, historyIndex]);
   const updateSelectedNodes = useCallback((dx: number, dy: number, explicitTargetId: string) => { const ids = new Set([...selectedNodeIds, explicitTargetId]); setImages(prev => { const gids = new Set<string>(); prev.forEach(i => { if (ids.has(i.id) && i.groupId) gids.add(i.groupId); }); return prev.map(i => (ids.has(i.id) || (i.groupId && gids.has(i.groupId))) ? { ...i, x: i.x + dx, y: i.y + dy } : i); }); setTextNotes(prev => { const gids = new Set<string>(); prev.forEach(i => { if (ids.has(i.id) && i.groupId) gids.add(i.groupId); }); return prev.map(i => (ids.has(i.id) || (i.groupId && gids.has(i.groupId))) ? { ...i, x: i.x + dx, y: i.y + dy } : i); }); }, [selectedNodeIds]);
 
-  return <AppContext.Provider value={{ textNotes, setTextNotes, images, setImages, annotations, setAnnotations, palettes, setPalettes, zoom, setZoom, pan, setPan, isSettingsOpen, setIsSettingsOpen, isBrowserOpen, setIsBrowserOpen, isLibraryOpen, setIsLibraryOpen, selectedNodeIds, setSelectedNodeIds, globalDesaturate, setGlobalDesaturate, contextMenu, setContextMenu, isAlwaysOnTop, setIsAlwaysOnTop, bgOpacity, setBgOpacity, isClickThrough, setIsClickThrough, isAnnotationMode, setIsAnnotationMode, annotationColor, setAnnotationColor, annotationSize, setAnnotationSize, isEraser, setIsEraser, isHighlighter, setIsHighlighter, undo, redo, currentScreen, setCurrentScreen, updateSelectedNodes, focusedImageId, setFocusedImageId, valueMirrorIds, setValueMirrorIds, isZoomLensActive, setIsZoomLensActive, isWhisperBrowser, setIsWhisperBrowser, activeProjectId, setActiveProjectId, boardTitle, setBoardTitle }}>{children}</AppContext.Provider>;
+  return <AppContext.Provider value={{ textNotes, setTextNotes, images, setImages, annotations, setAnnotations, palettes, setPalettes, zoom, setZoom, pan, setPan, isSettingsOpen, setIsSettingsOpen, isBrowserOpen, setIsBrowserOpen, isLibraryOpen, setIsLibraryOpen, selectedNodeIds, setSelectedNodeIds, globalDesaturate, setGlobalDesaturate, contextMenu, setContextMenu, isAlwaysOnTop, setIsAlwaysOnTop, bgOpacity, setBgOpacity, isClickThrough, setIsClickThrough, isAnnotationMode, setIsAnnotationMode, annotationColor, setAnnotationColor, annotationSize, setAnnotationSize, isEraser, setIsEraser, isHighlighter, setIsHighlighter, showMinimap, setShowMinimap, undo, redo, currentScreen, setCurrentScreen, updateSelectedNodes, focusedImageId, setFocusedImageId, valueMirrorIds, setValueMirrorIds, isZoomLensActive, setIsZoomLensActive, isWhisperBrowser, setIsWhisperBrowser, activeProjectId, setActiveProjectId, boardTitle, setBoardTitle }}>{children}</AppContext.Provider>;
 };
 
 export const useAppStore = () => { const ctx = useContext(AppContext); if (!ctx) throw new Error('useAppStore must be used within AppProvider'); return ctx; };