Refactor duplicated code patterns into shared utilities

src/components/chat/ChatView.tsx

@@ -1,4 +1,5 @@
 import { useState, useCallback, useRef } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import { useTranslation } from 'react-i18next'
 import { useAppStore, useAgentStore, useWebSearchStore, usePetStore } from '../../stores'
 import { useSkillStore } from '../../stores/skillStore'
@@ -99,7 +100,7 @@ export function ChatView() {
           })
           await Pi.sendMcpToolResponse(piSessionId, request.requestId, result)
         } catch (err) {
-          await Pi.sendMcpToolResponse(piSessionId, request.requestId, null, err instanceof Error ? err.message : String(err))
+          await Pi.sendMcpToolResponse(piSessionId, request.requestId, null, getErrorMessage(err))
         }
       },
       onToolApproval: (request) => {

src/components/chat/shared/CodeRunBlock.tsx

@@ -1,4 +1,5 @@
 import { useState, useCallback } from 'react'
+import { getErrorMessage } from '../../../utils/errors'
 import { useTranslation } from 'react-i18next'
 import { Play, Square, Terminal, Copy, Check, AlertCircle } from 'lucide-react'
 
@@ -47,7 +48,7 @@ export function CodeRunBlock({ code, language }: CodeRunBlockProps) {
 
       setOutput(outputLines.join('\n') || '(no output)')
     } catch (err) {
-      setError(err instanceof Error ? err.message : String(err))
+      setError(getErrorMessage(err))
     } finally {
       setRunning(false)
     }

src/components/chat/shared/MermaidBlock.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
+import { getErrorMessage } from '../../../utils/errors'
 
 interface MermaidBlockProps {
   code: string
@@ -29,7 +30,7 @@ export function MermaidBlock({ code }: MermaidBlockProps) {
         }
       } catch (err) {
         if (!cancelled) {
-          setError(err instanceof Error ? err.message : 'Failed to render mermaid diagram')
+          setError(getErrorMessage(err, 'Failed to render mermaid diagram'))
           setRendered(false)
         }
       }

src/components/mcp/MCPSettings.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { getErrorMessage } from '../../utils/errors'
 import { useTranslation } from 'react-i18next';
 import {
   Server,
@@ -374,7 +375,7 @@ function AddMCPServerModal({ onClose }: AddMCPServerModalProps) {
         }
         onClose();
       } catch (err) {
-        setJsonError(err instanceof Error ? err.message : t('mcp.invalidJson'));
+        setJsonError(getErrorMessage(err, t('mcp.invalidJson')));
       }
       return;
     }

src/components/platforms/PlatformCard.tsx

@@ -5,6 +5,7 @@ import { Send, Check, Loader2, Link, Link2Off, ChevronDown } from 'lucide-react'
 import { MagicButton } from '../ui'
 import type { PlatformConfig } from '../../types/platform'
 import { getBaseUrl } from '../../utils/piClient'
