feat: add copy diagnostics button

Add copy diagnostics button in About dialog.
Button copies report with OpenChamber state, OpenCode health, directories, and projects.
Show success or error toasts after copying attempt.

packages/ui/src/components/sections/openchamber/AboutSettings.tsx

@@ -138,6 +138,7 @@ export const AboutSettings: React.FC = () => {
     );
   }
 
+
   // Desktop layout (unchanged)
   return (
     <div className="w-full space-y-6">
@@ -200,6 +201,7 @@ export const AboutSettings: React.FC = () => {
         </button>
       </div>
 
+      {/* Links */}
       {/* Links */}
       <div className="flex items-center gap-4">
         <a

packages/ui/src/components/sections/openchamber/OpenChamberSidebar.tsx

@@ -122,6 +122,7 @@ export const OpenChamberSidebar: React.FC<OpenChamberSidebarProps> = ({
           <AboutSettings />
         </div>
       )}
+
     </div>
   );
 };

packages/ui/src/components/ui/AboutDialog.tsx

@@ -5,6 +5,9 @@ import {
 } from '@/components/ui/dialog';
 import { OpenChamberLogo } from '@/components/ui/OpenChamberLogo';
 import { RiDiscordFill, RiGithubFill, RiTwitterXFill } from '@remixicon/react';
+import { debugUtils } from '@/lib/debug';
+import { cn } from '@/lib/utils';
+import { toast } from 'sonner';
 
 declare const __APP_VERSION__: string | undefined;
 
@@ -18,6 +21,28 @@ export const AboutDialog: React.FC<AboutDialogProps> = ({
   onOpenChange,
 }) => {
   const [version, setVersion] = React.useState<string | null>(null);
+  const [isCopyingDiagnostics, setIsCopyingDiagnostics] = React.useState(false);
+  const [copiedDiagnostics, setCopiedDiagnostics] = React.useState(false);
+
+  const handleCopyDiagnostics = React.useCallback(async () => {
+    if (isCopyingDiagnostics) return;
+    setIsCopyingDiagnostics(true);
+    setCopiedDiagnostics(false);
+    try {
+      const result = await debugUtils.copyDiagnosticsReport();
+      if (result.ok) {
+        setCopiedDiagnostics(true);
+        toast.success('Diagnostics copied');
+      } else {
+        toast.error('Copy failed');
+      }
+    } catch (error) {
+      toast.error('Copy failed');
+      console.error('Failed to copy diagnostics:', error);
+    } finally {
+      setIsCopyingDiagnostics(false);
+    }
+  }, [isCopyingDiagnostics]);
 
   React.useEffect(() => {
     if (!open) return;
@@ -70,6 +95,23 @@ export const AboutDialog: React.FC<AboutDialogProps> = ({
             agent
           </p>
 
+          <div className="flex flex-col items-center gap-2 pt-2">
+            <button
+              onClick={handleCopyDiagnostics}
+              disabled={isCopyingDiagnostics}
+              className={cn(
+                'typography-meta text-muted-foreground hover:text-foreground',
+                'underline-offset-2 hover:underline',
+                'disabled:opacity-50 disabled:cursor-not-allowed'
+              )}
+            >
+              {copiedDiagnostics ? 'Diagnostics copied' : 'Copy diagnostics'}
+            </button>
+            <p className="typography-micro text-muted-foreground">
+              Includes OpenChamber state, OpenCode health, directories, and projects.
+            </p>
+          </div>
+
           <div className="flex items-center gap-4 pt-2">
             <a
               href="https://github.com/btriapitsyn/openchamber"