wip

Author: acharneski

demo/presentations/presentation.js

@@ -4,7 +4,6 @@ let utterances = [];
 let currentUtteranceIndex = 0;
 const autoplayButton = document.getElementById('autoplayButton');
 const voiceSelect = document.getElementById('voiceSelect');
-const statusMessage = document.getElementById('statusMessage');
 const debugLog = [];
 
 function handleVideoElements(callback) {

desktop/src/main/resources/welcome/welcome.html

@@ -1433,24 +1433,6 @@ <h4>API Settings</h4>
         updateLaunchSummaries();
     }
 
-    // Reset task settings
-    function resetTaskSettings() {
-        document.getElementById('model-selection').value = 'GPT4o';
-        document.getElementById('parsing-model').value = 'GPT4oMini';
-        document.getElementById('working-dir').value = '.';
-        document.getElementById('temperature').value = '0.2';
-        document.getElementById('temperature-value').textContent = '0.2';
-        document.getElementById('auto-fix').checked = false;
-        // Clear localStorage for task settings
-        localStorage.removeItem('defaultModel');
-        localStorage.removeItem('parsingModel');
-        localStorage.removeItem('workingDir');
-        localStorage.removeItem('temperature');
-        localStorage.removeItem('autoFix');
-
-        showNotification('Task settings reset', 'warning');
-    }
-
     // Save cognitive mode
     function saveCognitiveMode() {
         const modeElements = document.getElementsByName('cognitive-mode');
@@ -1481,20 +1463,6 @@ <h4>API Settings</h4>
         // No need to click any tab here as we're using the wizard navigation
     }
 
-    // Reset cognitive mode
-    function resetCognitiveMode() {
-        document.getElementById('single-task-mode').checked = true;
-        cognitiveMode = 'single-task';
-        // Reset additional settings
-        document.getElementById('max-task-history').value = '20000';
-        document.getElementById('max-tasks-per-iteration').value = '3';
-        document.getElementById('max-iterations').value = '100';
-        // Hide all settings panels
-        document.getElementById('graph-settings').style.display = 'none';
-        document.getElementById('auto-plan-settings').style.display = 'none';
-        showNotification('Cognitive mode reset', 'warning');
-    }
-
     // Load saved settings from localStorage
     function loadSavedSettings() {
         // Load cognitive mode

webapp/src/reportWebVitals.js

@@ -1,18 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        import('web-vitals').then(({getCLS, getFID, getFCP, getLCP, getTTFB}) => {
-            // Core Web Vitals
-            getCLS(onPerfEntry);
-            getFID(onPerfEntry);
-            getFCP(onPerfEntry);
-            getLCP(onPerfEntry);
-            getTTFB(onPerfEntry);
-        }).catch(error => {
-            console.error('Web-vitals initialization failed:', error.message);
-        });
-    } else {
-       console.warn('Web-vitals initialization failed: onPerfEntry must be a valid function');
-    }
-};
-
-export default reportWebVitals;

webapp/src/store/slices/configSlice.ts

@@ -108,30 +108,10 @@ const configSlice = createSlice({
                 }
             }
         },
-        resetConfig: () => {
-            return initialState;
-        },
-        setConnectionConfig: (state, action: PayloadAction<{
-            retryAttempts: number;
-            timeout: number;
-        }>) => {
-            console.log('[ConfigSlice] Updating connection config:', {
-                previous: {
-                    retryAttempts: state.websocket.retryAttempts,
-                    timeout: state.websocket.timeout
-                },
-                new: action.payload
-            });
-            state.websocket.retryAttempts = action.payload.retryAttempts;
-            state.websocket.timeout = action.payload.timeout;
-        },
         setTheme: (state, action: PayloadAction<ThemeName>) => {
             state.theme.current = action.payload;
             localStorage.setItem('theme', action.payload);
         },
-        toggleAutoTheme: (state) => {
-            state.theme.autoSwitch = !state.theme.autoSwitch;
-        },
         updateWebSocketConfig: (state, action: PayloadAction<Partial<WebSocketConfig>>) => {
             // Only allow WebSocket config updates in development mode
             if (process.env.NODE_ENV !== 'development') {
@@ -150,24 +130,6 @@ const configSlice = createSlice({
                 });
             }
         },
