@uncaughtdev/core 0.1.1 → 0.2.0

package/dist/local-viewer.mjs

@@ -1,96 +1,482 @@
 #!/usr/bin/env node
-import*as c from'fs/promises';import*as r from'path';import {spawn}from'child_process';var N="\x1B[0m",y="\x1B[1m",h="\x1B[2m",b="\x1B[31m",x="\x1B[32m",m="\x1B[33m",f="\x1B[36m",j="\x1B[37m",w="\x1B[90m",A="\x1B[41m",M="\x1B[42m",O="\x1B[43m";function n(e,t){return `${e}${t}${N}`}function E(){return r.resolve(process.cwd(),".uncaught")}function F(){return r.join(E(),"issues.json")}async function D(){try{let e=await c.readFile(F(),"utf-8");return JSON.parse(e)}catch{return []}}async function T(e){let t=F(),o=t+".tmp";await c.writeFile(o,JSON.stringify(e,null,2),"utf-8"),await c.rename(o,t);}async function L(){let e=await D();if(e.length===0){console.log(n(h,`
+import {a}from'./chunk-HANXURHX.mjs';import'./chunk-A6GKDPT3.mjs';import*as l from'fs/promises';import*as i from'path';import*as L from'http';import {spawn}from'child_process';var O="\x1B[0m",$="\x1B[1m",h="\x1B[2m",k="\x1B[31m",x="\x1B[32m",v="\x1B[33m",b="\x1B[36m",I="\x1B[37m",w="\x1B[90m",N="\x1B[41m",z="\x1B[42m",B="\x1B[43m";function t(e,n){return `${e}${n}${O}`}function P(){return i.resolve(process.cwd(),".uncaught")}function M(){return i.join(P(),"issues.json")}function J(){return i.join(P(),"uncaught.db")}function E(){let e=a(J());return e.importFromFiles(P()),e}async function D(){try{let e=E(),n=e.getIssues();return e.close(),n}catch{try{let e=await l.readFile(M(),"utf-8");return JSON.parse(e)}catch{return []}}}async function G(e){let n=M(),o=n+".tmp";await l.writeFile(o,JSON.stringify(e,null,2),"utf-8"),await l.rename(o,n);try{let s=E();for(let a of e)s.upsertIssue(a);s.close();}catch{}}async function _(){let e=await D();if(e.length===0){console.log(t(h,`
   No issues found in .uncaught/
-`)),console.log(n(w,`  Capture errors with initUncaught() to see them here.
-`));return}console.log(""),console.log(n(y,"  Uncaught Issues")),console.log(n(h,"  \u2500".repeat(35))),console.log("");let t=B("#","Status","Count","Error","Last Seen");console.log(n(h,`  ${t}`)),console.log(n(h,"  "+"\u2500".repeat(90)));for(let o=0;o<e.length;o++){let s=e[o],i=String(o+1).padStart(3),a=V(s.status),p=String(s.count).padStart(5),u=I(s.title,45),d=I(s.errorType,15),g=Y(s.lastSeen),l=`${n(b,d)} ${n(j,u)}`;console.log(`  ${n(f,i)}  ${a}  ${n(m,p)}  ${l}  ${n(w,g)}`);}console.log(""),console.log(n(h,`  ${e.length} issue(s) total`)),console.log(n(w,"  Run: uncaught show <n> to view fix prompt, --open to open in editor")),console.log("");}async function _(e,t){let o=await D(),s=parseInt(e,10)-1;if(isNaN(s)||s<0||s>=o.length){console.error(n(b,`
-  Invalid issue number: ${e}`)),console.error(n(w,`  Valid range: 1-${o.length}
-`)),process.exitCode=1;return}let i=o[s],a=r.join(E(),"fix-prompts",i.fixPromptFile),p;try{p=await c.readFile(a,"utf-8");}catch{console.error(n(b,`
-  Fix prompt file not found: ${a}
-`)),process.exitCode=1;return}if(t){let u=process.env.EDITOR||"code";console.log(n(h,`  Opening ${a} in ${u}...`));try{spawn(u,[a],{detached:!0,stdio:"ignore"}).unref();}catch{let d=process.platform==="darwin"?"open":"xdg-open";try{spawn(d,[a],{detached:!0,stdio:"ignore"}).unref();}catch{console.error(n(b,`  Could not open editor. File is at: ${a}`));}}return}console.log(""),console.log(n(y,`  Fix Prompt for Issue #${s+1}`)),console.log(n(h,`  Fingerprint: ${i.fingerprint}`)),console.log(n(h,`  Count: ${i.count} | Users: ${i.affectedUsers.length}`)),console.log(n(h,"  \u2500".repeat(35))),console.log(""),console.log(p),console.log(""),console.log(n(w,`  File: ${a}`)),console.log(n(w,"  Tip: run with --open to open in your editor")),console.log("");}async function W(){let e=E();try{await c.access(e);}catch{console.log(n(h,`
+`)),console.log(t(w,`  Capture errors with initUncaught() to see them here.
+`));return}console.log(""),console.log(t($,"  Uncaught Issues")),console.log(t(h,"  \u2500".repeat(35))),console.log("");let n=K("#","Status","Count","Error","Last Seen");console.log(t(h,`  ${n}`)),console.log(t(h,"  "+"\u2500".repeat(90)));for(let o=0;o<e.length;o++){let s=e[o],a=String(o+1).padStart(3),r=Q(s.status),u=String(s.count).padStart(5),d=F(s.title,45),g=F(s.errorType,15),f=X(s.lastSeen),c=`${t(k,g)} ${t(I,d)}`;console.log(`  ${t(b,a)}  ${r}  ${t(v,u)}  ${c}  ${t(w,f)}`);}console.log(""),console.log(t(h,`  ${e.length} issue(s) total`)),console.log(t(w,"  Run: uncaught show <n> to view fix prompt, --open to open in editor")),console.log(t(b,"  Run: npx @uncaughtdev/core dashboard \u2014 for a web UI")),console.log("");}async function V(e,n){let o=await D(),s=parseInt(e,10)-1;if(isNaN(s)||s<0||s>=o.length){console.error(t(k,`
+  Invalid issue number: ${e}`)),console.error(t(w,`  Valid range: 1-${o.length}
+`)),process.exitCode=1;return}let a=o[s],r=i.join(P(),"fix-prompts",a.fixPromptFile),u;try{u=await l.readFile(r,"utf-8");}catch{console.error(t(k,`
+  Fix prompt file not found: ${r}
+`)),process.exitCode=1;return}if(n){let d=process.env.EDITOR||"code";console.log(t(h,`  Opening ${r} in ${d}...`));try{spawn(d,[r],{detached:!0,stdio:"ignore"}).unref();}catch{let g=process.platform==="darwin"?"open":"xdg-open";try{spawn(g,[r],{detached:!0,stdio:"ignore"}).unref();}catch{console.error(t(k,`  Could not open editor. File is at: ${r}`));}}return}console.log(""),console.log(t($,`  Fix Prompt for Issue #${s+1}`)),console.log(t(h,`  Fingerprint: ${a.fingerprint}`)),console.log(t(h,`  Count: ${a.count} | Users: ${a.affectedUsers.length}`)),console.log(t(h,"  \u2500".repeat(35))),console.log(""),console.log(u),console.log(""),console.log(t(w,`  File: ${r}`)),console.log(t(w,"  Tip: run with --open to open in your editor")),console.log("");}async function W(){let e=P();try{await l.access(e);}catch{console.log(t(h,`
   Nothing to clear \u2014 .uncaught/ does not exist.
-`));return}let t=await c.readdir(e);for(let o of t){let s=r.join(e,o);await c.rm(s,{recursive:true,force:true});}console.log(n(x,`
+`));return}try{let o=E();o.deleteAllIssues(),o.close();}catch{}let n=await l.readdir(e);for(let o of n){let s=i.join(e,o);await l.rm(s,{recursive:true,force:true});}console.log(t(x,`
   Cleared all issues in .uncaught/
-`));}async function G(e){let t=await D(),o=parseInt(e,10)-1;if(isNaN(o)||o<0||o>=t.length){console.error(n(b,`
-  Invalid issue number: ${e}`)),console.error(n(w,`  Valid range: 1-${t.length}
-`)),process.exitCode=1;return}let s=t[o];if(s.status==="resolved"){console.log(n(m,`
+`));}async function Y(e){let n=await D(),o=parseInt(e,10)-1;if(isNaN(o)||o<0||o>=n.length){console.error(t(k,`
+  Invalid issue number: ${e}`)),console.error(t(w,`  Valid range: 1-${n.length}
+`)),process.exitCode=1;return}let s=n[o];if(s.status==="resolved"){console.log(t(v,`
   Issue #${o+1} is already resolved.
-`));return}s.status="resolved",await T(t),console.log(n(x,`
-  Issue #${o+1} marked as resolved.`)),console.log(n(h,`  ${s.errorType}: ${I(s.title,60)}
-`));}function B(e,t,o,s,i){return `${e.padStart(3)}  ${t.padEnd(10)}  ${o.padStart(5)}  ${s.padEnd(60)}  ${i}`}function V(e){switch(e){case "open":return n(`${A}${j}${y}`," OPEN ");case "resolved":return n(`${M}${j}${y}`," DONE ");case "ignored":return n(`${O}${j}${y}`," SKIP ");default:return n(h,String(e).padEnd(6))}}function Y(e){try{let t=new Date(e).getTime(),s=Date.now()-t;if(s<0)return "just now";let i=Math.floor(s/1e3);if(i<60)return `${i}s ago`;let a=Math.floor(i/60);if(a<60)return `${a}m ago`;let p=Math.floor(a/60);if(p<24)return `${p}h ago`;let u=Math.floor(p/24);return u<30?`${u}d ago`:new Date(e).toLocaleDateString()}catch{return e}}function I(e,t){return e.length<=t?e:e.slice(0,t-3)+"..."}function R(){console.log(`
-${n(y,"  uncaught")} \u2014 error monitoring for vibe coders
+`));return}s.status="resolved",await G(n);try{let a=E();a.updateIssueStatus(s.fingerprint,"resolved"),a.close();}catch{}console.log(t(x,`
+  Issue #${o+1} marked as resolved.`)),console.log(t(h,`  ${s.errorType}: ${F(s.title,60)}
+`));}function K(e,n,o,s,a){return `${e.padStart(3)}  ${n.padEnd(10)}  ${o.padStart(5)}  ${s.padEnd(60)}  ${a}`}function Q(e){switch(e){case "open":return t(`${N}${I}${$}`," OPEN ");case "resolved":return t(`${z}${I}${$}`," DONE ");case "ignored":return t(`${B}${I}${$}`," SKIP ");default:return t(h,String(e).padEnd(6))}}function X(e){try{let n=new Date(e).getTime(),s=Date.now()-n;if(s<0)return "just now";let a=Math.floor(s/1e3);if(a<60)return `${a}s ago`;let r=Math.floor(a/60);if(r<60)return `${r}m ago`;let u=Math.floor(r/60);if(u<24)return `${u}h ago`;let d=Math.floor(u/24);return d<30?`${d}d ago`:new Date(e).toLocaleDateString()}catch{return e}}function F(e,n){return e.length<=n?e:e.slice(0,n-3)+"..."}function U(){console.log(`
+${t($,"  uncaught")} \u2014 error monitoring for vibe coders
 
-${n(y,"  Setup:")}
-    ${n(f,"npx uncaughtdev init")}         Auto-detect framework, install, and patch \u2014 one command
+${t($,"  Setup:")}
+    ${t(b,"npx uncaughtdev init")}         Auto-detect framework, install, and patch \u2014 one command
 
-${n(y,"  Viewer:")}
+${t($,"  Viewer:")}
     npx uncaughtdev           List all captured issues
     npx uncaughtdev list      List all captured issues
     npx uncaughtdev show <n>  Display fix prompt for issue #n
     npx uncaughtdev show <n> --open  Open fix prompt in $EDITOR
     npx uncaughtdev resolve <n>      Mark issue #n as resolved
     npx uncaughtdev clear     Remove all captured issues
+    npx uncaughtdev dashboard        Open web dashboard (--port 3300)
 
-${n(y,"  Examples:")}
+${t($,"  Examples:")}
     npx uncaughtdev init      Setup Uncaught in your project
     npx uncaughtdev show 1    Print fix prompt for issue #1
     npx uncaughtdev show 3 --open  Open issue #3's prompt in editor
-`);}async function v(e){try{return await c.access(e),!0}catch{return  false}}async function P(e){try{return (await c.stat(e)).isDirectory()}catch{return  false}}function J(e,t){return new Promise(o=>{let s=spawn(e,t,{stdio:"inherit",shell:true});s.on("close",i=>o(i===0)),s.on("error",()=>o(false));})}async function K(){let e=process.cwd(),t={framework:"unknown",packageManager:"npm",hasSupabase:false,hasTypescript:false,rootDir:e};await v(r.join(e,"pnpm-lock.yaml"))?t.packageManager="pnpm":await v(r.join(e,"yarn.lock"))?t.packageManager="yarn":(await v(r.join(e,"bun.lockb"))||await v(r.join(e,"bun.lock")))&&(t.packageManager="bun");let o={};try{let i=await c.readFile(r.join(e,"package.json"),"utf-8");o=JSON.parse(i);}catch{return t}let s={...o.dependencies??{},...o.devDependencies??{}};return t.hasTypescript="typescript"in s||await v(r.join(e,"tsconfig.json")),t.hasSupabase="@supabase/supabase-js"in s,"next"in s?await P(r.join(e,"app"))||await P(r.join(e,"src","app"))?t.framework="nextjs-app":await P(r.join(e,"pages"))||await P(r.join(e,"src","pages"))?t.framework="nextjs-pages":t.framework="nextjs-app":"vite"in s&&("react"in s||"react-dom"in s)?t.framework="vite-react":"react-scripts"in s&&(t.framework="cra"),t}function H(e,t){switch(e){case "pnpm":return {cmd:"pnpm",args:["add",...t]};case "yarn":return {cmd:"yarn",args:["add",...t]};case "bun":return {cmd:"bun",args:["add",...t]};default:return {cmd:"npm",args:["install",...t]}}}function q(e){let t=-1,o=/^import\s/gm,s;for(;(s=o.exec(e))!==null;)t=s.index;return t}function z(e,t){let o=q(e);if(o>=0){let i=e.indexOf(`
-`,o)+1;return e.slice(0,i)+t+e.slice(i)}let s=e.indexOf(`
+`);}async function y(e){try{return await l.access(e),!0}catch{return  false}}async function S(e){try{return (await l.stat(e)).isDirectory()}catch{return  false}}function Z(e,n){return new Promise(o=>{let s=spawn(e,n,{stdio:"inherit",shell:true});s.on("close",a=>o(a===0)),s.on("error",()=>o(false));})}async function q(){let e=process.cwd(),n={framework:"unknown",packageManager:"npm",hasSupabase:false,hasTypescript:false,rootDir:e};await y(i.join(e,"pnpm-lock.yaml"))?n.packageManager="pnpm":await y(i.join(e,"yarn.lock"))?n.packageManager="yarn":(await y(i.join(e,"bun.lockb"))||await y(i.join(e,"bun.lock")))&&(n.packageManager="bun");let o={};try{let a=await l.readFile(i.join(e,"package.json"),"utf-8");o=JSON.parse(a);}catch{return n}let s={...o.dependencies??{},...o.devDependencies??{}};return n.hasTypescript="typescript"in s||await y(i.join(e,"tsconfig.json")),n.hasSupabase="@supabase/supabase-js"in s,"next"in s?await S(i.join(e,"app"))||await S(i.join(e,"src","app"))?n.framework="nextjs-app":await S(i.join(e,"pages"))||await S(i.join(e,"src","pages"))?n.framework="nextjs-pages":n.framework="nextjs-app":"vite"in s&&("react"in s||"react-dom"in s)?n.framework="vite-react":"react-scripts"in s&&(n.framework="cra"),n}function ee(e,n){switch(e){case "pnpm":return {cmd:"pnpm",args:["add",...n]};case "yarn":return {cmd:"yarn",args:["add",...n]};case "bun":return {cmd:"bun",args:["add",...n]};default:return {cmd:"npm",args:["install",...n]}}}function te(e){let n=-1,o=/^import\s/gm,s;for(;(s=o.exec(e))!==null;)n=s.index;return n}function T(e,n){let o=te(e);if(o>=0){let a=e.indexOf(`
+`,o)+1;return e.slice(0,a)+n+e.slice(a)}let s=e.indexOf(`
 `);return s>=0&&e.slice(0,s).includes("use client")?e.slice(0,s+1)+`
-`+t+e.slice(s+1):t+e}async function Q(){let e=process.cwd();console.log(""),console.log(n(y,"  \u{1F9EA} uncaught init")),console.log(n(h,"  \u2500".repeat(35))),console.log(""),console.log(n(f,"  \u25B8 Detecting framework..."));let t=await K();if(console.log(`    ${n(x,{"nextjs-app":"Next.js (App Router)","nextjs-pages":"Next.js (Pages Router)","vite-react":"Vite + React",cra:"Create React App",unknown:"Unknown"}[t.framework])} \xB7 ${t.packageManager} \xB7 TS=${t.hasTypescript} \xB7 Supabase=${t.hasSupabase}`),console.log(""),t.framework==="unknown"){console.log(n(m,"  \u26A0 Could not detect framework. Supported: Next.js, Vite+React, CRA")),process.exitCode=1;return}console.log(n(f,"  \u25B8 Installing packages..."));let s=["@uncaughtdev/core","@uncaughtdev/react"];t.hasSupabase&&s.push("@uncaughtdev/supabase");let i=H(t.packageManager,s);console.log(n(w,`    ${i.cmd} ${i.args.join(" ")}`)),await J(i.cmd,i.args)?(console.log(n(x,"  \u2713 Packages installed")),console.log("")):(console.log(n(m,`
-  \u26A0 Install failed \u2014 packages may not be published yet.`)),console.log(n(w,"    Continuing with file patching. Install manually if needed.")),console.log(""));let p=t.hasTypescript?"tsx":"jsx",u=t.hasTypescript?"ts":"js",d=r.basename(e);if(t.framework==="nextjs-app"){let g=await P(r.join(e,"app"))?r.join(e,"app"):r.join(e,"src","app");console.log(n(f,"  \u25B8 Patching layout..."));let l=r.join(g,`layout.${p}`);await S(l,d,"layout"),console.log(n(f,"  \u25B8 Creating API route..."));let k=r.join(g,"api","uncaught","local");await c.mkdir(k,{recursive:true});let $=r.join(k,`route.${u}`);await v($)?console.log(n(m,"  \u2298 Already exists, skipping")):(await c.writeFile($,`export { POST } from '@uncaughtdev/core/local-api-handler';
-`),console.log(n(x,`  \u2713 Created ${r.relative(e,$)}`))),console.log(n(f,"  \u25B8 Patching next.config...")),await U(e);}else if(t.framework==="nextjs-pages"){let g=await P(r.join(e,"pages"))?r.join(e,"pages"):r.join(e,"src","pages");console.log(n(f,"  \u25B8 Patching _app..."));let l=r.join(g,`_app.${p}`);await S(l,d,"pages-app"),console.log(n(f,"  \u25B8 Creating API route..."));let k=r.join(g,"api","uncaught");await c.mkdir(k,{recursive:true});let $=r.join(k,`local.${u}`);await v($)?console.log(n(m,"  \u2298 Already exists, skipping")):(await c.writeFile($,`export { default } from '@uncaughtdev/core/local-api-handler/pages';
-`),console.log(n(x,`  \u2713 Created ${r.relative(e,$)}`))),console.log(n(f,"  \u25B8 Patching next.config...")),await U(e);}else if(t.framework==="vite-react"||t.framework==="cra"){let g=t.framework==="vite-react"?["src/main.tsx","src/main.jsx","main.tsx","main.jsx"]:["src/index.tsx","src/index.jsx"],l=null;for(let k of g){let $=r.join(e,k);if(await v($)){l=$;break}}l?(console.log(n(f,"  \u25B8 Patching entry file...")),await S(l,d,"entry")):console.log(n(m,"  \u26A0 Could not find entry file. Wrap your root with <UncaughtProvider> manually."));}t.hasSupabase&&(console.log(""),console.log(n(f,"  \u25B8 Supabase detected! Wrap your client:")),console.log(n(w,"    import { wrapSupabase } from '@uncaughtdev/supabase';")),console.log(n(w,"    const supabase = wrapSupabase(createClient(url, key));"))),console.log(""),console.log(n(x,"  \u2713 Done! Uncaught is now tracking errors.")),console.log(""),console.log(n(j,"    Start your dev server, trigger an error, then:")),console.log(n(f,"    npx uncaughtdev")),console.log("");}async function S(e,t,o){let s=process.cwd(),i=r.relative(s,e);if(!await v(e)){let l="";o==="layout"?l=`'use client';
+`+n+e.slice(s+1):n+e}async function ne(){let e=process.cwd();console.log(""),console.log(t($,"  \u{1F9EA} uncaught init")),console.log(t(h,"  \u2500".repeat(35))),console.log(""),console.log(t(b,"  \u25B8 Detecting framework..."));let n=await q();if(console.log(`    ${t(x,{"nextjs-app":"Next.js (App Router)","nextjs-pages":"Next.js (Pages Router)","vite-react":"Vite + React",cra:"Create React App",unknown:"Unknown"}[n.framework])} \xB7 ${n.packageManager} \xB7 TS=${n.hasTypescript} \xB7 Supabase=${n.hasSupabase}`),console.log(""),n.framework==="unknown"){console.log(t(v,"  \u26A0 Could not detect framework. Supported: Next.js, Vite+React, CRA")),process.exitCode=1;return}console.log(t(b,"  \u25B8 Installing packages..."));let s=["@uncaughtdev/core","@uncaughtdev/react"];n.hasSupabase&&s.push("@uncaughtdev/supabase");let a=ee(n.packageManager,s);console.log(t(w,`    ${a.cmd} ${a.args.join(" ")}`)),await Z(a.cmd,a.args)?(console.log(t(x,"  \u2713 Packages installed")),console.log("")):(console.log(t(v,`
+  \u26A0 Install failed \u2014 packages may not be published yet.`)),console.log(t(w,"    Continuing with file patching. Install manually if needed.")),console.log(""));let u=n.hasTypescript?"tsx":"jsx",d=n.hasTypescript?"ts":"js",g=i.basename(e);if(n.framework==="nextjs-app"){let f=await S(i.join(e,"app"))?i.join(e,"app"):i.join(e,"src","app");console.log(t(b,"  \u25B8 Setting up providers..."));let c=i.join(f,`layout.${u}`);await oe(f,c,g,u),console.log(t(b,"  \u25B8 Creating API route..."));let m=i.join(f,"api","uncaught","local");await l.mkdir(m,{recursive:true});let p=i.join(m,`route.${d}`);await y(p)?console.log(t(v,"  \u2298 Already exists, skipping")):(await l.writeFile(p,`export { POST } from '@uncaughtdev/core/local-api-handler';
+`),console.log(t(x,`  \u2713 Created ${i.relative(e,p)}`))),console.log(t(b,"  \u25B8 Patching next.config...")),await A(e);}else if(n.framework==="nextjs-pages"){let f=await S(i.join(e,"pages"))?i.join(e,"pages"):i.join(e,"src","pages");console.log(t(b,"  \u25B8 Patching _app..."));let c=i.join(f,`_app.${u}`);await R(c,g,"pages-app"),console.log(t(b,"  \u25B8 Creating API route..."));let m=i.join(f,"api","uncaught");await l.mkdir(m,{recursive:true});let p=i.join(m,`local.${d}`);await y(p)?console.log(t(v,"  \u2298 Already exists, skipping")):(await l.writeFile(p,`export { default } from '@uncaughtdev/core/local-api-handler/pages';
+`),console.log(t(x,`  \u2713 Created ${i.relative(e,p)}`))),console.log(t(b,"  \u25B8 Patching next.config...")),await A(e);}else if(n.framework==="vite-react"||n.framework==="cra"){let f=n.framework==="vite-react"?["src/main.tsx","src/main.jsx","main.tsx","main.jsx"]:["src/index.tsx","src/index.jsx"],c=null;for(let m of f){let p=i.join(e,m);if(await y(p)){c=p;break}}c?(console.log(t(b,"  \u25B8 Patching entry file...")),await R(c,g,"entry")):console.log(t(v,"  \u26A0 Could not find entry file. Wrap your root with <UncaughtProvider> manually."));}n.hasSupabase&&(console.log(""),console.log(t(b,"  \u25B8 Supabase detected! Wrap your client:")),console.log(t(w,"    import { wrapSupabase } from '@uncaughtdev/supabase';")),console.log(t(w,"    const supabase = wrapSupabase(createClient(url, key));"))),console.log(""),console.log(t(x,"  \u2713 Done! Uncaught is now tracking errors.")),console.log(""),console.log(t(I,"    Start your dev server, trigger an error, then:")),console.log(t(b,"    npx uncaughtdev")),console.log("");}async function oe(e,n,o,s){let a=process.cwd(),r=i.join(e,`providers.${s}`),u=i.relative(a,r),d=i.relative(a,n);if(await y(r)){let m=await l.readFile(r,"utf-8");if(m.includes("UncaughtProvider")||m.includes("@uncaughtdev/react"))console.log(t(v,`  \u2298 ${u} already has UncaughtProvider, skipping`));else {let p=m;!p.includes("'use client'")&&!p.includes('"use client"')&&(p=`'use client';
+
+${p}`),p=T(p,`import { UncaughtProvider } from '@uncaughtdev/react';
+`),await l.writeFile(r,p),console.log(t(v,`  \u26A0 ${u} exists \u2014 added import but you may need to manually wrap with <UncaughtProvider>.`));}}else {let m=`'use client';
 
 import { UncaughtProvider } from '@uncaughtdev/react';
 
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <UncaughtProvider projectKey="${o}" transport="local">
+      {children}
+    </UncaughtProvider>
+  );
+}
+`;await l.writeFile(r,m),console.log(t(x,`  \u2713 Created ${u}`));}if(!await y(n)){await l.writeFile(n,`import { Providers } from './providers';
+
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <body>
-        <UncaughtProvider projectKey="${t}" transport="local">
-          {children}
-        </UncaughtProvider>
+        <Providers>{children}</Providers>
       </body>
     </html>
   );
 }
