dev3000 0.0.112 → 0.0.113

package/mcp-server/app/api/cloud/fix-workflow/steps.ts

@@ -55,36 +55,56 @@ export async function createD3kSandbox(
   let clsData: unknown = null
   let mcpError: string | null = null
 
+  // Helper function to properly consume sandbox command output
+  // The Vercel Sandbox SDK returns a result object with an async logs() iterator
+  async function runSandboxCommand(
+    sandbox: typeof sandboxResult.sandbox,
+    cmd: string,
+    args: string[]
+  ): Promise<{ exitCode: number; stdout: string; stderr: string }> {
+    const result = await sandbox.runCommand({ cmd, args })
+    let stdout = ""
+    let stderr = ""
+    for await (const log of result.logs()) {
+      if (log.stream === "stdout") {
+        stdout += log.data
+      } else {
+        stderr += log.data
+      }
+    }
+    await result.wait()
+    return { exitCode: result.exitCode, stdout, stderr }
+  }
+
   try {
     // Call fix_my_app MCP tool via curl from inside the sandbox
     // This avoids network isolation issues - we're calling localhost:3684 from within the sandbox
-    const mcpCommand = `curl -s -X POST http://localhost:3684/mcp \\
-      -H "Content-Type: application/json" \\
-      -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"fix_my_app","arguments":{"mode":"snapshot","focusArea":"performance","returnRawData":true}}}'`
+    const mcpCommand = `curl -s -X POST http://localhost:3684/mcp -H "Content-Type: application/json" -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"fix_my_app","arguments":{"mode":"snapshot","focusArea":"performance","returnRawData":true}}}'`
 
     console.log(`[Step 0] Executing MCP command inside sandbox...`)
-    const mcpResult = await sandboxResult.sandbox.runCommand({
-      cmd: "bash",
-      args: ["-c", mcpCommand]
-    })
+    console.log(`[Step 0] MCP command: ${mcpCommand.substring(0, 200)}...`)
 
-    console.log(`[Step 0] MCP command exit code: ${mcpResult.exitCode}`)
-
-    // Handle stdout which can be a string or a function
-    // The Vercel Sandbox SDK types stdout as a union of string | function
-    let stdout: string
-    const rawStdout = mcpResult.stdout
-    if (typeof rawStdout === "string") {
-      stdout = rawStdout as string
-    } else if (typeof rawStdout === "function") {
-      stdout = await (rawStdout as () => Promise<string>)()
-    } else {
-      stdout = String(rawStdout || "")
-    }
+    let stdout = ""
+    let stderr = ""
+    let exitCode = -1
 
-    console.log(`[Step 0] MCP stdout length: ${stdout.length} bytes`)
+    try {
+      const result = await runSandboxCommand(sandboxResult.sandbox, "bash", ["-c", mcpCommand])
+      stdout = result.stdout
+      stderr = result.stderr
+      exitCode = result.exitCode
+      console.log(`[Step 0] MCP command exit code: ${exitCode}`)
+      console.log(`[Step 0] MCP stdout length: ${stdout.length} bytes`)
+      if (stderr) {
+        console.log(`[Step 0] MCP stderr: ${stderr.substring(0, 500)}`)
+      }
+    } catch (runCommandError) {
+      const errorMsg = runCommandError instanceof Error ? runCommandError.message : String(runCommandError)
+      console.log(`[Step 0] sandbox.runCommand threw: ${errorMsg}`)
+      mcpError = `sandbox.runCommand failed: ${errorMsg}`
+    }
 
-    if (mcpResult.exitCode === 0 && stdout) {
+    if (exitCode === 0 && stdout) {
       try {
         const mcpResponse = JSON.parse(stdout)
         if (mcpResponse.result?.content) {
@@ -111,11 +131,11 @@ export async function createD3kSandbox(
         console.log(`[Step 0] ${mcpError}`)
         console.log(`[Step 0] Raw stdout: ${stdout.substring(0, 1000)}`)
       }
-    } else {
-      mcpError = `MCP command failed with exit code ${mcpResult.exitCode}`
+    } else if (exitCode !== 0 && !mcpError) {
+      mcpError = `MCP command failed with exit code ${exitCode}`
       console.log(`[Step 0] ${mcpError}`)
-      if (mcpResult.stderr) {
-        console.log(`[Step 0] stderr: ${mcpResult.stderr}`)
+      if (stderr) {
+        console.log(`[Step 0] stderr: ${stderr}`)
       }
     }
   } catch (error) {
@@ -123,6 +143,19 @@ export async function createD3kSandbox(
     console.log(`[Step 0] ${mcpError}`)
   }
 
+  // Dump all sandbox logs before returning for debugging
+  console.log(`[Step 0] === Dumping sandbox logs before returning ===`)
+  try {
+    const logsResult = await runSandboxCommand(sandboxResult.sandbox, "sh", [
+      "-c",
+      'for log in /home/vercel-sandbox/.d3k/logs/*.log; do [ -f "$log" ] && echo "=== $log ===" && tail -100 "$log" || true; done 2>/dev/null || echo "No log files found"'
+    ])
+    console.log(logsResult.stdout)
+  } catch (logsError) {
+    console.log(`[Step 0] Failed to dump logs: ${logsError instanceof Error ? logsError.message : String(logsError)}`)
+  }
+  console.log(`[Step 0] === End sandbox log dump ===`)
+
   // Note: We cannot return the cleanup function or sandbox object as they're not serializable
   // Sandbox cleanup will happen automatically when the sandbox times out
   return {
@@ -150,7 +183,7 @@ export async function fetchRealLogs(
   // If we already have CLS data from Step 0, use it
   if (clsData) {
     console.log("[Step 1] Using CLS data captured in Step 0")
-    return JSON.stringify(clsData, null, 2)
+    return { logAnalysis: JSON.stringify(clsData, null, 2), beforeScreenshotUrl: null }
   }
 
   // If there was an MCP error in Step 0, log it
@@ -181,7 +214,10 @@ export async function fetchRealLogs(
       console.log("[Step 1] Using d3k MCP server to capture CLS metrics and errors...")
 
       // First, validate MCP server access and list available tools
+      // Use a 30-second timeout to avoid hanging the entire workflow
       console.log("[Step 1] Validating d3k MCP server access...")
+      const validationController = new AbortController()
+      const validationTimeout = setTimeout(() => validationController.abort(), 30000)
       try {
         const toolsResponse = await fetch(`${mcpUrl}/mcp`, {
           method: "POST",
@@ -193,13 +229,32 @@ export async function fetchRealLogs(
             jsonrpc: "2.0",
             id: 0,
             method: "tools/list"
-          })
+          }),
+          signal: validationController.signal
         })
+        clearTimeout(validationTimeout)
 
         if (toolsResponse.ok) {
           const toolsText = await toolsResponse.text()
           try {
-            const toolsData = JSON.parse(toolsText)
+            // Parse SSE response format: "event: message\ndata: {...}\n\n"
+            let toolsData = null
+            const lines = toolsText.split("\n")
+            for (const line of lines) {
+              if (line.startsWith("data: ")) {
+                try {
+                  toolsData = JSON.parse(line.substring(6))
+                  break
+                } catch {
+                  // Continue to next line
+                }
+              }
+            }
+            // Fallback: try parsing the whole response as JSON (non-SSE format)
+            if (!toolsData) {
+              toolsData = JSON.parse(toolsText)
+            }
+
             const toolNames = toolsData.result?.tools?.map((t: { name: string }) => t.name) || []
             console.log(`[Step 1] ✅ d3k MCP server accessible`)
             console.log(`[Step 1] Available tools (${toolNames.length}): ${toolNames.join(", ")}`)
@@ -219,47 +274,132 @@ export async function fetchRealLogs(
           console.log(`[Step 1] ⚠️  MCP server not accessible: ${toolsResponse.status}`)
         }
       } catch (error) {
-        console.log(
-          `[Step 1] ⚠️  Failed to validate MCP server: ${error instanceof Error ? error.message : String(error)}`
-        )
+        clearTimeout(validationTimeout)
+        const errorMsg = error instanceof Error ? error.message : String(error)
+        const isTimeout = error instanceof Error && error.name === "AbortError"
+        console.log(`[Step 1] ⚠️  Failed to validate MCP server: ${isTimeout ? "Timed out after 30s" : errorMsg}`)
       }
 
-      // Navigate to the app to generate logs
+      // Navigate to the app to generate logs (with 30s timeout)
       console.log("[Step 1] Navigating browser to app URL...")
-      const navResponse = await fetch(`${mcpUrl}/mcp`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Accept: "application/json, text/event-stream"
-        },
-        body: JSON.stringify({
-          jsonrpc: "2.0",
-          id: 0,
-          method: "tools/call",
-          params: {
-            name: "execute_browser_action",
-            arguments: {
-              action: "navigate",
-              params: { url: urlWithBypass }
+      const navController = new AbortController()
+      const navTimeout = setTimeout(() => navController.abort(), 30000)
+      try {
+        const navResponse = await fetch(`${mcpUrl}/mcp`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json, text/event-stream"
+          },
+          body: JSON.stringify({
+            jsonrpc: "2.0",
+            id: 0,
+            method: "tools/call",
+            params: {
+              name: "execute_browser_action",
+              arguments: {
+                action: "navigate",
+                params: { url: urlWithBypass }
+              }
             }
-          }
+          }),
+          signal: navController.signal
         })
-      })
+        clearTimeout(navTimeout)
 
-      if (navResponse.ok) {
-        console.log("[Step 1] Browser navigation completed")
-      } else {
-        console.log(`[Step 1] Browser navigation failed: ${navResponse.status}`)
+        if (navResponse.ok) {
+          console.log("[Step 1] Browser navigation completed")
+        } else {
+          console.log(`[Step 1] Browser navigation failed: ${navResponse.status}`)
+        }
+      } catch (navError) {
+        clearTimeout(navTimeout)
+        const isTimeout = navError instanceof Error && navError.name === "AbortError"
+        console.log(
+          `[Step 1] Browser navigation error: ${isTimeout ? "Timed out after 30s" : navError instanceof Error ? navError.message : String(navError)}`
+        )
       }
 
       // Wait for page to fully load
       console.log("[Step 1] Waiting 5s for page load...")
       await new Promise((resolve) => setTimeout(resolve, 5000))
 
-      // Check d3k logs to see if it's capturing data
+      // Capture "before" screenshot to prove the page loaded and for later comparison
+      let beforeScreenshotUrl: string | null = null
+      console.log("[Step 1] Capturing 'before' screenshot...")
+      const screenshotController = new AbortController()
+      const screenshotTimeout = setTimeout(() => screenshotController.abort(), 30000)
+      try {
+        const screenshotResponse = await fetch(`${mcpUrl}/mcp`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json, text/event-stream"
+          },
+          body: JSON.stringify({
+            jsonrpc: "2.0",
+            id: 0,
+            method: "tools/call",
+            params: {
+              name: "chrome-devtools_take_snapshot",
+              arguments: {}
+            }
+          }),
+          signal: screenshotController.signal
+        })
+        clearTimeout(screenshotTimeout)
+
+        if (screenshotResponse.ok) {
+          const screenshotText = await screenshotResponse.text()
+          // Parse SSE response to get screenshot data
+          const lines = screenshotText.split("\n")
+          for (const line of lines) {
+            if (line.startsWith("data: ")) {
+              try {
+                const json = JSON.parse(line.substring(6))
+                if (json.result?.content) {
+                  for (const content of json.result.content) {
+                    if (content.type === "image" && content.data) {
+                      // Upload base64 image to Vercel Blob
+                      const imageBuffer = Buffer.from(content.data, "base64")
+                      const timestamp = new Date().toISOString().replace(/[:.]/g, "-")
+                      const filename = `screenshot-before-${timestamp}.png`
+                      const blob = await put(filename, imageBuffer, {
+                        access: "public",
+                        contentType: "image/png"
+                      })
+                      beforeScreenshotUrl = blob.url
+                      console.log(`[Step 1] ✅ Before screenshot uploaded: ${beforeScreenshotUrl}`)
+                    }
+                  }
+                }
+              } catch {
+                // Continue parsing other lines
+              }
+            }
+          }
+          if (!beforeScreenshotUrl) {
+            console.log(`[Step 1] Screenshot response received but no image data found`)
+            console.log(`[Step 1] Response preview: ${screenshotText.substring(0, 500)}`)
+          }
+        } else {
+          console.log(`[Step 1] Screenshot request failed: ${screenshotResponse.status}`)
+        }
+      } catch (error) {
+        clearTimeout(screenshotTimeout)
+        const isTimeout = error instanceof Error && error.name === "AbortError"
+        console.log(
+          `[Step 1] Screenshot capture error: ${isTimeout ? "Timed out after 30s" : error instanceof Error ? error.message : String(error)}`
+        )
+      }
+
+      // Check d3k logs to see if it's capturing data (with 15s timeout)
       console.log("[Step 1] Fetching d3k logs from sandbox to verify it's working...")
+      const logsController = new AbortController()
+      const logsTimeout = setTimeout(() => logsController.abort(), 15000)
       try {
-        const logsResponse = await fetch(`${mcpUrl}/api/logs`)
+        const logsResponse = await fetch(`${mcpUrl}/api/logs`, { signal: logsController.signal })
+        clearTimeout(logsTimeout)
         if (logsResponse.ok) {
           const logsText = await logsResponse.text()
           console.log(`[Step 1] d3k logs (last 1000 chars):\n${logsText.slice(-1000)}`)
@@ -267,7 +407,11 @@ export async function fetchRealLogs(
           console.log(`[Step 1] Could not fetch d3k logs: ${logsResponse.status}`)
         }
       } catch (error) {
-        console.log(`[Step 1] Failed to fetch d3k logs: ${error instanceof Error ? error.message : String(error)}`)
+        clearTimeout(logsTimeout)
+        const isTimeout = error instanceof Error && error.name === "AbortError"
+        console.log(
+          `[Step 1] Failed to fetch d3k logs: ${isTimeout ? "Timed out after 15s" : error instanceof Error ? error.message : String(error)}`
+        )
       }
 
       // Call fix_my_app with focusArea='performance' to capture CLS and jank
@@ -353,7 +497,10 @@ export async function fetchRealLogs(
           console.log(`[Step 1] WARNING: fix_my_app returned NO data. Full response:\n${text}`)
         }
 
-        return `d3k Performance Analysis for ${devUrl}\n\n${logAnalysis}`
+        return {
+          logAnalysis: `d3k Performance Analysis for ${devUrl}\n\n${logAnalysis}`,
+          beforeScreenshotUrl
+        }
       } catch (error) {
         clearTimeout(timeoutId)
 
@@ -407,7 +554,7 @@ Format your response as a clear, structured report that helps identify what's br
     })
 
     console.log(`[Step 1] Browser automation response (first 500 chars): ${text.substring(0, 500)}...`)
-    return `Browser Automation Analysis for ${devUrl}\n\n${text}`
+    return { logAnalysis: `Browser Automation Analysis for ${devUrl}\n\n${text}`, beforeScreenshotUrl: null }
   } catch (error) {
     console.error("[Step 1] Error with browser automation:", error)
 
@@ -442,10 +589,13 @@ Format your response as a clear, structured report that helps identify what's br
         logAnalysis += "No errors detected in response.\n"
       }
 
-      return logAnalysis
+      return { logAnalysis, beforeScreenshotUrl: null }
     } catch (fallbackError) {
       const errorMessage = fallbackError instanceof Error ? fallbackError.message : String(fallbackError)
-      return `Failed to fetch logs from ${devUrl}\n\nError: ${errorMessage}\n\nThis may indicate the dev server is not accessible or has crashed.`
+      return {
+        logAnalysis: `Failed to fetch logs from ${devUrl}\n\nError: ${errorMessage}\n\nThis may indicate the dev server is not accessible or has crashed.`,
+        beforeScreenshotUrl: null
+      }
     }
   }
 }
@@ -530,10 +680,32 @@ IMPORTANT:
 /**
  * Step 3: Upload fix proposal to blob storage and return URL
  */
-export async function uploadToBlob(fixProposal: string, projectName: string, logAnalysis: string, devUrl: string) {
+export async function uploadToBlob(
+  fixProposal: string,
+  projectName: string,
+  logAnalysis: string,
+  devUrl: string,
+  beforeScreenshotUrl?: string | null
+) {
   "use step"
 
   console.log("[Step 3] Uploading fix proposal to blob storage...")
+  if (beforeScreenshotUrl) {
+    console.log(`[Step 3] Including before screenshot: ${beforeScreenshotUrl}`)
+  }
+
+  // Create screenshot section if we have a screenshot
+  const screenshotSection = beforeScreenshotUrl
+    ? `## Before Screenshot
+
+This screenshot was captured when the sandbox dev server first loaded, proving the page rendered successfully.
+
+![Before Screenshot](${beforeScreenshotUrl})
+
+---
+
+`
+    : ""
 
   // Create enhanced markdown with full context and attribution
   const timestamp = new Date().toISOString()
@@ -545,7 +717,7 @@ export async function uploadToBlob(fixProposal: string, projectName: string, log
 
 ---
 
-## Original Log Analysis
+${screenshotSection}## Original Log Analysis
 
 \`\`\`
 ${logAnalysis}
@@ -591,6 +763,7 @@ Learn more at https://github.com/vercel-labs/dev3000
     projectName,
     fixProposal,
     blobUrl: blob.url,
+    beforeScreenshotUrl: beforeScreenshotUrl || null,
     message: "Fix analysis completed and uploaded to blob storage"
   }
 }

package/mcp-server/app/api/cloud/fix-workflow/workflow.ts

@@ -73,19 +73,26 @@ export async function cloudFixWorkflow(params: {
   // If we got CLS data from Step 0, pass it to Step 1 to avoid re-fetching
   // Use bypass token from sandbox if available, otherwise use provided one
   const effectiveBypassToken = sandboxInfo?.bypassToken || bypassToken
-  const logAnalysis = await fetchRealLogs(
+  const step1Result = await fetchRealLogs(
     sandboxInfo?.mcpUrl || devUrl,
     effectiveBypassToken,
     sandboxInfo?.devUrl,
     sandboxInfo?.clsData,
     sandboxInfo?.mcpError
   )
+  const { logAnalysis, beforeScreenshotUrl } = step1Result
 
   // Step 2: Invoke AI agent to analyze logs and create fix
   const fixProposal = await analyzeLogsWithAgent(logAnalysis, sandboxInfo?.devUrl || devUrl)
 
-  // Step 3: Upload to blob storage with full context
-  const blobResult = await uploadToBlob(fixProposal, projectName, logAnalysis, sandboxInfo?.devUrl || devUrl)
+  // Step 3: Upload to blob storage with full context and screenshot
+  const blobResult = await uploadToBlob(
+    fixProposal,
+    projectName,
+    logAnalysis,
+    sandboxInfo?.devUrl || devUrl,
+    beforeScreenshotUrl
+  )
 
   // Step 4: Create GitHub PR if repo info provided AND there are actual fixes to apply
   let prResult = null
@@ -124,7 +131,7 @@ async function fetchRealLogs(
   sandboxDevUrl?: string,
   clsData?: unknown,
   mcpError?: string | null
-) {
+): Promise<{ logAnalysis: string; beforeScreenshotUrl: string | null }> {
   "use step"
   const { fetchRealLogs } = await import("./steps")
   return fetchRealLogs(mcpUrlOrDevUrl, bypassToken, sandboxDevUrl, clsData, mcpError)
@@ -136,10 +143,16 @@ async function analyzeLogsWithAgent(logAnalysis: string, devUrl: string) {
   return analyzeLogsWithAgent(logAnalysis, devUrl)
 }
 
-async function uploadToBlob(fixProposal: string, projectName: string, logAnalysis: string, devUrl: string) {
+async function uploadToBlob(
+  fixProposal: string,
+  projectName: string,
+  logAnalysis: string,
+  devUrl: string,
+  beforeScreenshotUrl?: string | null
+) {
   "use step"
   const { uploadToBlob } = await import("./steps")
-  return uploadToBlob(fixProposal, projectName, logAnalysis, devUrl)
+  return uploadToBlob(fixProposal, projectName, logAnalysis, devUrl, beforeScreenshotUrl)
 }
 
 async function createGitHubPR(

package/mcp-server/app/api/cloud/start-fix/route.ts

@@ -134,7 +134,8 @@ export async function POST(request: Request) {
         timestamp: new Date().toISOString(),
         status: "success",
         reportBlobUrl: result.blobUrl,
-        prUrl: result.pr?.prUrl
+        prUrl: result.pr?.prUrl,
+        beforeScreenshotUrl: result.beforeScreenshotUrl || undefined
       })
       console.log(`[Start Fix] Updated workflow run metadata to success: ${runId}`)
     }

package/mcp-server/app/workflows/workflows-client.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import Image from "next/image"
 import Link from "next/link"
 import { useState } from "react"
 import { Badge } from "@/components/ui/badge"
@@ -68,6 +69,8 @@ export default function WorkflowsClient({ user, initialRuns }: WorkflowsClientPr
                   <TableHead>Project</TableHead>
                   <TableHead>Status</TableHead>
                   <TableHead>Timestamp</TableHead>
+                  <TableHead>Before</TableHead>
+                  <TableHead>After</TableHead>
                   <TableHead>Report</TableHead>
                   <TableHead>PR</TableHead>
                 </TableRow>
@@ -96,6 +99,38 @@ export default function WorkflowsClient({ user, initialRuns }: WorkflowsClientPr
                       </Badge>
                     </TableCell>
                     <TableCell className="text-muted-foreground">{new Date(run.timestamp).toLocaleString()}</TableCell>
+                    <TableCell>
+                      {run.beforeScreenshotUrl ? (
+                        <a href={run.beforeScreenshotUrl} target="_blank" rel="noopener noreferrer">
+                          <Image
+                            src={run.beforeScreenshotUrl}
+                            alt="Before"
+                            width={64}
+                            height={40}
+                            className="object-cover rounded border hover:opacity-80 transition-opacity"
+                            unoptimized
+                          />
+                        </a>
+                      ) : (
+                        <span className="text-muted-foreground text-xs">-</span>
+                      )}
+                    </TableCell>
+                    <TableCell>
+                      {run.afterScreenshotUrl ? (
+                        <a href={run.afterScreenshotUrl} target="_blank" rel="noopener noreferrer">
+                          <Image
+                            src={run.afterScreenshotUrl}
+                            alt="After"
+                            width={64}
+                            height={40}
+                            className="object-cover rounded border hover:opacity-80 transition-opacity"
+                            unoptimized
+                          />
+                        </a>
+                      ) : (
+                        <span className="text-muted-foreground text-xs">-</span>
+                      )}
+                    </TableCell>
                     <TableCell>
                       {run.reportBlobUrl ? (
                         <Link href={`/workflows/${run.id}/report`} className="text-primary hover:underline">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev3000",
-  "version": "0.0.112",
+  "version": "0.0.113",
   "description": "AI-powered development tools with browser monitoring and MCP server integration",
   "type": "module",
   "main": "dist/index.js",

package/mcp-server/.next/server/chunks/ssr/[root-of-the-server]__3a2dacc6._.js

@@ -1,3 +0,0 @@
-module.exports=[18622,(a,b,c)=>{b.exports=a.x("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js",()=>require("next/dist/compiled/next-server/app-page-turbo.runtime.prod.js"))},65071,(a,b,c)=>{"use strict";b.exports=a.r(18622)},55205,(a,b,c)=>{"use strict";b.exports=a.r(65071).vendored["react-ssr"].ReactJsxRuntime},33857,(a,b,c)=>{"use strict";b.exports=a.r(65071).vendored["react-ssr"].React},27125,(a,b,c)=>{"use strict";b.exports=a.r(65071).vendored.contexts.AppRouterContext},77279,(a,b,c)=>{"use strict";b.exports=a.r(65071).vendored["react-ssr"].ReactServerDOMTurbopackClient},3988,(a,b,c)=>{"use strict";function d(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(d=function(a){return a?c:b})(a)}c._=function(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!=typeof a&&"function"!=typeof a)return{default:a};var c=d(b);if(c&&c.has(a))return c.get(a);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var g in a)if("default"!==g&&Object.prototype.hasOwnProperty.call(a,g)){var h=f?Object.getOwnPropertyDescriptor(a,g):null;h&&(h.get||h.set)?Object.defineProperty(e,g,h):e[g]=a[g]}return e.default=a,c&&c.set(a,e),e}},71075,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"useMergedRef",{enumerable:!0,get:function(){return e}});let d=a.r(33857);function e(a,b){let c=(0,d.useRef)(null),e=(0,d.useRef)(null);return(0,d.useCallback)(d=>{if(null===d){let a=c.current;a&&(c.current=null,a());let b=e.current;b&&(e.current=null,b())}else a&&(c.current=f(a,d)),b&&(e.current=f(b,d))},[a,b])}function f(a,b){if("function"!=typeof a)return a.current=b,()=>{a.current=null};{let c=a(b);return"function"==typeof c?c:()=>a(null)}}("function"==typeof c.default||"object"==typeof c.default&&null!==c.default)&&void 0===c.default.__esModule&&(Object.defineProperty(c.default,"__esModule",{value:!0}),Object.assign(c.default,c),b.exports=c.default)},32570,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(c,"warnOnce",{enumerable:!0,get:function(){return d}});let d=a=>{}},16274,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={DEFAULT_SEGMENT_KEY:function(){return l},PAGE_SEGMENT_KEY:function(){return k},addSearchParamsIfPageSegment:function(){return i},computeSelectedLayoutSegment:function(){return j},getSegmentValue:function(){return f},getSelectedLayoutSegmentPath:function(){return function a(b,c,d=!0,e=[]){let g;if(d)g=b[1][c];else{let a=b[1];g=a.children??Object.values(a)[0]}if(!g)return e;let h=f(g[0]);return!h||h.startsWith(k)?e:(e.push(h),a(g,c,!1,e))}},isGroupSegment:function(){return g},isParallelRouteSegment:function(){return h}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});function f(a){return Array.isArray(a)?a[1]:a}function g(a){return"("===a[0]&&a.endsWith(")")}function h(a){return a.startsWith("@")&&"@children"!==a}function i(a,b){if(a.includes(k)){let a=JSON.stringify(b);return"{}"!==a?k+"?"+a:k}return a}function j(a,b){if(!a||0===a.length)return null;let c="children"===b?a[0]:a[a.length-1];return c===l?null:c}let k="__PAGE__",l="__DEFAULT__"},60019,a=>{"use strict";var b=a.i(55205),c=a.i(77696),d=a.i(42261),e=a.i(18749);let f=(0,d.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function g({className:a,variant:d,size:g,asChild:h=!1,...i}){let j=h?c.Slot:"button";return(0,b.jsx)(j,{"data-slot":"button",className:(0,e.cn)(f({variant:d,size:g,className:a})),...i})}a.s(["Button",()=>g])},25988,a=>{"use strict";var b=a.i(55205),c=a.i(18749);function d({className:a,...d}){return(0,b.jsx)("div",{"data-slot":"card",className:(0,c.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",a),...d})}function e({className:a,...d}){return(0,b.jsx)("div",{"data-slot":"card-header",className:(0,c.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",a),...d})}function f({className:a,...d}){return(0,b.jsx)("div",{"data-slot":"card-title",className:(0,c.cn)("leading-none font-semibold",a),...d})}function g({className:a,...d}){return(0,b.jsx)("div",{"data-slot":"card-content",className:(0,c.cn)("px-6",a),...d})}a.s(["Card",()=>d,"CardContent",()=>g,"CardHeader",()=>e,"CardTitle",()=>f])},24501,a=>{"use strict";var b=a.i(55205),c=a.i(7287),d=a.i(33857),e=a.i(77696),f=a.i(42261),g=a.i(18749);let h=(0,f.cva)("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"}},defaultVariants:{variant:"default"}});function i({className:a,variant:c,asChild:d=!1,...f}){let i=d?e.Slot:"span";return(0,b.jsx)(i,{"data-slot":"badge",className:(0,g.cn)(h({variant:c}),a),...f})}var j=a.i(60019),k=a.i(25988);function l({className:a,...c}){return(0,b.jsx)("div",{"data-slot":"table-container",className:"relative w-full overflow-x-auto",children:(0,b.jsx)("table",{"data-slot":"table",className:(0,g.cn)("w-full caption-bottom text-sm",a),...c})})}function m({className:a,...c}){return(0,b.jsx)("thead",{"data-slot":"table-header",className:(0,g.cn)("[&_tr]:border-b",a),...c})}function n({className:a,...c}){return(0,b.jsx)("tbody",{"data-slot":"table-body",className:(0,g.cn)("[&_tr:last-child]:border-0",a),...c})}function o({className:a,...c}){return(0,b.jsx)("tr",{"data-slot":"table-row",className:(0,g.cn)("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",a),...c})}function p({className:a,...c}){return(0,b.jsx)("th",{"data-slot":"table-head",className:(0,g.cn)("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...c})}function q({className:a,...c}){return(0,b.jsx)("td",{"data-slot":"table-cell",className:(0,g.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",a),...c})}function r({user:a,initialRuns:e}){let[f,g]=(0,d.useState)(!1);async function h(){g(!0);try{await fetch("/api/auth/signout",{method:"POST"}),window.location.href="/"}catch(a){console.error("Failed to sign out:",a),g(!1)}}return(0,b.jsx)("div",{className:"min-h-screen bg-gray-50 py-8",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,b.jsxs)("div",{className:"mb-8 flex justify-between items-start",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-3xl font-bold text-gray-900",children:"d3k Workflow Runs"}),(0,b.jsx)("p",{className:"mt-2 text-gray-600",children:"View all your d3k workflow fix proposals and PRs"}),(0,b.jsxs)("p",{className:"mt-1 text-sm text-gray-500",children:["Signed in as ",a.email]})]}),(0,b.jsxs)("div",{className:"flex gap-3",children:[(0,b.jsx)(j.Button,{asChild:!0,children:(0,b.jsx)(c.default,{href:"/workflows/new",children:"New Workflow"})}),(0,b.jsx)(j.Button,{variant:"outline",onClick:h,disabled:f,children:f?"Signing out...":"Sign out"})]})]}),0===e.length?(0,b.jsx)(k.Card,{className:"p-12 text-center",children:(0,b.jsxs)(k.CardContent,{children:[(0,b.jsx)("p",{className:"text-muted-foreground",children:"No workflow runs yet"}),(0,b.jsx)("p",{className:"text-sm text-muted-foreground/70 mt-2",children:"Run a workflow from the CLI to see it appear here"})]})}):(0,b.jsx)(k.Card,{children:(0,b.jsxs)(l,{children:[(0,b.jsx)(m,{children:(0,b.jsxs)(o,{children:[(0,b.jsx)(p,{children:"Project"}),(0,b.jsx)(p,{children:"Status"}),(0,b.jsx)(p,{children:"Timestamp"}),(0,b.jsx)(p,{children:"Report"}),(0,b.jsx)(p,{children:"PR"})]})}),(0,b.jsx)(n,{children:e.map(a=>(0,b.jsxs)(o,{children:[(0,b.jsxs)(q,{children:[(0,b.jsx)("div",{className:"font-medium",children:a.projectName}),(0,b.jsx)("div",{className:"text-xs text-muted-foreground",children:a.id})]}),(0,b.jsx)(q,{children:(0,b.jsx)(i,{variant:"success"===a.status?"secondary":"running"===a.status?"default":"destructive",className:"success"===a.status?"bg-green-100 text-green-800 hover:bg-green-100":"running"===a.status?"bg-blue-100 text-blue-800 hover:bg-blue-100":"",children:a.status})}),(0,b.jsx)(q,{className:"text-muted-foreground",children:new Date(a.timestamp).toLocaleString()}),(0,b.jsx)(q,{children:a.reportBlobUrl?(0,b.jsx)(c.default,{href:`/workflows/${a.id}/report`,className:"text-primary hover:underline",children:"View Report"}):(0,b.jsx)("span",{className:"text-muted-foreground",children:"No report"})}),(0,b.jsx)(q,{children:a.prUrl?(0,b.jsx)("a",{href:a.prUrl,target:"_blank",rel:"noopener noreferrer",className:"text-primary hover:underline",children:"View PR"}):(0,b.jsx)("span",{className:"text-muted-foreground",children:"No PR"})})]},`${a.id}-${a.timestamp}`))})]})})]})})}a.s(["default",()=>r],24501)}];
-
-//# sourceMappingURL=%5Broot-of-the-server%5D__3a2dacc6._.js.map