-        updateConfig: (state: AppConfig, action: PayloadAction<Partial<AppConfig>>) => {
-            return {...state, ...action.payload};
-        },
-        toggleSingleInput: (state: AppConfig) => {
-            state.singleInput = !state.singleInput;
-        },
-        toggleStickyInput: (state: AppConfig) => {
-            state.stickyInput = !state.stickyInput;
-        },
-        toggleLoadImages: (state: AppConfig) => {
-            state.loadImages = !state.loadImages;
-        },
-        toggleMenubar: (state: AppConfig) => {
-            state.showMenubar = !state.showMenubar;
-        },
-        setApplicationName: (state: AppConfig, action: PayloadAction<string>) => {
-            state.applicationName = action.payload;
-        },
     },
 });
 
@@ -191,12 +153,6 @@ function applyMenubarConfig(showMenubar: boolean) {
 }
 
 export const {
-    updateConfig,
-    toggleSingleInput,
-    toggleStickyInput,
-    toggleLoadImages,
-    toggleMenubar,
-    setApplicationName,
     updateWebSocketConfig,
     setAppInfo,
 } = configSlice.actions;

webapp/src/store/slices/connectionSlice.ts

@@ -25,23 +25,15 @@ const connectionSlice = createSlice({
         state.error = null;
       }
     },
-    setReconnectingStatus(state, action: PayloadAction<boolean>) {
-      state.isReconnecting = action.payload;
-    },
     setConnectionError(state, action: PayloadAction<Error | null>) {
       state.error = action.payload;
     },
-    setReadyState(state, action: PayloadAction<number | null>) {
-      state.readyState = action.payload;
-    }
   }
 });
 
 export const {
   setConnectionStatus,
-  setReconnectingStatus,
   setConnectionError,
-  setReadyState
 } = connectionSlice.actions;
 
 export default connectionSlice.reducer;

webapp/src/store/slices/messageSlice.ts

@@ -30,7 +30,7 @@ const debouncedUpdate = debounce(() => {
     updateTabs();
     Prism.highlightAll();
     try {
-        mermaid.init(undefined, document.querySelectorAll('.mermaid:not(.mermaid-processed)'));
+        mermaid.run();
         document.querySelectorAll('.mermaid').forEach(el => el.classList.add('mermaid-processed'));
     } catch (error) {
         console.error('Failed to render mermaid diagram:', error);
@@ -80,59 +80,11 @@ const messageSlice = createSlice({
             }
             state.messages.push(action.payload);
         },
-        updateMessage: (state: MessageState, action: PayloadAction<MessageUpdate>) => {
-            const {id, updates} = action.payload;
-            const messageIndex = state.messages.findIndex((msg: Message) => msg.id === id);
-            if (messageIndex !== -1) {
-                state.messages[messageIndex] = {...state.messages[messageIndex], ...updates};
-            } else {
-                console.warn(`Failed to update message: ID ${id} not found`);
-            }
-        },
-        deleteMessage: (state: MessageState, action: PayloadAction<string>) => {
-            console.debug(` Deleting message: ${action.payload}`);
-            state.messages = state.messages.filter((msg: Message) => msg.id !== action.payload);
-            console.debug(` Messages updated after deletion, remaining: ${state.messages.length}`);
-        },
-        addToPendingMessages: (state: MessageState, action: PayloadAction<Message>) => {
-            state.pendingMessages.push(action.payload);
-        },
-        removePendingMessage: (state: MessageState, action: PayloadAction<string>) => {
-            state.pendingMessages = state.pendingMessages.filter((msg: Message) => msg.id !== action.payload);
-        },
-        addToMessageQueue: (state, action: PayloadAction<Message>) => {
-            state.messageQueue.push(action.payload);
-        },
-        clearMessageQueue: (state: MessageState) => {
-            state.messageQueue = [];
-        },
-        setProcessing: (state: MessageState, action: PayloadAction<boolean>) => {
-            console.debug(` Setting processing state to: ${action.payload}`);
-            state.isProcessing = action.payload;
-        },
-        clearMessages: (state: MessageState) => {
-            const totalCleared = state.messages.length + 
-                               state.pendingMessages.length + 
-                               state.messageQueue.length;
-            state.messages = [];
-            state.pendingMessages = [];
-            state.messageQueue = [];
-            state.isProcessing = false;
-            console.info(`Cleared ${totalCleared} total messages`);
-        },
     },
 });
 
 export const {
     addMessage,
-    updateMessage,
-    deleteMessage,
-    addToPendingMessages,
-    removePendingMessage,
-    addToMessageQueue,
-    clearMessageQueue,
-    setProcessing,
-    clearMessages,
 } = messageSlice.actions;
 
 export default messageSlice.reducer;