-`:o==="pages-app"&&(l=`import { UncaughtProvider } from '@uncaughtdev/react';
+`),console.log(t(x,`  \u2713 Created ${d}`));return}let g=await l.readFile(n,"utf-8");if(g.includes("UncaughtProvider")||g.includes("@uncaughtdev/react")||g.includes("./providers")){console.log(t(v,`  \u2298 ${d} already has providers, skipping`));return}g=T(g,`import { Providers } from './providers';
+`);let f=false,c=g.match(/(\n(\s*))\{children\}/);c&&(g=g.replace(`${c[1]}{children}`,`${c[1]}<Providers>{children}</Providers>`),f=true),f?(await l.writeFile(n,g),console.log(t(x,`  \u2713 Patched ${d}`))):console.log(t(v,`  \u26A0 Could not auto-patch ${d}. Import Providers from './providers' and wrap {children}.`));}async function R(e,n,o){let s=process.cwd(),a=i.relative(s,e);if(!await y(e)){let c="";o==="pages-app"&&(c=`import { UncaughtProvider } from '@uncaughtdev/react';
 import type { AppProps } from 'next/app';
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
-    <UncaughtProvider projectKey="${t}" transport="local">
+    <UncaughtProvider projectKey="${n}" transport="local">
       <Component {...pageProps} />
     </UncaughtProvider>
   );
 }