+import { jsonRequest } from '../../utils/http'
 
 interface ContactEntry {
   key: string
@@ -345,15 +346,11 @@ function DetectChatIdButton({ platform, onDetected }: { platform: PlatformConfig
         const username = msg.from?.username || msg.from?.first_name || ''
 
         // Reply to the user with their chat ID
-        await fetch(`https://api.telegram.org/bot${token}/sendMessage`, {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({
-            chat_id: chatId,
-            text: `Your Chat ID: \`${chatId}\`\nUsername: @${username}\n\nCopy this Chat ID into S-Loop platform settings.`,
-            parse_mode: 'Markdown',
-          }),
-        })
+        await fetch(`https://api.telegram.org/bot${token}/sendMessage`, jsonRequest({
+          chat_id: chatId,
+          text: `Your Chat ID: \`${chatId}\`\nUsername: @${username}\n\nCopy this Chat ID into S-Loop platform settings.`,
+          parse_mode: 'Markdown',
+        }))
 
         onDetected(chatId)
         setMsg(`Found: ${chatId} (@${username}). Sent confirmation to Telegram.`)

src/components/preview/DocxPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 
 interface DocxPreviewProps {
   filePath: string
@@ -31,7 +32,7 @@ export function DocxPreview({ filePath, onLoaded, onError }: DocxPreviewProps) {
         }
       } catch (err) {
         if (!cancelled) {
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/preview/ExcelPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import * as XLSX from 'xlsx'
 
 interface ExcelPreviewProps {
@@ -46,7 +47,7 @@ export function ExcelPreview({ filePath, onLoaded, onError }: ExcelPreviewProps)
         }
       } catch (err) {
         if (!cancelled) {
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/preview/MarkdownPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import remarkMath from 'remark-math'
@@ -28,7 +29,7 @@ export function MarkdownPreview({ filePath, onLoaded, onError }: MarkdownPreview
         }
       } catch (err) {
         if (!cancelled) {
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/preview/PdfPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState, useRef } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 
 interface PdfPreviewProps {
   filePath: string
@@ -40,7 +41,7 @@ export function PdfPreview({ filePath, onLoaded, onError }: PdfPreviewProps) {
         if (!cancelled) onLoaded()
       } catch (err) {
         if (!cancelled) {
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/preview/PptxPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 
 interface PptxPreviewProps {
   filePath: string
@@ -241,7 +242,7 @@ export function PptxPreview({ filePath, onLoaded, onError }: PptxPreviewProps) {
       } catch (err) {
         if (!cancelled) {
           setLoading(false)
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/preview/TextPreview.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import CodeMirror from '@uiw/react-codemirror'
 import { oneDark } from '@codemirror/theme-one-dark'
 import type { Extension } from '@codemirror/state'
@@ -58,7 +59,7 @@ export function TextPreview({ filePath, onLoaded, onError }: TextPreviewProps) {
         }
       } catch (err) {
         if (!cancelled) {
-          onError(err instanceof Error ? err.message : String(err))
+          onError(getErrorMessage(err))
         }
       }
     }

src/components/skills/SkillDropZone.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect, useCallback } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import { useTranslation } from 'react-i18next'
 import { useSkillStore } from '../../stores/skillStore'
 import { FileArchive, Loader2, Check, AlertCircle } from 'lucide-react'
@@ -61,7 +62,7 @@ export function SkillDropZone() {
       setTimeout(reset, 2000)
     } catch (err) {
       setStatus('error')
-      setStatusText(err instanceof Error ? err.message : t('skills.zipParseError'))
+      setStatusText(getErrorMessage(err, t('skills.zipParseError')))
       setTimeout(reset, 3000)
     }
   }, [t, installSkillZip, reset])

src/components/skills/SkillSettings.tsx

@@ -1,4 +1,5 @@
 import { useState, useRef } from 'react';
+import { getErrorMessage } from '../../utils/errors'
 import { useTranslation } from 'react-i18next';
 import { open } from '@tauri-apps/plugin-dialog';
 import {
@@ -128,7 +129,7 @@ export function SkillSettings() {
             setDropInstalled(true);
             setTimeout(() => setDropInstalled(false), 2000);
           } catch (err) {
-            setDropError(err instanceof Error ? err.message : t('skills.zipParseError'));
+            setDropError(getErrorMessage(err, t('skills.zipParseError')));
           } finally {
             setDropInstalling(false);
           }

src/components/tasks/CreateTaskModal.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import { getErrorMessage } from '../../utils/errors'
 import { createPortal } from 'react-dom';
 import { useTranslation } from 'react-i18next';
 import { useTaskStore, useAppStore } from '../../stores';
@@ -95,7 +96,7 @@ export function CreateTaskModal({ onClose }: CreateTaskModalProps) {
       await createTask({ name: name.trim(), prompt: prompt.trim(), schedule, provider: activeProvider, model: providerConfigs[activeProvider]?.model || '', apiKey: providerConfigs[activeProvider]?.apiKey || '', workspaceDir: workspaceDir || undefined, deliver, enabled: true });
       onClose();
     } catch (err) {
-      setError(err instanceof Error ? err.message : String(err));
+      setError(getErrorMessage(err));
     } finally { setSaving(false); }
   };
 

src/components/workspace/WorkspacePanel.tsx

@@ -1,4 +1,5 @@
 import { useState, type ReactElement, type ReactNode } from 'react'
+import { getErrorMessage } from '../../utils/errors'
 import { useTranslation } from 'react-i18next'
 import {
   ChevronRight,
@@ -196,7 +197,7 @@ export function WorkspacePanel() {
         setFeedback(result.message)
       }
     } catch (error) {
-      setFeedback(error instanceof Error ? error.message : t('agentStudio.feedback.remoteComingSoon'))
+      setFeedback(getErrorMessage(error, t('agentStudio.feedback.remoteComingSoon')))
     } finally {
       setBusyInstallKey(null)
     }
@@ -219,7 +220,7 @@ export function WorkspacePanel() {
       })))
     } catch (error) {
       setRemoteSkills([])
-      setRemoteSkillsError(error instanceof Error ? error.message : t('agentStudio.library.remoteSearchError'))
+      setRemoteSkillsError(getErrorMessage(error, t('agentStudio.library.remoteSearchError')))
     } finally {
       setRemoteSkillsLoading(false)
     }
@@ -245,7 +246,7 @@ export function WorkspacePanel() {
       setFeedback(t('agentStudio.feedback.remoteInstalled', { name: item.name }))
       setShowMcpPicker(false)
     } catch (error) {
-      setFeedback(error instanceof Error ? error.message : t('agentStudio.feedback.remoteComingSoon'))
+      setFeedback(getErrorMessage(error, t('agentStudio.feedback.remoteComingSoon')))
     } finally {
       setBusyInstallKey(null)
     }