webapp/src/store/slices/uiSlice.ts

@@ -24,15 +24,6 @@ const safeStorage = {
             return false;
         }
     },
-    getUsedSpace() {
-        let total = 0;
-        for (const key in localStorage) {
-            if (Object.prototype.hasOwnProperty.call(localStorage, key)) {
-                total += localStorage[key].length + key.length;
-            }
-        }
-        return (total * 2) / 1024 / 1024; // Approximate MB used
-    },
     clearOldItems() {
         const themeKey = 'theme';
         // Keep theme but clear other items
@@ -82,20 +73,11 @@ export const uiSlice = createSlice({
     name: 'ui',
     initialState,
     reducers: {
-        setActiveTab: (state, action: PayloadAction<string>) => {
-            state.activeTab = action.payload;
-        },
         setTheme: (state, action: PayloadAction<ThemeName>) => {
             logStateChange('Theme', action.payload, state.theme);
             state.theme = action.payload;
             safeStorage.setItem('theme', action.payload);
         },
-        setDarkMode: (state, action: PayloadAction<boolean>) => {
-            const newTheme = action.payload ? 'night' : 'main';
-            logStateChange('Dark mode theme', newTheme, state.theme);
-            state.theme = newTheme;
-            safeStorage.setItem('theme', newTheme);
-        },
         showModal: (state, action: PayloadAction<string>) => {
             state.modalOpen = true;
             state.modalType = action.payload;
@@ -121,6 +103,6 @@ export const uiSlice = createSlice({
     },
 });
 
-export const {setTheme, showModal, hideModal, toggleVerbose, setActiveTab, setModalContent} = uiSlice.actions;
+export const {setTheme, showModal, hideModal, toggleVerbose, setModalContent} = uiSlice.actions;
 
 export default uiSlice.reducer;

webapp/src/types.ts

@@ -2,27 +2,6 @@
 // Re-export ThemeName from theme.ts to maintain single source of truth
 export type { ThemeName } from './types/theme';
 
-// Define log levels
-export type LogLevel = 'critical' | 'error' | 'warn' | 'info';
-// Define log priority
-export type LogPriority = 'high' | 'normal' | 'low';
-
-// Define log message structure
-export interface LogMessage {
-    level: LogLevel;
-    priority: LogPriority;
-    source: string;
-    message: string;
-    timestamp: number;
-    context: {
-        userId?: string;
-        errorCode?: string;
-        stackTrace?: string;
-        additionalInfo?: Record<string, unknown>;
-    };
-}
-
-// Define console styles
 export interface ConsoleStyle {
     // Add specific styles for critical logs
     isCritical?: boolean;

webapp/src/types/global.d.ts

@@ -1,18 +1,8 @@
-// Extend the Window interface to include the mermaid property
 declare global {
     interface HTMLElement {
         _contentObserver?: MutationObserver;
-        // Add JSDoc comment explaining the purpose of _contentObserver
-        /**
-         * MutationObserver instance used to watch for content changes
-         * @internal This is intended for internal use only
-         */
     }
 }
-// Export AppConfig type with proper type definition
-interface AppConfig {
-    // Add AppConfig interface properties here
-}
 
 
  export type {AppConfig};