update error handling and add error boundary component

2026-07-15 18:25:40 -07:00
parent f2ce3e82fa
commit bd9a6ccffe
15 changed files with 208 additions and 221 deletions
@@ -25,29 +25,11 @@ export default function DevErrorPanel() {
  const copyLog = async (log: DevLogItem) => {
    const payload = formatLogItem(log)
    try {
-      if (navigator.clipboard?.writeText) {
-        await navigator.clipboard.writeText(payload)
-        addDevLog({ kind: 'debug', category: 'dev-log-panel', message: 'Copied log entry', details: { copiedId: log.id } })
-        return
-      }
+      await navigator.clipboard.writeText(payload)
+      addDevLog({ kind: 'debug', category: 'dev-log-panel', message: 'Copied log entry', details: { copiedId: log.id } })
    } catch (error: any) {
      addDevLog({ kind: 'error', category: 'dev-log-panel', message: 'Clipboard copy failed', details: { copiedId: log.id, name: error?.name, message: error?.message ?? String(error) } })
    }
-
-    try {
-      const textarea = document.createElement('textarea')
-      textarea.value = payload
-      textarea.setAttribute('readonly', 'true')
-      textarea.style.position = 'fixed'
-      textarea.style.left = '-9999px'
-      document.body.appendChild(textarea)
-      textarea.select()
-      document.execCommand('copy')
-      textarea.remove()
-      addDevLog({ kind: 'debug', category: 'dev-log-panel', message: 'Copied log entry', details: { copiedId: log.id, fallback: true } })
-    } catch (error: any) {
-      addDevLog({ kind: 'error', category: 'dev-log-panel', message: 'Clipboard fallback copy failed', details: { copiedId: log.id, name: error?.name, message: error?.message ?? String(error) } })
-    }
  }

  useEffect(() => {