style: enforce single quotes across codebase

Author: Tim Sinaeve

.eslintrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+    parser: '@typescript-eslint/parser',
+    plugins: ['@typescript-eslint'],
+    rules: {
+        'quotes': 'off',
+        '@typescript-eslint/quotes': ['error', 'single', { avoidEscape: true }],
+        'jsx-quotes': ['error', 'prefer-double']
+    },
+    ignorePatterns: ['dist', 'node_modules']
+};

components/CustomTitleBar.tsx

@@ -64,7 +64,7 @@ const WindowControls: React.FC<{ platform: string, isMaximized: boolean }> = ({
   // Fix: Check for electronAPI existence.
   if (!window.electronAPI) return null;
 
-  const buttonClass = "not-draggable w-12 h-7 flex items-center justify-center transition-colors hover:bg-border-color/50 focus:outline-none";
+  const buttonClass = 'not-draggable w-12 h-7 flex items-center justify-center transition-colors hover:bg-border-color/50 focus:outline-none';
   const closeButtonClass = `${buttonClass} hover:bg-red-500 hover:text-white`;
 
   const controls = (

components/IconButton.tsx

@@ -23,7 +23,7 @@ const IconButton: React.FC<IconButtonProps> = ({ children, tooltip, className, v
     setIsHovered(false);
   }, []);
 
-  const baseClasses = "flex items-center justify-center rounded-sm focus:outline-none transition-colors duration-100";
+  const baseClasses = 'flex items-center justify-center rounded-sm focus:outline-none transition-colors duration-100';
 
   const variantClasses = {
     primary: 'text-text-secondary hover:text-text-main hover:bg-border-color/30',

components/InfoView.tsx

@@ -95,7 +95,7 @@ const InfoView: React.FC<InfoViewProps> = ({
 
       } catch (err) {
         if (err instanceof Error) {
-            console.error("Error fetching documents:", err);
+            console.error('Error fetching documents:', err);
             setError(`Could not load documentation. Error: ${err.message}`);
             const errorState = (Object.keys(docFiles) as DocTab[]).reduce((acc, tab) => {
                 acc[tab] = `# Error\nFailed to load content for ${tab}.`;

components/JsonEditor.tsx

@@ -18,7 +18,7 @@ const JsonEditor: React.FC<JsonEditorProps> = ({ value, onChange, readOnly = fal
   const highlightedContent = useMemo(() => {
     if (typeof Prism === 'undefined' || !Prism.languages.json) {
       // Fallback for when Prism isn't loaded yet
-      return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+      return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
     }
     // Always use the JSON highlighter. It's robust enough to handle incomplete JSON
     // without crashing and prevents the language switching that caused cursor jumps.

components/PromptEditor.tsx

@@ -686,7 +686,7 @@ const DocumentEditor: React.FC<DocumentEditorProps> = ({
     if (!content.trim()) return;
     await navigator.clipboard.writeText(content);
     setIsCopied(true);
-    addLog('INFO', `Document content copied to clipboard.`);
+    addLog('INFO', 'Document content copied to clipboard.');
     setTimeout(() => setIsCopied(false), 2000);
   }, [content, addLog]);
 

components/PromptHistoryModal.tsx

@@ -83,7 +83,7 @@ const DocumentHistoryModal: React.FC<DocumentHistoryModalProps> = ({ document, o
                     <p className="text-sm text-text-secondary">Compared to the previous version</p>
                 </div>
                  <div className="flex items-center gap-2">
-                    <IconButton onClick={() => handleCopy(selectedVersion.content)} tooltip={isCopied ? "Copied!" : "Copy Content"}>
+                    <IconButton onClick={() => handleCopy(selectedVersion.content)} tooltip={isCopied ? 'Copied!' : 'Copy Content'}>
                         {isCopied ? <CheckIcon className="w-5 h-5 text-success" /> : <CopyIcon className="w-5 h-5" />}
                     </IconButton>
                     <Button onClick={() => onRestore(selectedVersion.content)} disabled={selectedIndex === 0} variant="secondary">

components/PromptHistoryView.tsx

@@ -322,7 +322,7 @@ const DocumentHistoryView: React.FC<DocumentHistoryViewProps> = ({ document, onB
                                 Inline
                             </button>
                         </div>
-                        <IconButton onClick={handleCopy} tooltip={isCopied ? "Copied!" : "Copy Selected Version"} size="xs">
+                        <IconButton onClick={handleCopy} tooltip={isCopied ? 'Copied!' : 'Copy Selected Version'} size="xs">
                             {isCopied ? <CheckIcon className="w-4 h-4 text-success" /> : <CopyIcon className="w-4 h-4" />}
                         </IconButton>
                         <IconButton

components/SettingsTreeEditor.tsx

@@ -19,7 +19,7 @@ const ValueEditor: React.FC<{
   onSettingChange: (path: (string | number)[], value: any) => void;
 }> = ({ path, value, onSettingChange }) => {
   const type = getValueType(value);
-  const inputClass = "w-full p-1 text-sm rounded-md bg-background text-text-main border border-border-color focus:ring-1 focus:ring-primary focus:outline-none";
+  const inputClass = 'w-full p-1 text-sm rounded-md bg-background text-text-main border border-border-color focus:ring-1 focus:ring-primary focus:outline-none';
 
   switch (type) {
     case 'string':

components/SettingsView.tsx

@@ -606,7 +606,7 @@ const ProviderSettingsSection: React.FC<SectionProps & { discoveredServices: Dis
                     const models = await llmDiscoveryService.fetchModels(currentService);
                     setAvailableModels(models);
                 } catch (error) {
-                    console.error("Failed to fetch models for current service:", error);
+                    console.error('Failed to fetch models for current service:', error);
                     setAvailableModels([]);
                 } finally {
                     setIsFetchingModels(false);