Clean up

frontend/src/components/shared/RightRail.tsx

@@ -7,7 +7,6 @@ import { useRightRail } from '../../contexts/RightRailContext';
 import { useFileState, useFileSelection, useFileManagement } from '../../contexts/FileContext';
 import { useNavigationState } from '../../contexts/NavigationContext';
 import { useTranslation } from 'react-i18next';
-import '../../types/embedPdf';
 
 import LanguageSelector from '../shared/LanguageSelector';
 import { useRainbowThemeContext } from '../shared/RainbowThemeProvider';

frontend/src/components/viewer/EmbedPdfViewer.tsx

@@ -9,7 +9,6 @@ import { useViewer } from "../../contexts/ViewerContext";
 import { LocalEmbedPDF } from './LocalEmbedPDF';
 import { PdfViewerToolbar } from './PdfViewerToolbar';
 import { ThumbnailSidebar } from './ThumbnailSidebar';
-import '../../types/embedPdf';
 
 export interface EmbedPdfViewerProps {
   sidebarsVisible: boolean;
@@ -200,7 +199,7 @@ const EmbedPdfViewerContent = ({
               currentPage={scrollState.currentPage}
               totalPages={scrollState.totalPages}
               onPageChange={(page) => {
-                // Placeholder - will implement page navigation later
+                // Page navigation handled by scrollActions
                 console.log('Navigate to page:', page);
               }}
               dualPage={spreadState.isDualPage}

frontend/src/components/viewer/PdfViewerToolbar.tsx

@@ -8,7 +8,6 @@ import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
 import LastPageIcon from '@mui/icons-material/LastPage';
 import DescriptionIcon from '@mui/icons-material/Description';
 import ViewWeekIcon from '@mui/icons-material/ViewWeek';
-import '../../types/embedPdf';
 
 interface PdfViewerToolbarProps {
   // Page navigation props (placeholders for now)

frontend/src/components/viewer/ScrollAPIBridge.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import { useScroll } from '@embedpdf/plugin-scroll/react';
 import { useViewer } from '../../contexts/ViewerContext';
 
@@ -9,11 +9,6 @@ import { useViewer } from '../../contexts/ViewerContext';
 export function ScrollAPIBridge() {
   const { provides: scroll, state: scrollState } = useScroll();
   const { registerBridge, triggerImmediateScrollUpdate } = useViewer();
-  
-  const [_localState, setLocalState] = useState({
-    currentPage: 1,
-    totalPages: 0
-  });
 
   useEffect(() => {
     if (scroll && scrollState) {
@@ -22,15 +17,8 @@ export function ScrollAPIBridge() {
         totalPages: scrollState.totalPages,
       };
       
-      setLocalState(prevState => {
-        // Only update if state actually changed
-        if (prevState.currentPage !== newState.currentPage || prevState.totalPages !== newState.totalPages) {
-          // Trigger immediate update for responsive UI
-          triggerImmediateScrollUpdate(newState.currentPage, newState.totalPages);
-          return newState;
-        }
-        return prevState;
-      });
+      // Trigger immediate update for responsive UI
+      triggerImmediateScrollUpdate(newState.currentPage, newState.totalPages);
 
       registerBridge('scroll', {
         state: newState,

frontend/src/components/viewer/SearchInterface.tsx

@@ -13,8 +13,9 @@ export function SearchInterface({ visible, onClose }: SearchInterfaceProps) {
   const { t } = useTranslation();
   const viewerContext = React.useContext(ViewerContext);
   
-  const searchResults = viewerContext?.getSearchResults();
-  const searchActiveIndex = viewerContext?.getSearchActiveIndex();
+  const searchState = viewerContext?.getSearchState();
+  const searchResults = searchState?.results;
+  const searchActiveIndex = searchState?.activeIndex;
   const searchActions = viewerContext?.searchActions;
   const [searchQuery, setSearchQuery] = useState('');
   const [jumpToValue, setJumpToValue] = useState('');

frontend/src/components/viewer/SelectionAPIBridge.tsx

@@ -9,19 +9,12 @@ export function SelectionAPIBridge() {
   const { provides: selection } = useSelectionCapability();
   const { registerBridge } = useViewer();
   const [hasSelection, setHasSelection] = useState(false);
-  
-  // Store state locally
-  const [_localState, setLocalState] = useState({
-    hasSelection: false
-  });
 
   useEffect(() => {
     if (selection) {
-      // Update local state
       const newState = {
         hasSelection
       };
-      setLocalState(newState);
 
       // Register this bridge with ViewerContext
       registerBridge('selection', {
@@ -38,7 +31,6 @@ export function SelectionAPIBridge() {
         const hasText = !!sel;
         setHasSelection(hasText);
         const updatedState = { hasSelection: hasText };
-        setLocalState(updatedState);
         // Re-register with updated state
         registerBridge('selection', {
           state: updatedState,

frontend/src/components/viewer/SpreadAPIBridge.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect } from 'react';
 import { useSpread, SpreadMode } from '@embedpdf/plugin-spread/react';
 import { useViewer } from '../../contexts/ViewerContext';
 
@@ -8,21 +8,13 @@ import { useViewer } from '../../contexts/ViewerContext';
 export function SpreadAPIBridge() {
   const { provides: spread, spreadMode } = useSpread();
   const { registerBridge } = useViewer();
-  
-  // Store state locally
-  const [_localState, setLocalState] = useState({
-    spreadMode: SpreadMode.None,
-    isDualPage: false
-  });
 
   useEffect(() => {
     if (spread) {
-      // Update local state
       const newState = {
         spreadMode, 
         isDualPage: spreadMode !== SpreadMode.None
       };
-      setLocalState(newState);
 
       // Register this bridge with ViewerContext
       registerBridge('spread', {

frontend/src/components/viewer/ThumbnailSidebar.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Box, ScrollArea } from '@mantine/core';
 import { useViewer } from '../../contexts/ViewerContext';
-import '../../types/embedPdf';
 
 interface ThumbnailSidebarProps {
   visible: boolean;
@@ -19,39 +18,25 @@ export function ThumbnailSidebar({ visible, onToggle: _onToggle }: ThumbnailSide
   // Generate thumbnails when sidebar becomes visible
   useEffect(() => {
     if (!visible || scrollState.totalPages === 0) return;
-
-    console.log('📄 ThumbnailSidebar useEffect triggered:', {
-      visible,
-      thumbnailAPI: !!thumbnailAPI,
-      totalPages: scrollState.totalPages,
-      existingThumbnails: Object.keys(thumbnails).length
-    });
-    
     if (!thumbnailAPI) return;
 
     const generateThumbnails = async () => {
-      console.log('📄 Starting thumbnail generation for', scrollState.totalPages, 'pages');
-      
       for (let pageIndex = 0; pageIndex < scrollState.totalPages; pageIndex++) {
         if (thumbnails[pageIndex]) continue; // Skip if already generated
 
         try {
-          console.log('📄 Attempting to generate thumbnail for page', pageIndex + 1);
-          const thumbTask = thumbnailAPI.renderThumb(pageIndex, 1.0);
-          console.log('📄 Received thumbTask:', thumbTask);
+          const thumbTask = (thumbnailAPI as any).renderThumb(pageIndex, 1.0);
           
           // Convert Task to Promise and handle properly
           thumbTask.toPromise().then((thumbBlob: Blob) => {
-            console.log('📄 Thumbnail generated successfully for page', pageIndex + 1, 'blob:', thumbBlob);
             const thumbUrl = URL.createObjectURL(thumbBlob);
-            console.log('📄 Created blob URL:', thumbUrl);
             
             setThumbnails(prev => ({
               ...prev,
               [pageIndex]: thumbUrl
             }));
           }).catch((error: any) => {
-            console.error('📄 Failed to generate thumbnail for page', pageIndex + 1, error);
+            console.error('Failed to generate thumbnail for page', pageIndex + 1, error);
             setThumbnails(prev => ({
               ...prev,
               [pageIndex]: 'error'

frontend/src/components/viewer/ZoomAPIBridge.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef } from 'react';
 import { useZoom } from '@embedpdf/plugin-zoom/react';
 import { useViewer } from '../../contexts/ViewerContext';
 
@@ -7,21 +7,14 @@ import { useViewer } from '../../contexts/ViewerContext';
  */
 export function ZoomAPIBridge() {
   const { provides: zoom, state: zoomState } = useZoom();
-  const { registerBridge } = useViewer();
+  const { registerBridge, triggerImmediateZoomUpdate } = useViewer();
   const hasSetInitialZoom = useRef(false);
 
-  // Store state locally
-  const [_localState, setLocalState] = useState({
-    currentZoom: 1.4,
-    zoomPercent: 140
-  });
-
   // Set initial zoom once when plugin is ready
   useEffect(() => {
     if (zoom && !hasSetInitialZoom.current) {
       hasSetInitialZoom.current = true;
       setTimeout(() => {
-        console.log('Setting initial zoom to 140%');
         zoom.requestZoom(1.4);
       }, 50);
     }
@@ -35,10 +28,9 @@ export function ZoomAPIBridge() {
         currentZoom: currentZoomLevel,
         zoomPercent: Math.round(currentZoomLevel * 100),
       };
-      
-      console.log('ZoomAPIBridge - Raw zoom level:', currentZoomLevel, 'Rounded percent:', newState.zoomPercent);
-      
-      setLocalState(newState);
+
+      // Trigger immediate update for responsive UI
+      triggerImmediateZoomUpdate(newState.zoomPercent);
 
       // Register this bridge with ViewerContext
       registerBridge('zoom', {