Add help button which opens GitHub issue w/ system report | explicitly log with electron-log & scrub logs

src/components/HelpDialog.tsx

@@ -9,6 +9,7 @@ import {
 import { Button } from "@/components/ui/button";
 import { BookOpenIcon, BugIcon } from "lucide-react";
 import { IpcClient } from "@/ipc/ipc_client";
+import { useState } from "react";
 
 interface HelpDialogProps {
   isOpen: boolean;
@@ -16,6 +17,60 @@ interface HelpDialogProps {
 }
 
 export function HelpDialog({ isOpen, onClose }: HelpDialogProps) {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleReportBug = async () => {
+    setIsLoading(true);
+    try {
+      // Get system debug info
+      const debugInfo = await IpcClient.getInstance().getSystemDebugInfo();
+
+      // Create a formatted issue body with the debug info
+      const issueBody = `
+## Bug Description
+<!-- Please describe the issue you're experiencing -->
+
+## Steps to Reproduce
+<!-- Please list the steps to reproduce the issue -->
+
+## Expected Behavior
+<!-- What did you expect to happen? -->
+
+## Actual Behavior
+<!-- What actually happened? -->
+
+## System Information
+- Dyad Version: ${debugInfo.dyadVersion}
+- Platform: ${debugInfo.platform}
+- Architecture: ${debugInfo.architecture}
+- Node Version: ${debugInfo.nodeVersion || "Not available"}
+- PNPM Version: ${debugInfo.pnpmVersion || "Not available"}
+- Node Path: ${debugInfo.nodePath || "Not available"}
+
+## Logs
+\`\`\`
+${debugInfo.logs.slice(-3_500) || "No logs available"}
+\`\`\`
+`;
+
+      // Create the GitHub issue URL with the pre-filled body
+      const encodedBody = encodeURIComponent(issueBody);
+      const encodedTitle = encodeURIComponent("[bug] <add title>");
+      const githubIssueUrl = `https://github.com/dyad-sh/dyad/issues/new?title=${encodedTitle}&labels=bug,filed-from-app&body=${encodedBody}`;
+
+      // Open the pre-filled GitHub issue page
+      IpcClient.getInstance().openExternalUrl(githubIssueUrl);
+    } catch (error) {
+      console.error("Failed to prepare bug report:", error);
+      // Fallback to opening the regular GitHub issue page
+      IpcClient.getInstance().openExternalUrl(
+        "https://github.com/dyad-sh/dyad/issues/new"
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
       <DialogContent>
@@ -46,17 +101,15 @@ export function HelpDialog({ isOpen, onClose }: HelpDialogProps) {
           <div className="flex flex-col space-y-2">
             <Button
               variant="outline"
-              onClick={() =>
-                IpcClient.getInstance().openExternalUrl(
-                  "https://github.com/dyad-sh/dyad/issues/new"
-                )
-              }
+              onClick={handleReportBug}
+              disabled={isLoading}
               className="w-full py-6 bg-(--background-lightest)"
             >
-              <BugIcon className="mr-2 h-5 w-5" /> Report a Bug
+              <BugIcon className="mr-2 h-5 w-5" />{" "}
+              {isLoading ? "Preparing Report..." : "Report a Bug"}
             </Button>
             <p className="text-sm text-muted-foreground px-2">
-              We’ll auto-fill your report with system info and logs. You can
+              We'll auto-fill your report with system info and logs. You can
               review it for any sensitive info before submitting.
             </p>
           </div>

src/components/ProviderSettings.tsx

@@ -20,7 +20,6 @@ export function ProviderSettingsGrid({
   const navigate = useNavigate();
 
   const handleProviderClick = (provider: ModelProvider) => {
-    console.log("PROVIDER", provider);
     navigate({
       to: providerSettingsRoute.id,
       params: { provider },