feat(renderer): add Report on GitHub button to ErrorBoundary

When the renderer crashes, the fallback card now shows three actions:
  Copy stack | Report on GitHub | Reload

Clicking "Report on GitHub" opens a pre-filled GitHub issue in the
system browser (routed via setWindowOpenHandler → shell.openExternal).
The issue body is pre-populated with app version (__APP_VERSION__),
platform (navigator.platform), timestamp, error message, and the first
3 000 characters of the stack trace.

GITHUB_REPO_URL is hardcoded from package.json repository.url so the
ErrorBoundary has no IPC dependency and keeps rendering even when the
main process is unresponsive.

i18n keys added: errorBoundary.reportOnGitHub (en + zh-CN).

Author: hqhq1025

apps/desktop/src/renderer/src/components/ErrorBoundary.tsx

@@ -6,6 +6,7 @@
  *   - the error message (loud, not hidden in console)
  *   - "Reload" — re-mounts the children by bumping a key
  *   - "Copy stack" — puts message+stack into the clipboard for bug reports
+ *   - "Report on GitHub" — opens a pre-filled GitHub issue in the browser
  *
  * Used both at the app shell (whole renderer) and per-pane (sidebar /
  * preview / topbar) so a single crash never blanks the entire window.
@@ -15,6 +16,11 @@ import { useT } from '@open-codesign/i18n';
 import { Button } from '@open-codesign/ui';
 import { Component, type ErrorInfo, type ReactNode } from 'react';
 
+// Source: apps/desktop/package.json → repository.url
+// Kept as a constant here so the ErrorBoundary has no runtime dependency on
+// the main process — it must render even when IPC is broken.
+const GITHUB_REPO_URL = 'https://github.com/OpenCoworkAI/open-codesign';
+
 export interface ErrorBoundaryProps {
   children: ReactNode;
   /** Human-readable label used in the fallback heading: "Sidebar crashed". */
@@ -71,6 +77,39 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
     }
   };
 
+  reportOnGitHub = (): void => {
+    const err = this.state.error;
+    if (!err) return;
+
+    const version = typeof __APP_VERSION__ !== 'undefined' ? String(__APP_VERSION__) : 'unknown';
+    const platform = navigator.platform;
+    const timestamp = new Date().toISOString();
+    const stackSnippet = (err.stack ?? '(no stack)').slice(0, 3000);
+
+    const title = `[Renderer] ${err.name}: ${err.message.slice(0, 60)}`;
+    const body = [
+      `**Version:** ${version}`,
+      `**Platform:** ${platform}`,
+      `**Timestamp:** ${timestamp}`,
+      '',
+      '**Error message:**',
+      '```',
+      err.message,
+      '```',
+      '',
+      '**Stack trace:**',
+      '```',
+      stackSnippet,
+      '```',
+    ].join('\n');
+
+    const url = `${GITHUB_REPO_URL}/issues/new?template=bug_report.yml&title=${encodeURIComponent(title)}&description=${encodeURIComponent(body)}`;
+
+    // setWindowOpenHandler in main/index.ts routes window.open to shell.openExternal,
+    // so this safely opens the system browser without a new Electron window.
+    window.open(url, '_blank');
+  };
+
   override render(): ReactNode {
     const { error, resetKey } = this.state;
     if (!error) {
@@ -86,6 +125,7 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
         scope={this.props.scope}
         onReset={this.reset}
         onCopyStack={() => void this.copyStack()}
+        onReportOnGitHub={this.reportOnGitHub}
       />
     );
   }
@@ -96,13 +136,15 @@ interface ErrorBoundaryFallbackProps {
   scope?: string | undefined;
   onReset: () => void;
   onCopyStack: () => void;
+  onReportOnGitHub: () => void;
 }
 
 function ErrorBoundaryFallback({
   error,
   scope,
   onReset,
   onCopyStack,
+  onReportOnGitHub,
 }: ErrorBoundaryFallbackProps): ReactNode {
   const t = useT();
   const scopeLabel = scope ?? t('errorBoundary.scopeFallback');
@@ -123,6 +165,9 @@ function ErrorBoundaryFallback({
           <Button type="button" variant="secondary" size="md" onClick={onCopyStack}>
             {t('errorBoundary.copyStack')}
           </Button>
+          <Button type="button" variant="secondary" size="md" onClick={onReportOnGitHub}>
+            {t('errorBoundary.reportOnGitHub')}
+          </Button>
           <Button type="button" size="md" onClick={onReset}>
             {t('errorBoundary.reload')}
           </Button>

packages/i18n/src/locales/en.json

@@ -568,6 +568,7 @@
     "body": "The rest of the app is still running. Reload this view, or copy the stack to file a bug.",
     "noStack": "(no stack)",
     "copyStack": "Copy stack",
+    "reportOnGitHub": "Report on GitHub",
     "reload": "Reload"
   },
   "errors": {

packages/i18n/src/locales/zh-CN.json

@@ -571,6 +571,7 @@
     "body": "应用其余部分仍在运行。可以重新加载该视图，或复制堆栈用于反馈问题。",
     "noStack": "（无堆栈信息）",
     "copyStack": "复制堆栈",
+    "reportOnGitHub": "在 GitHub 反馈",
     "reload": "重新加载"
   },
   "errors": {