more strict type-based linting, ensure that mispelled words are added to the context menu for replacement

eslint.config.ts

@@ -1,3 +1,4 @@
+import { defineConfig } from 'eslint/config';
 import js from '@eslint/js';
 import globals from 'globals';
 import tseslint from '@typescript-eslint/eslint-plugin';
@@ -11,7 +12,7 @@ import noComments from 'eslint-plugin-no-comments';
 // @ts-ignore - No types available
 import promise from 'eslint-plugin-promise';
 
-const config = [
+const config = defineConfig([
   js.configs.recommended,
   {
     ignores: [
@@ -50,8 +51,8 @@ const config = [
       },
     },
     plugins: {
-      '@typescript-eslint': tseslint,
+      '@typescript-eslint': tseslint as any,
-      'react-hooks': reactHooks,
+      'react-hooks': reactHooks as any,
       react,
       sonarjs,
       'no-comments': noComments,
@@ -69,6 +70,7 @@ const config = [
       ...importPlugin.configs.recommended.rules,
       ...importPlugin.configs.typescript.rules,
       ...tseslint.configs.recommended.rules,
+      ...tseslint.configs['recommended-type-checked'].rules,
       ...tseslint.configs.stylistic.rules,
 
       '@typescript-eslint/no-unused-vars': [
@@ -82,6 +84,12 @@ const config = [
       'no-unused-vars': 'off',
       '@typescript-eslint/no-explicit-any': 'warn',
 
+      '@typescript-eslint/no-unsafe-argument': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+
       'react/function-component-definition': [
         'error',
         {
@@ -226,6 +234,6 @@ const config = [
       'import/no-default-export': 'off',
     },
   },
-];
+]);
 
 export default config;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "gerbil",
   "productName": "Gerbil",
-  "version": "1.18.1",
+  "version": "1.18.2",
   "description": "Run Large Language Models locally",
   "main": "out/main/index.js",
   "homepage": "./",

src/components/App/ErrorBoundary.tsx

@@ -38,7 +38,7 @@ const ErrorFallback = ({
           leftSection={
             <FolderOpen style={{ width: rem(16), height: rem(16) }} />
           }
-          onClick={() => window.electronAPI.app.showLogsFolder()}
+          onClick={() => void window.electronAPI.app.showLogsFolder()}
         >
           Show Logs Folder
         </Button>
@@ -51,7 +51,7 @@ const ErrorFallback = ({
 
         <Button
           onClick={() => {
-            window.electronAPI?.app?.closeWindow();
+            void window.electronAPI?.app?.closeWindow();
           }}
           variant="subtle"
           color="gray"

src/components/App/PerformanceBadge.tsx

@@ -27,7 +27,11 @@ export const PerformanceBadge = ({
   if (iconOnly) {
     return (
       <Tooltip label={tooltipLabel} position="top">
-        <ActionIcon size="sm" variant="subtle" onClick={handlePerformanceClick}>
+        <ActionIcon
+          size="sm"
+          variant="subtle"
+          onClick={() => void handlePerformanceClick()}
+        >
           <Activity size="1.125rem" />
         </ActionIcon>
       </Tooltip>
@@ -49,7 +53,7 @@ export const PerformanceBadge = ({
           fontSize: '0.7em',
           fontWeight: 500,
         }}
-        onClick={handlePerformanceClick}
+        onClick={() => void handlePerformanceClick()}
       >
         {label}: {value}
       </Button>

src/components/App/TitleBar.tsx

@@ -71,7 +71,7 @@ export const TitleBar = ({
       setIsMaximized(currentMaximizedState);
     };
 
-    initializeState();
+    void initializeState();
 
     const cleanup = window.electronAPI.app.onWindowStateToggle(() =>
       setIsMaximized((prev) => !prev)
@@ -112,7 +112,7 @@ export const TitleBar = ({
             w={24}
             h={24}
             style={getLogoStyles()}
-            onClick={handleLogoClick}
+            onClick={() => void handleLogoClick()}
           />
         </Group>
 
@@ -186,19 +186,19 @@ export const TitleBar = ({
           {[
             {
               icon: <Minus size="1rem" />,
-              onClick: () => window.electronAPI.app.minimizeWindow(),
+              onClick: () => void window.electronAPI.app.minimizeWindow(),
               color: undefined,
               label: 'Minimize window',
             },
             {
               icon: isMaximized ? <Copy size="1rem" /> : <Square size="1rem" />,
-              onClick: () => window.electronAPI.app.maximizeWindow(),
+              onClick: () => void window.electronAPI.app.maximizeWindow(),
               color: undefined,
               label: isMaximized ? 'Restore window' : 'Maximize window',
             },
             {
               icon: <X size="1.25rem" />,
-              onClick: () => window.electronAPI.app.closeWindow(),
+              onClick: () => void window.electronAPI.app.closeWindow(),
               color: 'red' as const,
               label: 'Close window',
             },

src/components/App/UpdateAvailableModal.tsx

@@ -154,7 +154,7 @@ export const UpdateAvailableModal = ({
           </Button>
 
           <Button
-            onClick={handleUpdate}
+            onClick={() => void handleUpdate()}
             loading={isDownloading || isUpdating}
             disabled={isDownloading || isUpdating}
             leftSection={

src/components/App/UpdateButton.tsx

@@ -36,7 +36,7 @@ export const UpdateButton = () => {
     color = 'blue';
     label = 'Download and install update';
     onClick = () => {
-      downloadUpdate();
+      void downloadUpdate();
       setShowDownload(false);
     };
     icon = <Download size="1.25rem" />;
@@ -47,7 +47,7 @@ export const UpdateButton = () => {
       : 'Update available - Click to view';
     onClick = () => {
       if (releaseUrl) {
-        window.electronAPI.app.openExternal(releaseUrl);
+        void window.electronAPI.app.openExternal(releaseUrl);
       }
     };
   }
@@ -56,7 +56,7 @@ export const UpdateButton = () => {
     e.preventDefault();
     if (canAutoUpdate && !isDownloading && !isUpdateDownloaded) {
       setShowDownload(true);
-      downloadUpdate();
+      void downloadUpdate();
     }
   };
 

src/components/App/index.tsx

@@ -84,7 +84,7 @@ export const App = () => {
         ? displayModel.split('/').pop() || displayModel
         : null;
 
-      window.electronAPI.app.updateTrayState({
+      void window.electronAPI.app.updateTrayState({
         screen: currentScreen,
         model: modelName,
         config: config || null,
@@ -158,7 +158,7 @@ export const App = () => {
       setHasInitialized(true);
     };
 
-    checkInstallation();
+    void checkInstallation();
   }, []);
 
   useEffect(() => {
@@ -169,12 +169,12 @@ export const App = () => {
         await window.electronAPI.kobold.getCurrentBackend();
       if (currentBackend) {
         setTimeout(() => {
-          checkForUpdates();
+          void checkForUpdates();
         }, 5000);
 
         const interval = setInterval(
           () => {
-            checkForUpdates();
+            void checkForUpdates();
           },
           6 * 60 * 60 * 1000
         );
@@ -183,7 +183,7 @@ export const App = () => {
       }
     };
 
-    runUpdateCheck();
+    void runUpdateCheck();
   }, [loadingRemote, hasInitialized, checkForUpdates]);
 
   const handleBinaryUpdate = async (download: DownloadItem) => {
@@ -240,7 +240,7 @@ export const App = () => {
       <TitleBar
         currentScreen={currentScreen || 'launch'}
         currentTab={activeInterfaceTab}
-        onEject={handleEject}
+        onEject={() => void handleEject()}
         onTabChange={setActiveInterfaceTab}
       />
 
@@ -274,8 +274,8 @@ export const App = () => {
               hasInitialized={hasInitialized}
               activeInterfaceTab={activeInterfaceTab}
               isServerReady={isServerReady}
-              onWelcomeComplete={handleWelcomeComplete}
+              onWelcomeComplete={() => void handleWelcomeComplete()}
-              onDownloadComplete={handleDownloadComplete}
+              onDownloadComplete={() => void handleDownloadComplete()}
               onLaunch={handleLaunch}
             />
           )}

src/components/ImportBackendLink.tsx

@@ -53,7 +53,7 @@ export const ImportBackendLink = ({
           type="button"
           size="sm"
           disabled={isDisabled}
-          onClick={handleImport}
+          onClick={() => void handleImport()}
         >
           {importing ? 'Importing...' : 'Select a local file'}
         </Anchor>

src/components/InfoCard.tsx

@@ -50,7 +50,7 @@ export const InfoCard = ({ title, items, loading = false }: InfoCardProps) => {
         <ActionIcon
           variant="subtle"
           size="sm"
-          onClick={copyInfo}
+          onClick={() => void copyInfo()}
           aria-label={`Copy ${title}`}
           style={{
             position: 'absolute',

src/components/Notepad/Editor.tsx

@@ -38,7 +38,7 @@ export const NotepadEditor = ({ tab }: NotepadEditorProps) => {
       }
 
       const timeout = setTimeout(() => {
-        saveTabContent(tab.title, newContent);
+        void saveTabContent(tab.title, newContent);
       }, 500);
 
       setSaveTimeout(timeout);

src/components/Notepad/Tabs.tsx

@@ -38,7 +38,7 @@ export const NotepadTabs = ({
 
   const handleTabRename = (title: string, newTitle: string) => {
     updateTab(title, { title: newTitle });
-    window.electronAPI.notepad.renameTab(title, newTitle);
+    void window.electronAPI.notepad.renameTab(title, newTitle);
   };
 
   const handleTabBarContextMenu = (e: MouseEvent) => {
@@ -118,7 +118,7 @@ export const NotepadTabs = ({
       <ActionIcon
         variant="subtle"
         size="xs"
-        onClick={onCreateNewTab}
+        onClick={() => void onCreateNewTab()}
         style={{
           margin: '0.25rem',
           alignSelf: 'center',

src/components/screens/Download.tsx

@@ -100,7 +100,7 @@ export const DownloadScreen = ({ onDownloadComplete }: DownloadScreenProps) => {
                           }
                           onDownload={(e) => {
                             e.stopPropagation();
-                            handleDownload(download);
+                            void handleDownload(download);
                           }}
                         />
                       </div>

src/components/screens/Launch/ConfigFileManager.tsx

@@ -103,7 +103,7 @@ export const ConfigFileManager = ({
                   return;
                 }
                 if (value) {
-                  onFileSelection(value);
+                  void onFileSelection(value);
                 }
               }}
               data={selectData}
@@ -124,7 +124,7 @@ export const ConfigFileManager = ({
             variant="outline"
             leftSection={saveSuccess ? <Check size={14} /> : <Save size={14} />}
             size="sm"
-            onClick={handleSaveClick}
+            onClick={() => void handleSaveClick()}
             color={saveSuccess ? 'green' : undefined}
             style={{ width: '6rem' }}
           >

src/components/screens/Launch/CreateConfigModal.tsx

@@ -60,7 +60,7 @@ export const CreateConfigModal = ({
           </Button>
           <Button
             disabled={!trimmedConfigName || !!configNameExists}
-            onClick={handleSubmit}
+            onClick={() => void handleSubmit()}
           >
             Create
           </Button>

src/components/screens/Launch/DeleteConfigModal.tsx

@@ -29,7 +29,7 @@ export const DeleteConfigModal = ({
           <Button variant="subtle" onClick={onClose}>
             Cancel
           </Button>
-          <Button color="red" onClick={onConfirm}>
+          <Button color="red" onClick={() => void onConfirm()}>
             Delete
           </Button>
         </Group>

src/components/screens/Launch/GeneralTab/AccelerationSelector.tsx

@@ -45,12 +45,12 @@ export const AccelerationSelector = () => {
     };
 
     if (!hasInitialized.current) {
-      loadAccelerations();
+      void loadAccelerations();
     }
 
     const cleanup = window.electronAPI.kobold.onVersionsUpdated(() => {
       hasInitialized.current = false;
-      loadAccelerations();
+      void loadAccelerations();
     });
 
     return cleanup;
@@ -133,7 +133,7 @@ export const AccelerationSelector = () => {
       }
     };
 
-    calculateLayers();
+    void calculateLayers();
   }, [
     autoGpuLayers,
     model,

src/components/screens/Launch/GeneralTab/index.tsx

@@ -36,7 +36,7 @@ export const GeneralTab = ({ configLoaded = true }: GeneralTabProps) => {
             placeholder="Select a .gguf model file or enter a direct URL to file"
             tooltip="Select a GGUF text generation model file for chat and completion tasks."
             onChange={setModel}
-            onSelectFile={() => selectFile('model', 'Select Text Model')}
+            onSelectFile={() => void selectFile('model', 'Select Text Model')}
             searchParams={{
               pipelineTag: 'text-generation',
               filter: 'gguf',

src/components/screens/Launch/HuggingFaceSearchModal/ModelCard.tsx

@@ -42,7 +42,9 @@ export const ModelCard = ({ modelId }: ModelCardProps) => {
   return (
     <Accordion>
       <Accordion.Item value="readme">
-        <Accordion.Control onClick={loadReadme}>Model Card</Accordion.Control>
+        <Accordion.Control onClick={() => void loadReadme()}>
+          Model Card
+        </Accordion.Control>
         <Accordion.Panel>
           {loading && (
             <Group justify="center" py="md">

src/components/screens/Launch/HuggingFaceSearchModal/ModelsTable.tsx

@@ -69,7 +69,7 @@ export const ModelsTable = ({
             key={model.id}
             onClick={() => {
               if (model.gated) {
-                window.electronAPI.app.openExternal(
+                void window.electronAPI.app.openExternal(
                   `${HUGGINGFACE_BASE_URL}/${model.id}`
                 );
               } else {

src/components/screens/Launch/HuggingFaceSearchModal/index.tsx

@@ -71,7 +71,7 @@ export const HuggingFaceSearchModal = ({
 
   useEffect(() => {
     if (opened && !prevOpenedRef.current) {
-      searchModels();
+      void searchModels();
     }
     if (!opened && prevOpenedRef.current) {
       reset();
@@ -81,7 +81,7 @@ export const HuggingFaceSearchModal = ({
 
   useEffect(() => {
     if (opened && debouncedQuery !== undefined) {
-      searchModels(debouncedQuery);
+      void searchModels(debouncedQuery);
     }
   }, [debouncedQuery, opened, searchModels]);
 
@@ -91,7 +91,7 @@ export const HuggingFaceSearchModal = ({
   };
 
   const handleModelSelect = (model: HuggingFaceModelInfo) => {
-    loadModelFiles(model);
+    void loadModelFiles(model);
   };
 
   const handleFileSelect = (file: HuggingFaceFileInfo) => {
@@ -103,12 +103,12 @@ export const HuggingFaceSearchModal = ({
 
   const handleBack = () => {
     reset();
-    searchModels(searchQuery);
+    void searchModels(searchQuery);
   };
 
   const handleOpenExternal = () => {
     if (selectedModel) {
-      window.electronAPI.app.openExternal(
+      void window.electronAPI.app.openExternal(
         `${HUGGINGFACE_BASE_URL}/${selectedModel.id}`
       );
     }
@@ -196,7 +196,7 @@ export const HuggingFaceSearchModal = ({
             const isNearBottom =
               target.scrollHeight - y <= target.clientHeight + 100;
             if (isNearBottom && hasMore && !loading && !selectedModel) {
-              loadMoreModels();
+              void loadMoreModels();
             }
           }}
           viewportRef={scrollAreaRef}

src/components/screens/Launch/ImageGenerationTab.tsx

@@ -68,7 +68,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a model file or enter a direct URL"
         tooltip="The primary image generation model. This is the main model that will generate images."
         onChange={setSdmodel}
-        onSelectFile={() => selectFile('sdmodel', 'Select Image Model')}
+        onSelectFile={() => void selectFile('sdmodel', 'Select Image Model')}
         searchParams={{
           pipelineTag: 'text-to-image',
           filter: 'gguf',
@@ -84,7 +84,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a T5-XXL encoder file or enter a direct URL"
         tooltip="T5-XXL text encoder model for advanced text understanding."
         onChange={setSdt5xxl}
-        onSelectFile={() => selectFile('sdt5xxl', 'Select T5XXL Model')}
+        onSelectFile={() => void selectFile('sdt5xxl', 'Select T5XXL Model')}
         searchParams={{
           search: 't5xxl',
           filter: 'safetensors',
@@ -99,7 +99,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a Clip-L file or enter a direct URL"
         tooltip="CLIP-L text encoder model for text-image understanding."
         onChange={setSdclipl}
-        onSelectFile={() => selectFile('sdclipl', 'Select CLIP-L Model')}
+        onSelectFile={() => void selectFile('sdclipl', 'Select CLIP-L Model')}
         searchParams={{
           search: 'clip',
           filter: 'safetensors',
@@ -114,7 +114,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a Clip-G file or enter a direct URL"
         tooltip="CLIP-G text encoder model for enhanced text-image understanding, or mmproj files for vision-language models."
         onChange={setSdclipg}
-        onSelectFile={() => selectFile('sdclipg', 'Select CLIP-G Model')}
+        onSelectFile={() => void selectFile('sdclipg', 'Select CLIP-G Model')}
         searchParams={{
           search: 'clip',
           filter: 'gguf',
@@ -130,7 +130,7 @@ export const ImageGenerationTab = () => {
         tooltip="PhotoMaker is a model that allows face cloning. Select a .safetensors PhotoMaker file to be loaded (SDXL only)."
         onChange={setSdphotomaker}
         onSelectFile={() =>
-          selectFile('sdphotomaker', 'Select PhotoMaker Model')
+          void selectFile('sdphotomaker', 'Select PhotoMaker Model')
         }
         searchParams={{
           search: 'photomaker',
@@ -146,7 +146,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a VAE file or enter a direct URL"
         tooltip="Variational Autoencoder model for improved image quality."
         onChange={setSdvae}
-        onSelectFile={() => selectFile('sdvae', 'Select VAE Model')}
+        onSelectFile={() => void selectFile('sdvae', 'Select VAE Model')}
         searchParams={{
           search: 'vae',
           filter: 'safetensors',
@@ -161,7 +161,7 @@ export const ImageGenerationTab = () => {
         placeholder="Select a LoRa file or enter a direct URL"
         tooltip="LoRa (Low-Rank Adaptation) file for customizing image generation. Select a .safetensors or .gguf LoRa file to be loaded. Should be unquantized."
         onChange={setSdlora}
-        onSelectFile={() => selectFile('sdlora', 'Select LoRA Model')}
+        onSelectFile={() => void selectFile('sdlora', 'Select LoRA Model')}
         searchParams={{
           search: 'lora',
           filter: 'safetensors',

src/components/screens/Launch/ModelFileField.tsx

@@ -56,7 +56,7 @@ export const ModelFileField = ({
   const combobox = useCombobox();
 
   useEffect(() => {
-    (async () => {
+    void (async () => {
       try {
         const models =
           await window.electronAPI.kobold.getLocalModels(paramType);
@@ -168,7 +168,7 @@ export const ModelFileField = ({
             }
           >
             <ActionIcon
-              onClick={handleAnalyzeModel}
+              onClick={() => void handleAnalyzeModel()}
               variant="light"
               color="blue"
               size="lg"

src/components/screens/Launch/index.tsx

@@ -285,7 +285,7 @@ export const LaunchScreen = ({ onLaunch }: LaunchScreenProps) => {
   }, [loadConfigFiles]);
 
   const handleLaunchClick = useCallback(() => {
-    handleLaunch({
+    void handleLaunch({
       autoGpuLayers,
       gpuLayers,
       contextSize,

src/components/settings/AboutTab.tsx

@@ -31,7 +31,7 @@ export const AboutTab = () => {
       }
     };
 
-    loadVersionInfo();
+    void loadVersionInfo();
   }, []);
 
   if (!versionInfo) {
@@ -60,7 +60,7 @@ export const AboutTab = () => {
             alt={PRODUCT_NAME}
             w={64}
             h={64}
-            onClick={handleLogoClick}
+            onClick={() => void handleLogoClick()}
             style={{
               minWidth: 64,
               minHeight: 64,
@@ -93,7 +93,7 @@ export const AboutTab = () => {
                   leftSection={
                     <button.icon style={{ width: rem(16), height: rem(16) }} />
                   }
-                  onClick={button.onClick}
+                  onClick={() => void button.onClick()}
                   style={
                     button.label === 'GitHub'
                       ? { textDecoration: 'none' }

src/components/settings/BackendsTab.tsx

@@ -68,7 +68,7 @@ export const BackendsTab = () => {
       }
     };
 
-    init();
+    void init();
   }, [getLatestReleaseWithDownloadStatus, refreshDownloads]);
 
   const loadInstalledBackends = useCallback(async () => {
@@ -230,7 +230,7 @@ export const BackendsTab = () => {
       setCurrentBackend(targetBackend);
     }
 
-    window.electronAPI.kobold.setCurrentBackend(backend.installedPath);
+    void window.electronAPI.kobold.setCurrentBackend(backend.installedPath);
   };
 
   if (loadingInstalled) {
@@ -301,19 +301,19 @@ export const BackendsTab = () => {
               disabled={isDisabled}
               onDownload={(e) => {
                 e.stopPropagation();
-                handleDownload(backend);
+                void handleDownload(backend);
               }}
               onUpdate={(e) => {
                 e.stopPropagation();
-                handleUpdate(backend);
+                void handleUpdate(backend);
               }}
               onRedownload={(e) => {
                 e.stopPropagation();
-                handleRedownload(backend);
+                void handleRedownload(backend);
               }}
               onDelete={(e) => {
                 e.stopPropagation();
-                handleDelete(backend);
+                void handleDelete(backend);
               }}
               onMakeCurrent={() => makeCurrent(backend)}
             />

src/components/settings/FrontendInterfaceSelector.tsx

@@ -212,10 +212,10 @@ export const FrontendInterfaceSelector = ({
     const initialize = async () => {
       await checkAllFrontendRequirements();
     };
-    initialize();
+    void initialize();
 
     const handleFocus = () => {
-      checkAllFrontendRequirements();
+      void checkAllFrontendRequirements();
     };
 
     window.addEventListener('focus', handleFocus);
@@ -225,7 +225,7 @@ export const FrontendInterfaceSelector = ({
   useEffect(() => {
     if (frontendPreference) {
       // eslint-disable-next-line react-hooks/set-state-in-effect
-      checkAllFrontendRequirements();
+      void checkAllFrontendRequirements();
     }
   }, [frontendPreference, checkAllFrontendRequirements]);
 
@@ -323,7 +323,7 @@ export const FrontendInterfaceSelector = ({
             >
               Cancel
             </Button>
-            <Button color="red" onClick={handleClearOpenWebUIData}>
+            <Button color="red" onClick={() => void handleClearOpenWebUIData()}>
               Clear Data
             </Button>
           </Group>

src/components/settings/GeneralTab.tsx

@@ -19,7 +19,7 @@ export const GeneralTab = () => {
       setStartMinimizedToTray(startMinimized);
     };
 
-    loadSystemTrayPreference();
+    void loadSystemTrayPreference();
   }, []);
 
   const handleSystemTrayToggle = async (checked: boolean) => {
@@ -66,7 +66,7 @@ export const GeneralTab = () => {
           label="Enable system tray icon"
           checked={enableSystemTray}
           onChange={(event) =>
-            handleSystemTrayToggle(event.currentTarget.checked)
+            void handleSystemTrayToggle(event.currentTarget.checked)
           }
         />
       </div>
@@ -83,7 +83,7 @@ export const GeneralTab = () => {
           checked={startMinimizedToTray}
           disabled={!enableSystemTray}
           onChange={(event) =>
-            handleStartMinimizedToggle(event.currentTarget.checked)
+            void handleStartMinimizedToggle(event.currentTarget.checked)
           }
         />
       </div>

src/components/settings/SystemTab.tsx

@@ -56,7 +56,7 @@ export const SystemTab = () => {
       }
     };
 
-    loadAll();
+    void loadAll();
   }, []);
 
   if (loading || !versionInfo) {

src/components/settings/TroubleshootingTab.tsx

@@ -13,7 +13,7 @@ export const TroubleshootingTab = () => {
       }
     };
 
-    loadCurrentInstallDir();
+    void loadCurrentInstallDir();
   }, []);
 
   const handleSelectInstallDir = async () => {
@@ -49,7 +49,7 @@ export const TroubleshootingTab = () => {
           />
           <Button
             variant="outline"
-            onClick={handleSelectInstallDir}
+            onClick={() => void handleSelectInstallDir()}
             leftSection={
               <FolderOpen style={{ width: rem(16), height: rem(16) }} />
             }
@@ -58,7 +58,7 @@ export const TroubleshootingTab = () => {
           </Button>
           <Button
             variant="outline"
-            onClick={handleOpenInstallDir}
+            onClick={() => void handleOpenInstallDir()}
             disabled={!installDir}
             leftSection={
               <ExternalLink style={{ width: rem(16), height: rem(16) }} />
@@ -83,7 +83,7 @@ export const TroubleshootingTab = () => {
             leftSection={
               <FolderOpen style={{ width: rem(16), height: rem(16) }} />
             }
-            onClick={() => window.electronAPI.app.showLogsFolder()}
+            onClick={() => void window.electronAPI.app.showLogsFolder()}
           >
             Show Logs
           </Button>
@@ -93,7 +93,7 @@ export const TroubleshootingTab = () => {
             leftSection={
               <Monitor style={{ width: rem(16), height: rem(16) }} />
             }
-            onClick={() => window.electronAPI.app.viewConfigFile()}
+            onClick={() => void window.electronAPI.app.viewConfigFile()}
           >
             View Config
           </Button>

src/hooks/useAppUpdateChecker.ts

@@ -50,7 +50,7 @@ export const useAppUpdateChecker = () => {
 
   const installUpdate = useCallback(() => {
     if (isUpdateDownloaded) {
-      window.electronAPI.updater.quitAndInstall();
+      void window.electronAPI.updater.quitAndInstall();
     }
   }, [isUpdateDownloaded]);
 

src/hooks/useHuggingFaceSearch.ts

@@ -184,7 +184,7 @@ export const useHuggingFaceSearch = (
 
   const changeSortOrder = useCallback(
     (sort: HuggingFaceSortOption, query?: string) => {
-      searchModels(query, true, sort);
+      void searchModels(query, true, sort);
     },
     [searchModels]
   );

src/hooks/useUpdateChecker.ts

@@ -35,7 +35,7 @@ export const useUpdateChecker = () => {
       }
     };
 
-    loadDismissedUpdates();
+    void loadDismissedUpdates();
   }, []);
 
   const checkForUpdates = useCallback(async () => {

src/hooks/useWarnings.ts

@@ -235,7 +235,7 @@ export const useWarnings = ({
 
   useEffect(() => {
     // eslint-disable-next-line react-hooks/set-state-in-effect
-    updateBackendWarnings();
+    void updateBackendWarnings();
   }, [updateBackendWarnings]);
 
   const allWarnings = useMemo(

src/main/cli.ts

@@ -86,10 +86,10 @@ export async function handleCliMode(args: string[]) {
       }
     };
 
-    on('SIGINT', handleSignal);
+    on('SIGINT', () => void handleSignal());
-    on('SIGTERM', handleSignal);
+    on('SIGTERM', () => void handleSignal());
     if (platform === 'win32') {
-      on('SIGBREAK', handleSignal);
+      on('SIGBREAK', () => void handleSignal());
     }
   });
 }

src/main/gui.ts

@@ -67,12 +67,12 @@ export async function initializeApp(options?: { startMinimized?: boolean }) {
     app.quit();
   });
 
-  app.on('before-quit', async (event) => {
+  app.on('before-quit', (event) => {
     event.preventDefault();
 
-    await safeExecute(async () => {
+    void safeExecute(async () => {
       const cleanupPromises = [
-        cleanupWindow(),
+        Promise.resolve(cleanupWindow()),
         stopKoboldCpp(),
         stopSillyTavern(),
         stopOpenWebUI(),

src/main/index.ts

@@ -1,10 +1,10 @@
 import { argv, exit } from 'process';
 
 if (argv[1] === '--version') {
-  (async () => {
+  void (async () => {
     try {
       const { app } = await import('electron');
-      const version = await app.getVersion();
+      const version = app.getVersion();
       // eslint-disable-next-line no-console
       console.log(version);
     } catch {
@@ -14,7 +14,7 @@ if (argv[1] === '--version') {
     exit(0);
   })();
 } else {
-  (async () => {
+  void (async () => {
     const isCliMode = argv.includes('--cli');
 
     if (isCliMode) {

src/main/ipc.ts

@@ -150,9 +150,9 @@ export function setupIPCHandlers() {
   );
 
   ipcMain.handle('kobold:stopKoboldCpp', () => {
-    stopKoboldCpp();
+    void stopKoboldCpp();
-    stopSillyTavernFrontend();
+    void stopSillyTavernFrontend();
-    stopOpenWebUIFrontend();
+    void stopOpenWebUIFrontend();
   });
 
   ipcMain.handle('kobold:parseConfigFile', (_, filePath) =>
@@ -196,13 +196,13 @@ export function setupIPCHandlers() {
 
   ipcMain.handle('config:get', (_, key) => getConfig(key));
 
-  ipcMain.on('config:set', (_, key, value) => setConfig(key, value));
+  ipcMain.on('config:set', (_, key, value) => void setConfig(key, value));
 
   ipcMain.handle('app:getVersion', () => app.getVersion());
 
   ipcMain.handle('app:getVersionInfo', () => getVersionInfo());
 
-  ipcMain.handle('app:openPath', (_, path) => openPathHandler(path));
+  ipcMain.handle('app:openPath', async (_, path) => openPathHandler(path));
 
   ipcMain.handle('app:showLogsFolder', () =>
     openPathHandler(join(app.getPath('userData'), 'logs'))
@@ -230,12 +230,12 @@ export function setupIPCHandlers() {
 
   ipcMain.handle('app:setZoomLevel', (_, level) => {
     mainWindow.webContents.setZoomLevel(level);
-    setConfig('zoomLevel', level);
+    void setConfig('zoomLevel', level);
   });
 
   ipcMain.handle('app:getColorScheme', () => getColorScheme());
 
-  ipcMain.handle('app:setColorScheme', (_, colorScheme) =>
+  ipcMain.handle('app:setColorScheme', async (_, colorScheme) =>
     setConfig('colorScheme', colorScheme)
   );
 
@@ -275,8 +275,8 @@ export function setupIPCHandlers() {
 
   ipcMain.handle('app:openExternal', async (_, url) => openUrl(url));
 
-  mainWindow.webContents.once('did-finish-load', async () => {
+  mainWindow.webContents.once('did-finish-load', () => {
-    const savedZoomLevel = await getConfig('zoomLevel');
+    const savedZoomLevel = getConfig('zoomLevel');
     if (typeof savedZoomLevel === 'number') {
       mainWindow.webContents.setZoomLevel(savedZoomLevel);
     }

src/main/modules/koboldcpp/download.ts

@@ -84,7 +84,10 @@ async function downloadFile(asset: GitHubAsset, tempPackedFilePath: string) {
   await pump();
 
   await new Promise<void>((resolve, reject) => {
-    writer.on('finish', async () => {
+    writer.on(
+      'finish',
+      () =>
+        void (async () => {
           if (platform !== 'win32') {
             try {
               await chmod(tempPackedFilePath, 0o755);
@@ -93,7 +96,8 @@ async function downloadFile(asset: GitHubAsset, tempPackedFilePath: string) {
             }
           }
           resolve();
-    });
+        })()
+    );
     writer.on('error', reject);
   });
 }

src/main/modules/koboldcpp/launcher/index.ts

@@ -222,7 +222,7 @@ export async function launchKoboldCpp(
     sendKoboldOutput(commandLine);
 
     if (remotetunnel) {
-      startTunnel(frontendPreference);
+      void startTunnel(frontendPreference);
     }
 
     let readyResolve:
@@ -334,9 +334,9 @@ export async function launchKoboldCpp(
 
 export async function stopKoboldCpp() {
   abortActiveDownloads();
-  stopProxy();
+  void stopProxy();
-  stopTunnel();
+  void stopTunnel();
-  stopPreLaunchProcesses();
+  void stopPreLaunchProcesses();
   isIntentionalStop = true;
   return terminateProcess(koboldProcess);
 }
@@ -346,14 +346,10 @@ export const launchKoboldCppWithCustomFrontends = async (
   preLaunchCommands: string[] = []
 ) =>
   safeExecute(async () => {
-    const [frontendPreference, imageGenerationFrontendPreference] =
+    const frontendPreference = getConfig('frontendPreference');
-      (await Promise.all([
+    const imageGenerationFrontendPreference = getConfig(
-        getConfig('frontendPreference'),
+      'imageGenerationFrontendPreference'
-        getConfig('imageGenerationFrontendPreference'),
+    );
-      ])) as [
-        FrontendPreference,
-        ImageGenerationFrontendPreference | undefined,
-      ];
 
     const { isTextMode } = parseKoboldConfig(args);
 
@@ -372,9 +368,9 @@ export const launchKoboldCppWithCustomFrontends = async (
     }
 
     if (frontendPreference === 'sillytavern') {
-      startSillyTavernFrontend(args);
+      void startSillyTavernFrontend(args);
     } else if (frontendPreference === 'openwebui') {
-      startOpenWebUIFrontend(args);
+      void startOpenWebUIFrontend(args);
     }
 
     return result;

src/main/modules/koboldcpp/model-download.ts

@@ -94,7 +94,7 @@ async function downloadFile(
       abort: () => {
         isAborted = true;
         currentRequest?.destroy();
-        cleanup();
+        void cleanup();
         reject(new Error('Download aborted by user'));
       },
       tempPath,
@@ -197,7 +197,7 @@ async function downloadFile(
 
           if (totalBytes > 0 && downloadedBytes !== totalBytes) {
             activeDownloads.delete(abortController);
-            cleanup();
+            void cleanup();
             reject(
               new Error(
                 `Incomplete download: received ${downloadedBytes} bytes, expected ${totalBytes} bytes`
@@ -207,7 +207,10 @@ async function downloadFile(
           }
 
           fileStream.end();
-          fileStream.on('finish', async () => {
+          fileStream.on(
+            'finish',
+            () =>
+              void (async () => {
                 try {
                   await rename(tempPath, outputPath);
                   sendKoboldOutput('\n');
@@ -217,22 +220,31 @@ async function downloadFile(
                   activeDownloads.delete(abortController);
                   reject(err instanceof Error ? err : new Error(String(err)));
                 }
-          });
+              })()
+          );
         });
 
-        response.on('error', async (err) => {
+        response.on(
+          'error',
+          (err) =>
+            void (async () => {
               if (isAborted) return;
               activeDownloads.delete(abortController);
               await cleanup();
               reject(err);
-        });
+            })()
+        );
 
-        fileStream.on('error', async (err) => {
+        fileStream.on(
+          'error',
+          (err) =>
+            void (async () => {
               if (isAborted) return;
               activeDownloads.delete(abortController);
               await cleanup();
               reject(err);
-        });
+            })()
+        );
       }).on('error', (err) => {
         if (isAborted) return;
         activeDownloads.delete(abortController);

src/main/modules/monitoring.ts

@@ -64,20 +64,20 @@ export function startMonitoring(window: BrowserWindow) {
   mainWindow = window;
   isRunning = true;
 
-  collectAndSendCpuMetrics();
+  void collectAndSendCpuMetrics();
   cpuInterval = setInterval(() => {
-    collectAndSendCpuMetrics();
+    void collectAndSendCpuMetrics();
   }, updateFrequency);
 
-  collectAndSendMemoryMetrics();
+  void collectAndSendMemoryMetrics();
   memoryInterval = setInterval(() => {
-    collectAndSendMemoryMetrics();
+    void collectAndSendMemoryMetrics();
   }, updateFrequency);
 
   if (platform === 'linux') {
-    collectAndSendGpuMetrics();
+    void collectAndSendGpuMetrics();
     gpuInterval = setInterval(() => {
-      collectAndSendGpuMetrics();
+      void collectAndSendGpuMetrics();
     }, updateFrequency);
   }
 }

src/main/modules/openwebui.ts

@@ -82,10 +82,8 @@ export async function startFrontend(args: string[]) {
       isImageMode,
     } = parseKoboldConfig(args);
 
-    const [, appVersion] = await Promise.all([
+    await stopFrontend();
-      stopFrontend(),
+    const appVersion = app.getVersion();
-      app.getVersion(),
-    ]);
 
     sendKoboldOutput(
       `Preparing Open WebUI to connect at ${koboldHost}:${koboldPort}${isImageMode ? ' (with image generation)' : ''}...`

src/main/modules/sillytavern.ts

@@ -187,17 +187,23 @@ async function ensureSillyTavernSettings() {
         const output = data.toString();
 
         if (output.includes(SERVER_READY_SIGNALS.SILLYTAVERN)) {
-          setTimeout(async () => {
+          setTimeout(
+            () =>
+              void (async () => {
                 if (!initProcess.killed && !hasResolved) {
                   hasResolved = true;
 
                   await terminateProcess(initProcess);
 
-              sendKoboldOutput('SillyTavern settings should now be generated');
+                  sendKoboldOutput(
+                    'SillyTavern settings should now be generated'
+                  );
 
                   resolve();
                 }
-          }, 2000);
+              })(),
+            2000
+          );
         }
       });
     }

src/main/modules/static-server.ts

@@ -9,7 +9,9 @@ let serverPort = 0;
 
 export const startStaticServer = (distPath: string) =>
   new Promise<string>((resolve, reject) => {
-    server = createServer(async (req, res) => {
+    server = createServer(
+      (req, res) =>
+        void (async () => {
           const requestPath = req.url === '/' ? 'index.html' : req.url!;
           let filePath = join(distPath, requestPath);
 
@@ -27,7 +29,8 @@ export const startStaticServer = (distPath: string) =>
             res.writeHead(404);
             res.end('Not found');
           }
-    });
+        })()
+    );
 
     server.listen(0, 'localhost', () => {
       const address = server!.address();

src/main/modules/window.ts

@@ -171,6 +171,7 @@ function setupContextMenu(mainWindow: BrowserWindow) {
     const hasSelection = !!params.selectionText;
     const isEditable = params.isEditable;
     const isDev = isDevelopment;
+    const hasMisspelling = !!params.misspelledWord;
 
     const canCut = hasSelection && isEditable;
     const canCopy = hasSelection;
@@ -192,11 +193,40 @@ function setupContextMenu(mainWindow: BrowserWindow) {
       });
     }
 
-    if (hasEditOperations) {
+    if (hasMisspelling && params.dictionarySuggestions.length > 0) {
       if (isDev) {
         menuItems.push({ type: 'separator' as const });
       }
 
+      params.dictionarySuggestions.forEach((suggestion) => {
+        menuItems.push({
+          label: suggestion,
+          click: () => {
+            mainWindow.webContents.replaceMisspelling(suggestion);
+          },
+        });
+      });
+
+      menuItems.push({ type: 'separator' as const });
+      menuItems.push({
+        label: 'Add to Dictionary',
+        click: () => {
+          mainWindow.webContents.session.addWordToSpellCheckerDictionary(
+            params.misspelledWord
+          );
+        },
+      });
+
+      if (hasEditOperations) {
+        menuItems.push({ type: 'separator' as const });
+      }
+    }
+
+    if (hasEditOperations) {
+      if (isDev && !hasMisspelling) {
+        menuItems.push({ type: 'separator' as const });
+      }
+
       if (canUndo) {
         menuItems.push({ label: 'Undo', role: 'undo' as const });
       }

src/preload/index.ts

@@ -74,7 +74,7 @@ const koboldAPI: KoboldAPI = {
       flashAttention,
       acceleration
     ),
-  stopKoboldCpp: () => ipcRenderer.invoke('kobold:stopKoboldCpp'),
+  stopKoboldCpp: () => void ipcRenderer.invoke('kobold:stopKoboldCpp'),
   onDownloadProgress: (callback) => {
     const handler = (_: IpcRendererEvent, progress: number) =>
       callback(progress);
@@ -141,14 +141,14 @@ const appAPI: AppAPI = {
   openPath: (path) => ipcRenderer.invoke('app:openPath', path),
   getVersion: () => ipcRenderer.invoke('app:getVersion'),
   getVersionInfo: () => ipcRenderer.invoke('app:getVersionInfo'),
-  minimizeWindow: () => ipcRenderer.invoke('app:minimizeWindow'),
+  minimizeWindow: async () => ipcRenderer.invoke('app:minimizeWindow'),
-  maximizeWindow: () => ipcRenderer.invoke('app:maximizeWindow'),
+  maximizeWindow: async () => ipcRenderer.invoke('app:maximizeWindow'),
-  closeWindow: () => ipcRenderer.invoke('app:closeWindow'),
+  closeWindow: async () => ipcRenderer.invoke('app:closeWindow'),
   isMaximized: () => ipcRenderer.invoke('app:isMaximized'),
   getZoomLevel: () => ipcRenderer.invoke('app:getZoomLevel'),
-  setZoomLevel: (level) => ipcRenderer.invoke('app:setZoomLevel', level),
+  setZoomLevel: async (level) => ipcRenderer.invoke('app:setZoomLevel', level),
   getColorScheme: () => ipcRenderer.invoke('app:getColorScheme'),
-  setColorScheme: (colorScheme) =>
+  setColorScheme: async (colorScheme) =>
     ipcRenderer.invoke('app:setColorScheme', colorScheme),
   getEnableSystemTray: () => ipcRenderer.invoke('app:getEnableSystemTray'),
   setEnableSystemTray: (enabled) =>
@@ -252,7 +252,7 @@ const monitoringAPI: MonitoringAPI = {
 const updaterAPI: UpdaterAPI = {
   checkForUpdates: () => ipcRenderer.invoke('app:checkForUpdates'),
   downloadUpdate: () => ipcRenderer.invoke('app:downloadUpdate'),
-  quitAndInstall: () => ipcRenderer.invoke('app:quitAndInstall'),
+  quitAndInstall: async () => ipcRenderer.invoke('app:quitAndInstall'),
   isUpdateDownloaded: () => ipcRenderer.invoke('app:isUpdateDownloaded'),
   canAutoUpdate: () => ipcRenderer.invoke('app:canAutoUpdate'),
   isAURInstallation: () => ipcRenderer.invoke('app:isAURInstallation'),

src/stores/koboldBackends.ts

@@ -203,4 +203,4 @@ export const useKoboldBackendsStore = create<KoboldBackendsState>(
   })
 );
 
-useKoboldBackendsStore.getState().initialize();
+void useKoboldBackendsStore.getState().initialize();

src/stores/notepad.ts

@@ -71,7 +71,10 @@ export const useNotepadStore = create<NotepadStore>()(
               t.title === title ? { ...t, content: DEFAULT_TAB_CONTENT } : t
             ),
           }));
-          window.electronAPI.notepad.saveTabContent(title, DEFAULT_TAB_CONTENT);
+          void window.electronAPI.notepad.saveTabContent(
+            title,
+            DEFAULT_TAB_CONTENT
+          );
         }
 
         return;
@@ -90,7 +93,7 @@ export const useNotepadStore = create<NotepadStore>()(
         activeTabId: newActiveTabId,
       });
 
-      window.electronAPI.notepad.deleteTab(title);
+      void window.electronAPI.notepad.deleteTab(title);
     },
 
     reorderTabs: (fromIndex, toIndex) => {
@@ -184,7 +187,7 @@ useNotepadStore.subscribe(
   }),
   () => {
     if (useNotepadStore.getState().isLoaded) {
-      useNotepadStore.getState().saveState();
+      void useNotepadStore.getState().saveState();
     }
   },
   {
@@ -198,5 +201,5 @@ useNotepadStore.subscribe(
 );
 
 setTimeout(() => {
-  useNotepadStore.getState().loadState();
+  void useNotepadStore.getState().loadState();
 }, 0);

src/types/electron.d.ts

@@ -208,9 +208,9 @@ export interface AppAPI {
   openPath: (path: string) => Promise<void>;
   getVersion: () => Promise<string>;
   getVersionInfo: () => Promise<SystemVersionInfo>;
-  minimizeWindow: () => void;
+  minimizeWindow: () => Promise<void>;
-  maximizeWindow: () => void;
+  maximizeWindow: () => Promise<void>;
-  closeWindow: () => void;
+  closeWindow: () => Promise<void>;
   isMaximized: () => Promise<boolean>;
   getZoomLevel: () => Promise<number>;
   setZoomLevel: (level: number) => Promise<void>;
@@ -267,7 +267,7 @@ export interface MonitoringAPI {
 export interface UpdaterAPI {
   checkForUpdates: () => Promise<boolean>;
   downloadUpdate: () => Promise<boolean>;
-  quitAndInstall: () => void;
+  quitAndInstall: () => Promise<void>;
   isUpdateDownloaded: () => Promise<boolean>;
   canAutoUpdate: () => Promise<boolean>;
   isAURInstallation: () => Promise<boolean>;

src/utils/node/logging.ts

@@ -24,7 +24,13 @@ const createAppLogger = () => {
       format.timestamp({
         format: 'YYYY-MM-DD HH:mm:ss.SSS',
       }),
-      format.printf(({ timestamp, level, message, error }) => {
+      format.printf((info) => {
+        const { timestamp, level, message, error } = info as {
+          timestamp: string;
+          level: string;
+          message: string;
+          error?: Error;
+        };
         let logEntry = `${timestamp} [MAIN] [${level.toUpperCase()}] ${message}`;
 
         if (error && error instanceof Error) {

src/utils/node/path.ts

@@ -50,11 +50,11 @@ export const openPathHandler = async (path: string) =>
     error: 'Failed to open path',
   };
 
-export const openUrl = (url: string) =>
+export const openUrl = async (url: string) =>
-  safeExecute(async () => {
+  (await safeExecute(async () => {
     await shell.openExternal(url);
     return { success: true };
-  }, 'Failed to open external URL') || {
+  }, 'Failed to open external URL')) || {
     success: false,
     error: 'Failed to open external URL',
   };