-`),await c.writeFile(e,l),console.log(n(x,`  \u2713 Created ${i}`));return}let a=await c.readFile(e,"utf-8");if(a.includes("UncaughtProvider")||a.includes("@uncaughtdev/react")){console.log(n(m,`  \u2298 ${i} already has UncaughtProvider, skipping`));return}o==="layout"&&!a.includes("'use client'")&&!a.includes('"use client"')&&(a=`'use client';
-
-${a}`),a=z(a,`import { UncaughtProvider } from '@uncaughtdev/react';
-`);let u=`<UncaughtProvider projectKey="${t}" transport="${o==="entry"?"console":"local"}">`,d="</UncaughtProvider>",g=false;if(o==="layout"&&a.includes("{children}")){let l=a.match(/(\n(\s*))\{children\}/);if(l){l[2];a=a.replace(`${l[1]}{children}`,`${l[1]}${u}${l[1]}  {children}${l[1]}${d}`);}else a=a.replace("{children}",`
-          ${u}
-            {children}
-          ${d}
-        `);g=true;}else if(o==="pages-app"){let l=a.match(/<Component\s[^>]*\/>/);l&&(a=a.replace(l[0],`${u}
-        ${l[0]}
-      ${d}`),g=true);}else if(o==="entry"){let l=a.match(/<App\s*\/>/);l&&(a=a.replace(l[0],`${u}
+`),await l.writeFile(e,c),console.log(t(x,`  \u2713 Created ${a}`));return}let r=await l.readFile(e,"utf-8");if(r.includes("UncaughtProvider")||r.includes("@uncaughtdev/react")){console.log(t(v,`  \u2298 ${a} already has UncaughtProvider, skipping`));return}r=T(r,`import { UncaughtProvider } from '@uncaughtdev/react';
+`);let d=`<UncaughtProvider projectKey="${n}" transport="${o==="entry"?"console":"local"}">`,g="</UncaughtProvider>",f=false;if(o==="pages-app"){let c=r.match(/<Component\s[^>]*\/>/);c&&(r=r.replace(c[0],`${d}
+        ${c[0]}
+      ${g}`),f=true);}else if(o==="entry"){let c=r.match(/<App\s*\/>/);c&&(r=r.replace(c[0],`${d}
       <App />
