Cleanup phase 4: Fix complex type issues and IPC handler compatibility

ui/desktop/src/App.tsx

@@ -164,7 +164,7 @@ export default function App() {
         if (provider && model) {
           setView('chat');
           try {
-            await initializeSystem(provider, model, {
+            await initializeSystem(provider as string, model as string, {
               getExtensions,
               addExtension,
             });
@@ -231,9 +231,9 @@ export default function App() {
         setIsLoadingSharedSession(false);
       }
     };
-    window.electron.on('open-shared-session', handleOpenSharedSession);
+    window.electron.on('open-shared-session', handleOpenSharedSession as any);
     return () => {
-      window.electron.off('open-shared-session', handleOpenSharedSession);
+      window.electron.off('open-shared-session', handleOpenSharedSession as any);
     };
   }, []);
 
@@ -266,9 +266,9 @@ export default function App() {
       console.error('Is loading session:', isLoadingSession);
       setFatalError(errorMessage);
     };
-    window.electron.on('fatal-error', handleFatalError);
+    window.electron.on('fatal-error', handleFatalError as any);
     return () => {
-      window.electron.off('fatal-error', handleFatalError);
+      window.electron.off('fatal-error', handleFatalError as any);
     };
   }, [view, isLoadingSession]);
 
@@ -289,11 +289,11 @@ export default function App() {
         };
         setView(viewFromUrl, initialViewOptions);
       } else {
-        setView(viewFromUrl);
+        setView(viewFromUrl as View);
       }
     }
-    window.electron.on('set-view', handleSetView);
-    return () => window.electron.off('set-view', handleSetView);
+    window.electron.on('set-view', handleSetView as any);
+    return () => window.electron.off('set-view', handleSetView as any);
   }, []);
 
   useEffect(() => {
@@ -375,9 +375,9 @@ export default function App() {
         console.error('Error handling add-extension event:', error);
       }
     };
-    window.electron.on('add-extension', handleAddExtension);
+    window.electron.on('add-extension', handleAddExtension as any);
     return () => {
-      window.electron.off('add-extension', handleAddExtension);
+      window.electron.off('add-extension', handleAddExtension as any);
     };
   }, [STRICT_ALLOWLIST]);
 
@@ -388,9 +388,9 @@ export default function App() {
         inputField.focus();
       }
     };
-    window.electron.on('focus-input', handleFocusInput);
+    window.electron.on('focus-input', handleFocusInput as any);
     return () => {
-      window.electron.off('focus-input', handleFocusInput);
+      window.electron.off('focus-input', handleFocusInput as any);
     };
   }, []);
 

ui/desktop/src/components/ChatView.tsx

@@ -272,7 +272,7 @@ function ChatContent({
 
   // Update chat messages when they change and save to sessionStorage
   useEffect(() => {
-    setChat((prevChat) => {
+    setChat((prevChat: ChatType) => {
       const updatedChat = { ...prevChat, messages };
       return updatedChat;
     });

ui/desktop/src/components/GoosehintsModal.tsx

@@ -3,7 +3,7 @@ import { Card } from './ui/card';
 import { Button } from './ui/button';
 import { Check } from './icons';
 
-const Modal = ({ children }) => (
+const Modal = ({ children }: { children: React.ReactNode }) => (
   <div className="fixed inset-0 bg-black/20 dark:bg-white/20 backdrop-blur-sm transition-colors animate-[fadein_200ms_ease-in_forwards] z-[1000]">
     <Card className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col min-w-[80%] min-h-[80%] bg-bgApp rounded-xl overflow-hidden shadow-none px-8 pt-[24px] pb-0">
       <div className="flex flex-col flex-1 space-y-8 text-base text-textStandard h-full">
@@ -48,13 +48,13 @@ const ModalHelpText = () => (
   </div>
 );
 
-const ModalError = ({ error }) => (
+const ModalError = ({ error }: { error: any }) => (
   <div className="text-sm text-textSubtle">
     <div className="text-red-600">Error reading .goosehints file: {JSON.stringify(error)}</div>
   </div>
 );
 
-const ModalFileInfo = ({ filePath, found }) => (
+const ModalFileInfo = ({ filePath, found }: { filePath: string; found: boolean }) => (
   <div className="text-sm font-medium">
     {found ? (
       <div className="text-green-600">
@@ -66,7 +66,7 @@ const ModalFileInfo = ({ filePath, found }) => (
   </div>
 );
 
-const ModalButtons = ({ onSubmit, onCancel }) => (
+const ModalButtons = ({ onSubmit, onCancel }: { onSubmit: () => void; onCancel: () => void }) => (
   <div className="-ml-8 -mr-8">
     <Button
       type="submit"
@@ -87,7 +87,7 @@ const ModalButtons = ({ onSubmit, onCancel }) => (
   </div>
 );
 
-const getGoosehintsFile = async (filePath) => await window.electron.readFile(filePath);
+const getGoosehintsFile = async (filePath: string) => await window.electron.readFile(filePath);
 
 type GoosehintsModalProps = {
   directory: string;