-    ${d}`),g=true);}g?(await c.writeFile(e,a),console.log(n(x,`  \u2713 Patched ${i}`))):(console.log(n(m,`  \u26A0 Could not auto-patch ${i}. Wrap your root component with:`)),console.log(n(w,`    <UncaughtProvider projectKey="${t}" transport="local">{children}</UncaughtProvider>`)));}async function U(e){let t=["next.config.ts","next.config.mjs","next.config.js"],o=null;for(let p of t){let u=r.join(e,p);if(await v(u)){o=u;break}}let s=`
+    ${g}`),f=true);}f?(await l.writeFile(e,r),console.log(t(x,`  \u2713 Patched ${a}`))):(console.log(t(v,`  \u26A0 Could not auto-patch ${a}. Wrap your root component with:`)),console.log(t(w,`    <UncaughtProvider projectKey="${n}" transport="local">{children}</UncaughtProvider>`)));}async function A(e){let n=["next.config.ts","next.config.mjs","next.config.js"],o=null;for(let u of n){let d=i.join(e,u);if(await y(d)){o=d;break}}let s=`
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.resolve.fallback = { ...config.resolve.fallback, fs: false, path: false, child_process: false };
     }
     return config;
-  },`;if(!o){o=r.join(e,"next.config.js"),await c.writeFile(o,`/** @type {import('next').NextConfig} */
+  },`;if(!o){o=i.join(e,"next.config.js"),await l.writeFile(o,`/** @type {import('next').NextConfig} */
 const nextConfig = {${s}
 };
 module.exports = nextConfig;
-`),console.log(n(x,"  \u2713 Created next.config.js"));return}let i=await c.readFile(o,"utf-8");if(i.includes("fs: false")){console.log(n(m,"  \u2298 Already has webpack fallback, skipping"));return}if(i.includes("webpack")){console.log(n(m,"  \u2298 Has custom webpack \u2014 add manually: config.resolve.fallback = { fs: false, path: false, child_process: false }"));return}let a=i.match(/(const\s+\w+\s*=\s*\{|module\.exports\s*=\s*\{|export\s+default\s*\{)/);if(a&&a.index!==void 0){let p=a.index+a[0].length;i=i.slice(0,p)+s+i.slice(p),await c.writeFile(o,i),console.log(n(x,`  \u2713 Patched ${r.relative(e,o)}`));}else console.log(n(m,"  \u26A0 Could not auto-patch. Add webpack fallback for fs/path/child_process manually."));}async function X(){let e=process.argv.slice(2),t=e[0]??"list";switch(t){case "init":case "setup":await Q();break;case "list":case "ls":await L();break;case "show":case "view":{let o=e[1];if(!o){console.error(n(b,`
+`),console.log(t(x,"  \u2713 Created next.config.js"));return}let a=await l.readFile(o,"utf-8");if(a.includes("fs: false")){console.log(t(v,"  \u2298 Already has webpack fallback, skipping"));return}if(a.includes("webpack")){console.log(t(v,"  \u2298 Has custom webpack \u2014 add manually: config.resolve.fallback = { fs: false, path: false, child_process: false }"));return}let r=a.match(/(const\s+\w+\s*=\s*\{|module\.exports\s*=\s*\{|export\s+default\s*\{)/);if(r&&r.index!==void 0){let u=r.index+r[0].length;a=a.slice(0,u)+s+a.slice(u),await l.writeFile(o,a),console.log(t(x,`  \u2713 Patched ${i.relative(e,o)}`));}else console.log(t(v,"  \u26A0 Could not auto-patch. Add webpack fallback for fs/path/child_process manually."));}var se=`<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Uncaught Dashboard</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; background: #0a0a0a; color: #e0e0e0; min-height: 100vh; }
+  a { color: #60a5fa; text-decoration: none; }
+  code { background: #1e1e2e; padding: 2px 6px; border-radius: 4px; font-size: 0.85em; }
+  pre { background: #1e1e2e; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 0.85em; line-height: 1.5; }
+  header { background: #111; border-bottom: 1px solid #222; padding: 16px 24px; display: flex; align-items: center; gap: 16px; }
+  header h1 { font-size: 1.2rem; font-weight: 600; }
+  header h1 span { color: #f87171; }
+  .stats { display: flex; gap: 24px; margin-left: auto; font-size: 0.85rem; color: #888; }
+  .stats .stat-val { color: #e0e0e0; font-weight: 600; }
+  .filters { display: flex; gap: 8px; padding: 16px 24px; border-bottom: 1px solid #1a1a1a; }
+  .filter-btn { background: #1a1a1a; border: 1px solid #333; color: #aaa; padding: 6px 16px; border-radius: 6px; cursor: pointer; font-size: 0.85rem; transition: all 0.15s; }
+  .filter-btn:hover { border-color: #555; color: #e0e0e0; }
+  .filter-btn.active { background: #1e3a5f; border-color: #60a5fa; color: #60a5fa; }
+  .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
+  table { width: 100%; border-collapse: collapse; margin-top: 8px; }
+  th { text-align: left; padding: 12px 16px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: #666; border-bottom: 1px solid #222; }
+  td { padding: 12px 16px; border-bottom: 1px solid #1a1a1a; font-size: 0.9rem; vertical-align: top; }
+  tr { cursor: pointer; transition: background 0.1s; }
+  tr:hover { background: #141414; }
+  tr.selected { background: #1a1a2e; }
+  .badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; }
+  .badge-open { background: #3b1111; color: #f87171; }
+  .badge-resolved { background: #0f2f1a; color: #4ade80; }
+  .badge-ignored { background: #2d2305; color: #facc15; }
+  .badge-release { background: #1e1e3e; color: #a78bfa; font-size: 0.7rem; margin-left: 6px; }
+  .badge-env { background: #1a2e1a; color: #86efac; font-size: 0.7rem; margin-left: 4px; }
+  .env-filter { background: #1a1a1a; border: 1px solid #333; color: #aaa; padding: 6px 12px; border-radius: 6px; font-size: 0.85rem; margin-left: 8px; }
+  .feedback-box { background: #1a1a2e; border: 1px solid #2e2e5c; border-radius: 8px; padding: 12px 16px; margin-top: 8px; font-style: italic; color: #c4b5fd; }
+  .count { background: #1e1e2e; padding: 2px 8px; border-radius: 10px; font-size: 0.8rem; font-weight: 600; }
+  .error-type { color: #f87171; font-weight: 500; font-size: 0.8rem; }
+  .error-title { color: #e0e0e0; }
+  .time-ago { color: #666; font-size: 0.8rem; }
+  .empty { text-align: center; padding: 80px 24px; color: #555; }
+  .empty h2 { font-size: 1.2rem; margin-bottom: 8px; color: #666; }
+
+  /* Detail panel */
+  .detail-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; width: 55%; background: #111; border-left: 1px solid #222; overflow-y: auto; z-index: 100; box-shadow: -4px 0 24px rgba(0,0,0,0.5); }
+  .detail-overlay.open { display: block; }
+  .detail-header { padding: 20px 24px; border-bottom: 1px solid #222; display: flex; align-items: center; gap: 12px; }
+  .detail-header h2 { font-size: 1rem; flex: 1; }
+  .close-btn { background: none; border: 1px solid #333; color: #aaa; padding: 4px 12px; border-radius: 4px; cursor: pointer; font-size: 0.85rem; }
+  .close-btn:hover { border-color: #666; color: #fff; }
+  .detail-body { padding: 24px; }
+  .detail-section { margin-bottom: 24px; }
+  .detail-section h3 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: #666; margin-bottom: 8px; }
+  .detail-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
+  .meta-item { background: #1a1a1a; padding: 12px; border-radius: 6px; }
+  .meta-label { font-size: 0.7rem; text-transform: uppercase; color: #666; margin-bottom: 4px; }
+  .meta-value { font-size: 0.9rem; }
+  .breadcrumbs { list-style: none; }
+  .breadcrumbs li { padding: 6px 0; border-bottom: 1px solid #1a1a1a; font-size: 0.85rem; display: flex; gap: 8px; }
+  .bc-time { color: #666; font-family: monospace; font-size: 0.8rem; min-width: 60px; }
+  .bc-type { color: #60a5fa; font-size: 0.75rem; font-weight: 600; min-width: 70px; }
+  .action-bar { display: flex; gap: 8px; padding: 16px 24px; border-top: 1px solid #222; position: sticky; bottom: 0; background: #111; }
+  .action-btn { padding: 8px 16px; border-radius: 6px; border: 1px solid #333; cursor: pointer; font-size: 0.85rem; transition: all 0.15s; }
+  .btn-resolve { background: #0f2f1a; color: #4ade80; border-color: #1a5c2e; }
+  .btn-resolve:hover { background: #1a5c2e; }
+  .btn-ignore { background: #2d2305; color: #facc15; border-color: #5c4a0a; }
+  .btn-ignore:hover { background: #5c4a0a; }
+  .btn-copy { background: #1a1a2e; color: #818cf8; border-color: #2e2e5c; }
+  .btn-copy:hover { background: #2e2e5c; }
+  .btn-open { background: #1e3a5f; color: #60a5fa; border-color: #2563eb; }
+  .btn-open:hover { background: #2563eb; }
+
+  /* Fix prompt box */
+  .prompt-box { position: relative; background: #0d0d0d; border: 1px solid #222; border-radius: 8px; margin-bottom: 24px; }
+  .prompt-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-bottom: 1px solid #222; }
+  .prompt-header h3 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: #666; margin: 0; }
+  .prompt-copy-btn { background: #1a1a2e; border: 1px solid #2e2e5c; color: #818cf8; padding: 4px 12px; border-radius: 4px; cursor: pointer; font-size: 0.75rem; display: flex; align-items: center; gap: 4px; transition: all 0.15s; }
+  .prompt-copy-btn:hover { background: #2e2e5c; }
+  .prompt-copy-btn svg { width: 14px; height: 14px; }
+  .prompt-content { padding: 16px; max-height: 300px; overflow-y: auto; font-size: 0.85rem; line-height: 1.5; white-space: pre-wrap; font-family: 'SF Mono', 'Fira Code', monospace; color: #ccc; }
+
+  /* Fix prompt markdown (expanded view) */
+  .fix-prompt { background: #0d0d0d; border: 1px solid #222; border-radius: 8px; padding: 20px; line-height: 1.6; }
+  .fix-prompt h1, .fix-prompt h2, .fix-prompt h3 { color: #e0e0e0; margin: 16px 0 8px; }
+  .fix-prompt h1 { font-size: 1.2rem; }
+  .fix-prompt h2 { font-size: 1rem; border-bottom: 1px solid #222; padding-bottom: 6px; }
+  .fix-prompt h3 { font-size: 0.9rem; }
+  .fix-prompt ul, .fix-prompt ol { padding-left: 20px; margin: 8px 0; }
+  .fix-prompt li { margin: 4px 0; }
+  .fix-prompt strong { color: #f0f0f0; }
+  .fix-prompt p { margin: 8px 0; }
+</style>
+</head>
+<body>
+<header>
+  <h1><span>uncaught</span> dashboard</h1>
+  <div class="stats" id="stats"></div>
+</header>
+<div class="filters" id="filters">
+  <button class="filter-btn active" data-filter="all">All</button>
+  <button class="filter-btn" data-filter="open">Open</button>
+  <button class="filter-btn" data-filter="resolved">Resolved</button>
+  <button class="filter-btn" data-filter="ignored">Ignored</button>
+  <select class="env-filter" id="env-filter">
+    <option value="">All Environments</option>
+  </select>
+</div>
+<div class="container">
+  <table>
+    <thead>
+      <tr><th>#</th><th>Status</th><th>Error</th><th>Release</th><th>Count</th><th>Users</th><th>Last Seen</th></tr>
+    </thead>
+    <tbody id="issues-body"></tbody>
+  </table>
+  <div class="empty" id="empty" style="display:none;">
+    <h2>No issues found</h2>
+    <p>Trigger some errors in your app and they will appear here.</p>
+  </div>
+</div>
+<div class="detail-overlay" id="detail">
+  <div class="detail-header">
+    <h2 id="detail-title"></h2>
+    <button class="close-btn" id="close-detail">Close</button>
+  </div>
+  <div class="detail-body" id="detail-body"></div>
+  <div class="action-bar" id="action-bar"></div>
+</div>
+<script>
+let allIssues = [];
+let currentFilter = 'all';
+let currentEnv = '';
+let selectedFp = null;
+
+async function fetchIssues() {
+  try {
+    var params = [];
+    if (currentFilter !== 'all') params.push('status=' + currentFilter);
+    if (currentEnv) params.push('environment=' + encodeURIComponent(currentEnv));
+    var url = '/api/issues' + (params.length ? '?' + params.join('&') : '');
+    const res = await fetch(url);
+    allIssues = await res.json();
+    renderIssues();
+    fetchStats();
+    updateEnvFilter();
+  } catch(e) { console.error('Failed to fetch issues', e); }
+}
+
+function updateEnvFilter() {
+  var sel = document.getElementById('env-filter');
+  var envs = new Set();
+  allIssues.forEach(function(i) { if (i.environment) envs.add(i.environment); });
+  var opts = '<option value="">All Environments</option>';
+  envs.forEach(function(e) { opts += '<option value="' + escHtml(e) + '"' + (e === currentEnv ? ' selected' : '') + '>' + escHtml(e) + '</option>'; });
+  sel.innerHTML = opts;
+}
+
+async function fetchStats() {
+  try {
+    const res = await fetch('/api/stats');
+    const s = await res.json();
+    document.getElementById('stats').innerHTML =
+      '<div><span class="stat-val">' + s.total + '</span> issues</div>' +
+      '<div><span class="stat-val">' + s.open + '</span> open</div>' +
+      '<div><span class="stat-val">' + s.totalEvents + '</span> events</div>';
+  } catch(e) {}
+}
+
+function timeAgo(iso) {
+  const ms = Date.now() - new Date(iso).getTime();
+  if (ms < 0) return 'just now';
+  const s = Math.floor(ms/1000);
+  if (s < 60) return s + 's ago';
+  const m = Math.floor(s/60);
+  if (m < 60) return m + 'm ago';
+  const h = Math.floor(m/60);
+  if (h < 24) return h + 'h ago';
+  const d = Math.floor(h/24);
+  if (d < 30) return d + 'd ago';
+  return new Date(iso).toLocaleDateString();
+}
+
+function escHtml(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
+
+function renderIssues() {
+  const body = document.getElementById('issues-body');
+  const empty = document.getElementById('empty');
+  if (allIssues.length === 0) { body.innerHTML = ''; empty.style.display = 'block'; return; }
+  empty.style.display = 'none';
+  body.innerHTML = allIssues.map(function(issue, i) {
+    const cls = issue.status === 'open' ? 'badge-open' : issue.status === 'resolved' ? 'badge-resolved' : 'badge-ignored';
+    var relBadge = issue.release ? '<span class="badge badge-release">' + escHtml(issue.release) + '</span>' : '<span style="color:#555">\u2014</span>';
+    var envBadge = issue.environment ? '<span class="badge badge-env">' + escHtml(issue.environment) + '</span>' : '';
+    return '<tr data-fp="' + issue.fingerprint + '" class="' + (issue.fingerprint === selectedFp ? 'selected' : '') + '">' +
+      '<td>' + (i+1) + '</td>' +
+      '<td><span class="badge ' + cls + '">' + issue.status + '</span>' + envBadge + '</td>' +
+      '<td><span class="error-type">' + escHtml(issue.errorType) + '</span> <span class="error-title">' + escHtml(issue.title.length > 60 ? issue.title.slice(0,57) + '...' : issue.title) + '</span></td>' +
+      '<td>' + relBadge + '</td>' +
+      '<td><span class="count">' + issue.count + '</span></td>' +
+      '<td>' + issue.affectedUsers.length + '</td>' +
+      '<td class="time-ago">' + timeAgo(issue.lastSeen) + '</td>' +
+      '</tr>';
+  }).join('');
+}
+
+function renderMd(md) {
+  return md
+    .replace(/^### (.+)$/gm, '<h3>$1</h3>')
+    .replace(/^## (.+)$/gm, '<h2>$1</h2>')
+    .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+    .replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>')
+    .replace(/\`\`\`[\\s\\S]*?\`\`\`/g, function(m) {
+      var code = m.replace(/\`\`\`\\w*\\n?/g, '').replace(/\`\`\`$/g, '');
+      return '<pre><code>' + escHtml(code) + '</code></pre>';
+    })
+    .replace(/\`([^\`]+)\`/g, '<code>$1</code>')
+    .replace(/^- \\*\\*(.+?)\\*\\* ?\u2014 ?(.+)$/gm, '<li><strong>$1</strong> \u2014 $2</li>')
+    .replace(/^- (.+)$/gm, '<li>$1</li>')
+    .replace(/^(\\d+)\\. (.+)$/gm, '<li>$2</li>')
+    .replace(/(<li>.*<\\/li>)/s, '<ul>$1</ul>')
+    .replace(/\\n\\n/g, '</p><p>')
+    .replace(/\\n/g, '<br>');
+}
+
+async function showDetail(fp) {
+  selectedFp = fp;
+  renderIssues();
+  try {
+    const res = await fetch('/api/issues/' + fp);
+    const data = await res.json();
+    const issue = data.issue;
+    const event = data.event;
+
+    document.getElementById('detail-title').textContent = issue.errorType + ': ' + issue.title;
+
+    let html = '';
+
+    if (event) {
+      // Fix prompt \u2014 first, compact box with copy icon
+      if (event.fixPrompt) {
+        html += '<div class="prompt-box">';
+        html += '<div class="prompt-header"><h3>Fix Prompt</h3>';
+        html += '<button class="prompt-copy-btn" onclick="copyPrompt()">';
+        html += '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>';
+        html += '<span id="copy-label">Copy</span></button></div>';
+        html += '<div class="prompt-content">' + escHtml(event.fixPrompt) + '</div>';
+        html += '</div>';
+      }
+    }
+
+    // Meta
+    html += '<div class="detail-section"><h3>Details</h3><div class="detail-meta">';
+    html += '<div class="meta-item"><div class="meta-label">Fingerprint</div><div class="meta-value"><code>' + issue.fingerprint + '</code></div></div>';
+    html += '<div class="meta-item"><div class="meta-label">Occurrences</div><div class="meta-value">' + issue.count + '</div></div>';
+    html += '<div class="meta-item"><div class="meta-label">Users Affected</div><div class="meta-value">' + issue.affectedUsers.length + '</div></div>';
+    html += '<div class="meta-item"><div class="meta-label">First Seen</div><div class="meta-value">' + timeAgo(issue.firstSeen) + '</div></div>';
+    html += '<div class="meta-item"><div class="meta-label">Last Seen</div><div class="meta-value">' + timeAgo(issue.lastSeen) + '</div></div>';
+    html += '<div class="meta-item"><div class="meta-label">Status</div><div class="meta-value"><span class="badge badge-' + issue.status + '">' + issue.status + '</span></div></div>';
+    if (issue.release) html += '<div class="meta-item"><div class="meta-label">Release</div><div class="meta-value"><span class="badge badge-release">' + escHtml(issue.release) + '</span></div></div>';
+    if (issue.environment) html += '<div class="meta-item"><div class="meta-label">Environment</div><div class="meta-value"><span class="badge badge-env">' + escHtml(issue.environment) + '</span></div></div>';
+    html += '</div></div>';
+
+    if (event) {
+      // User feedback
+      if (event.userFeedback) {
+        html += '<div class="detail-section"><h3>User Feedback</h3><div class="feedback-box">"' + escHtml(event.userFeedback) + '"</div></div>';
+      }
+
+      // Stack trace (prefer resolved)
+      var stackLabel = 'Stack Trace';
+      var stackContent = '';
+      if (event.error && event.error.resolvedStack) {
+        stackLabel = 'Stack Trace (Source Mapped)';
+        stackContent = event.error.resolvedStack;
+      } else if (event.error && event.error.stack) {
+        stackContent = event.error.stack;
+      }
+      if (stackContent) {
+        html += '<div class="detail-section"><h3>' + stackLabel + '</h3><pre><code>' + escHtml(stackContent) + '</code></pre></div>';
+      }
+
+      // Environment
+      if (event.environment) {
+        const env = event.environment;
+        html += '<div class="detail-section"><h3>Environment</h3><div class="detail-meta">';
+        if (env.deploy) html += '<div class="meta-item"><div class="meta-label">Deploy Env</div><div class="meta-value">' + escHtml(env.deploy) + '</div></div>';
+        if (env.browser) html += '<div class="meta-item"><div class="meta-label">Browser</div><div class="meta-value">' + escHtml(env.browser + (env.browserVersion ? ' ' + env.browserVersion : '')) + '</div></div>';
+        if (env.os) html += '<div class="meta-item"><div class="meta-label">OS</div><div class="meta-value">' + escHtml(env.os) + '</div></div>';
+        if (env.runtime) html += '<div class="meta-item"><div class="meta-label">Runtime</div><div class="meta-value">' + escHtml(env.runtime) + '</div></div>';
+        if (env.url) html += '<div class="meta-item"><div class="meta-label">URL</div><div class="meta-value">' + escHtml(env.url) + '</div></div>';
+        if (env.deviceType) html += '<div class="meta-item"><div class="meta-label">Device</div><div class="meta-value">' + escHtml(env.deviceType) + '</div></div>';
+        html += '</div></div>';
+      }
+
+      // Breadcrumbs
+      if (event.breadcrumbs && event.breadcrumbs.length > 0) {
+        html += '<div class="detail-section"><h3>Breadcrumbs</h3><ul class="breadcrumbs">';
+        event.breadcrumbs.forEach(function(bc) {
+          var t = bc.timestamp ? new Date(bc.timestamp).toLocaleTimeString() : '';
+          html += '<li><span class="bc-time">' + t + '</span><span class="bc-type">[' + escHtml(bc.type) + ']</span><span>' + escHtml(bc.message) + '</span></li>';
+        });
+        html += '</ul></div>';
+      }
+    }
+
+    document.getElementById('detail-body').innerHTML = html;
+
+    // Action bar
+    let actions = '';
+    if (issue.status !== 'resolved') actions += '<button class="action-btn btn-resolve" onclick="updateStatus(\\'' + fp + '\\', \\'resolved\\')">Mark Resolved</button>';
+    if (issue.status !== 'ignored') actions += '<button class="action-btn btn-ignore" onclick="updateStatus(\\'' + fp + '\\', \\'ignored\\')">Mark Ignored</button>';
+    if (issue.status !== 'open') actions += '<button class="action-btn btn-open" onclick="updateStatus(\\'' + fp + '\\', \\'open\\')">Reopen</button>';
+    document.getElementById('action-bar').innerHTML = actions;
+
+    document.getElementById('detail').classList.add('open');
+    window._currentFixPrompt = event ? event.fixPrompt : '';
+  } catch(e) { console.error('Failed to load detail', e); }
+}
+
+async function updateStatus(fp, status) {
+  try {
+    await fetch('/api/issues/' + fp, { method: 'PATCH', headers: {'Content-Type':'application/json'}, body: JSON.stringify({status:status}) });
+    fetchIssues();
+    showDetail(fp);
+  } catch(e) { console.error('Failed to update', e); }
+}
+
+function copyPrompt() {
+  if (window._currentFixPrompt) {
+    navigator.clipboard.writeText(window._currentFixPrompt).then(function() {
+      var label = document.getElementById('copy-label');
+      if (label) { label.textContent = 'Copied!'; setTimeout(function(){ label.textContent = 'Copy'; }, 2000); }
+    });
+  }
+}
+
+// Event delegation
+document.getElementById('issues-body').addEventListener('click', function(e) {
+  var tr = e.target.closest('tr');
+  if (tr && tr.dataset.fp) showDetail(tr.dataset.fp);
+});
+
+document.getElementById('close-detail').addEventListener('click', function() {
+  document.getElementById('detail').classList.remove('open');
+  selectedFp = null;
+  renderIssues();
+});
+
+document.getElementById('filters').addEventListener('click', function(e) {
+  var btn = e.target.closest('.filter-btn');
+  if (!btn) return;
+  document.querySelectorAll('.filter-btn').forEach(function(b){ b.classList.remove('active'); });
+  btn.classList.add('active');
+  currentFilter = btn.dataset.filter;
+  fetchIssues();
+});
+
+document.getElementById('env-filter').addEventListener('change', function(e) {
+  currentEnv = e.target.value;
+  fetchIssues();
+});
+
+// Close on Escape
+document.addEventListener('keydown', function(e) {
+  if (e.key === 'Escape') {
+    document.getElementById('detail').classList.remove('open');
+    selectedFp = null;
+    renderIssues();
+  }
+});
+
+// Initial load + auto-refresh
+fetchIssues();
+setInterval(fetchIssues, 5000);
+</script>
+</body>
+</html>`;async function ae(e){let n=P();await l.mkdir(n,{recursive:true});let o;try{o=E();}catch(a){console.error(t(k,`
+  Failed to open database:`),a),process.exitCode=1;return}let s=L.createServer(async(a,r)=>{let u=new URL(a.url,`http://localhost:${e}`),d=u.pathname;if(r.setHeader("Access-Control-Allow-Origin","*"),r.setHeader("Access-Control-Allow-Methods","GET, PATCH, DELETE, OPTIONS"),r.setHeader("Access-Control-Allow-Headers","Content-Type"),a.method==="OPTIONS"){r.writeHead(204),r.end();return}if(d==="/"||d==="/index.html"){r.writeHead(200,{"Content-Type":"text/html; charset=utf-8"}),r.end(se);return}try{if(d==="/api/issues"&&a.method==="GET"){let c=u.searchParams.get("status"),m=u.searchParams.get("environment")||void 0,p={};c&&(p.status=c),m&&(p.environment=m);let j=Object.keys(p).length>0?o.getIssues(p):o.getIssues();r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify(j));return}if(d==="/api/stats"&&a.method==="GET"){let c=o.getStats();r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify(c));return}let g=d.match(/^\/api\/issues\/([a-f0-9]+)$/),f=d.match(/^\/api\/issues\/([a-f0-9]+)\/events$/);if(f&&a.method==="GET"){let c=f[1],m=parseInt(u.searchParams.get("limit")??"20",10),p=parseInt(u.searchParams.get("offset")??"0",10),j=o.getEvents(c,{limit:m,offset:p});r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify(j));return}if(g&&a.method==="GET"){let c=g[1],m=o.getIssue(c);if(!m){r.writeHead(404,{"Content-Type":"application/json"}),r.end(JSON.stringify({error:"Issue not found"}));return}let p=o.getLatestEvent(c);r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify({issue:m,event:p??null}));return}if(g&&a.method==="PATCH"){let c=g[1],m=await re(a),{status:p}=JSON.parse(m);o.updateIssueStatus(c,p),r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify({ok:!0}));return}if(d==="/api/issues"&&a.method==="DELETE"){o.deleteAllIssues(),r.writeHead(200,{"Content-Type":"application/json"}),r.end(JSON.stringify({ok:!0}));return}}catch(g){r.writeHead(500,{"Content-Type":"application/json"}),r.end(JSON.stringify({error:String(g)}));return}r.writeHead(404),r.end("Not found");});s.on("error",a=>{a.code==="EADDRINUSE"?(console.error(t(k,`
+  Port ${e} is already in use. Try: npx @uncaughtdev/core dashboard --port ${e+1}
+`)),process.exitCode=1):(console.error(t(k,`
+  Server error:`),a),process.exitCode=1);}),s.listen(e,()=>{console.log(""),console.log(t($,"  uncaught dashboard")),console.log(t(h,"  \u2500".repeat(35))),console.log(""),console.log(`  ${t(x,"\u25CF")} Running at ${t(b,`http://localhost:${e}`)}`),console.log(""),console.log(t(h,"  Press Ctrl+C to stop")),console.log("");let a=process.platform==="darwin"?"open":process.platform==="win32"?"start":"xdg-open";try{spawn(a,[`http://localhost:${e}`],{detached:!0,stdio:"ignore"}).unref();}catch{}}),process.on("SIGINT",()=>{console.log(t(h,`
+  Shutting down...`)),o.close(),s.close(),process.exit(0);});}function re(e){return new Promise((n,o)=>{let s="";e.on("data",a=>{s+=a;}),e.on("end",()=>n(s)),e.on("error",o);})}async function ie(){let e=process.argv.slice(2),n=e[0]??"list";switch(n){case "init":case "setup":await ne();break;case "list":case "ls":await _();break;case "show":case "view":{let o=e[1];if(!o){console.error(t(k,`
   Missing issue number. Usage: uncaught show <n>
-`)),process.exitCode=1;return}let s=e.includes("--open")||e.includes("-o");await _(o,s);break}case "resolve":{let o=e[1];if(!o){console.error(n(b,`
+`)),process.exitCode=1;return}let s=e.includes("--open")||e.includes("-o");await V(o,s);break}case "resolve":{let o=e[1];if(!o){console.error(t(k,`
   Missing issue number. Usage: uncaught resolve <n>
-`)),process.exitCode=1;return}await G(o);break}case "clear":case "clean":await W();break;case "help":case "--help":case "-h":R();break;default:console.error(n(b,`
-  Unknown command: ${t}`)),R(),process.exitCode=1;break}}X().catch(e=>{console.error(n(b,`
+`)),process.exitCode=1;return}await Y(o);break}case "clear":case "clean":await W();break;case "dashboard":case "dash":case "ui":{let o=e.indexOf("--port"),s=o>=0&&parseInt(e[o+1],10)||3300;await ae(s);break}case "help":case "--help":case "-h":U();break;default:console.error(t(k,`
+  Unknown command: ${n}`)),U(),process.exitCode=1;break}}ie().catch(e=>{console.error(t(k,`
   Unexpected error:`),e),process.exitCode=1;});//# sourceMappingURL=local-viewer.mjs.map
 //# sourceMappingURL=local-viewer.mjs.map