specrails-desktop 2.3.0 → 2.4.0

package/client/dist/assets/IntegrationsPage-iIZ0UEzf.js

@@ -1,3 +0,0 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{F as t,Jt as n,Mt as r,Nt as i,P as a,Pt as o,U as s,Xt as c,nn as l,nt as u,ot as d,q as f,st as p,xt as m}from"./index-CGHKpC-N.js";import{t as h}from"./useProjectCache-BZWYV-w-.js";var g=e(l(),1),_=i();function v(){let{t:e}=n(`integrations`),{activeProjectId:t}=m(),{registerHandler:i,unregisterHandler:c}=r(),l=(0,g.useRef)(t);(0,g.useEffect)(()=>{l.current=t},[t]);let[u,d]=(0,g.useState)(null),[f,p]=(0,g.useState)(null),{data:v,isLoading:b,isFirstLoad:x,refresh:S}=h({namespace:`plugins`,projectId:t,initialValue:[],fetcher:(0,g.useCallback)(async()=>{let e=await fetch(`${o()}/plugins`);if(!e.ok)throw Error(`HTTP ${e.status}`);return(await e.json()).plugins??[]},[])});(0,g.useEffect)(()=>(i(`integrations-page`,e=>{let t=e;t.type&&(t.projectId&&t.projectId!==l.current||t.type.startsWith(`plugin.`)&&S())}),()=>c(`integrations-page`)),[i,c,S]),(0,g.useEffect)(()=>{d(!b&&!v?`Failed to load plugins`:null)},[b,v]);let C=(0,g.useMemo)(()=>(v??[]).filter(e=>e.status!==`orphan`),[v]),T=(0,g.useMemo)(()=>(v??[]).filter(e=>e.status===`orphan`),[v]);return t?(0,_.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,_.jsxs)(`div`,{className:`flex-shrink-0 border-b border-border px-6 pt-4 pb-3 flex items-center gap-2`,children:[(0,_.jsx)(s,{className:`w-4 h-4 text-accent-primary`}),(0,_.jsxs)(`div`,{className:`flex-1`,children:[(0,_.jsx)(`h1`,{className:`text-lg font-semibold`,children:e(`page.title`)}),(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:e(`page.subtitle`)})]})]}),(0,_.jsx)(`div`,{className:`flex-1 overflow-auto p-6`,children:x&&b?(0,_.jsx)(O,{}):u?(0,_.jsx)(k,{onRetry:S}):(v?.length??0)===0?(0,_.jsx)(A,{}):(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:C.map(e=>(0,_.jsx)(y,{plugin:e,isInstalling:f===e.name,onInstall:()=>p(e.name),onCloseInstall:()=>{p(null),S()}},e.name))}),T.length>0&&(0,_.jsxs)(`div`,{className:`mt-10`,children:[(0,_.jsxs)(`h2`,{className:`text-sm font-semibold text-muted-foreground mb-3 flex items-center gap-2`,children:[(0,_.jsx)(a,{className:`w-3.5 h-3.5`}),` `,e(`page.deprecated`)]}),(0,_.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:T.map(e=>(0,_.jsx)(w,{plugin:e,onRemoved:S},e.name))})]})]})})]}):(0,_.jsx)(`div`,{className:`flex flex-col items-center justify-center h-full text-muted-foreground text-sm`,children:e(`page.selectProject`)})}function y({plugin:e,isInstalling:r,onInstall:i,onCloseInstall:o}){let{t:s}=n(`integrations`),[l,f]=(0,g.useState)(!1);return(0,_.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-4 flex flex-col gap-3`,children:[(0,_.jsx)(`div`,{className:`flex items-start gap-2`,children:(0,_.jsxs)(`div`,{className:`flex-1`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(`h3`,{className:`text-sm font-semibold`,children:e.name}),(0,_.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground`,children:[`v`,e.version]}),e.status===`installed`&&(0,_.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-accent-success/20 text-accent-success flex items-center gap-1`,children:[(0,_.jsx)(p,{className:`w-3 h-3`}),` `,s(`card.statusActive`)]}),e.status===`deactivated`&&(0,_.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground flex items-center gap-1`,children:[(0,_.jsx)(d,{className:`w-3 h-3`}),` `,s(`card.statusDeactivated`)]}),e.status===`degraded`&&(0,_.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-accent-warning/20 text-accent-warning flex items-center gap-1`,children:[(0,_.jsx)(a,{className:`w-3 h-3`}),` `,s(`card.statusDegraded`)]}),e.updateAvailable&&(0,_.jsxs)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-accent-info/20 text-accent-info flex items-center gap-1`,children:[(0,_.jsx)(u,{className:`w-3 h-3`}),` `,s(`card.updateAvailable`)]})]}),e.category&&(0,_.jsx)(`p`,{className:`text-[10px] text-muted-foreground mt-0.5`,children:e.category})]})}),(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground leading-relaxed`,children:e.description}),e.whatItDoes.length>0&&(0,_.jsx)(`ul`,{className:`text-xs space-y-1 list-disc pl-4 text-foreground/80`,children:e.whatItDoes.map((e,t)=>(0,_.jsx)(`li`,{children:e},t))}),e.requirements.length>0&&(0,_.jsx)(`div`,{className:`text-[10px] text-muted-foreground`,children:s(`card.requires`,{list:e.requirements.map(e=>`${e.name}${e.minVersion?` ≥ ${e.minVersion}`:``}`).join(`, `)})}),e.healthReason&&e.status===`degraded`&&(0,_.jsx)(`div`,{className:`text-[11px] text-accent-warning`,children:e.healthReason}),e.status===`deactivated`&&(0,_.jsx)(`div`,{className:`text-[11px] text-muted-foreground leading-relaxed`,children:(0,_.jsx)(c,{t:s,i18nKey:`card.deactivatedHint`,components:{strong:(0,_.jsx)(`strong`,{})}})}),e.marketplaceConflicts&&e.marketplaceConflicts.length>0&&(0,_.jsx)(C,{pluginName:e.name,conflicts:e.marketplaceConflicts}),e.marketplaceCachedButDisabled&&e.marketplaceCachedButDisabled.length>0&&(0,_.jsx)(x,{keys:e.marketplaceCachedButDisabled}),e.updateAvailable&&(0,_.jsx)(S,{pluginName:e.name}),(0,_.jsx)(`div`,{className:`mt-auto pt-2 flex items-center justify-end gap-2`,children:e.status===`not-installed`?(0,_.jsx)(`button`,{type:`button`,onClick:i,className:`text-xs px-3 py-1.5 rounded-md bg-accent-primary text-white hover:opacity-90`,children:s(`card.install`)}):(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(b,{pluginName:e.name,active:e.status===`installed`}),(0,_.jsxs)(`button`,{type:`button`,onClick:()=>f(!0),className:`text-xs px-3 py-1.5 rounded-md border border-border hover:bg-destructive/10 hover:text-destructive flex items-center gap-1.5`,children:[(0,_.jsx)(t,{className:`w-3 h-3`}),` `,s(`card.uninstall`)]})]})}),r&&(0,_.jsx)(T,{pluginName:e.name,onClose:o}),l&&(0,_.jsx)(E,{pluginName:e.name,onClose:()=>f(!1),onUninstalled:()=>{f(!1)}})]})}function b({pluginName:e,active:t}){let{t:r}=n(`integrations`),[i,a]=(0,g.useState)(!1),[s,c]=(0,g.useState)(null);return(0,_.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,_.jsx)(`button`,{type:`button`,disabled:i,onClick:async()=>{a(!0),c(null);try{let n=`${o()}/plugins/${e}/${t?`deactivate`:`activate`}`,r=await fetch(n,{method:`POST`});if(!r.ok)throw Error((await r.json()).error??`HTTP ${r.status}`)}catch(e){c(e.message)}finally{a(!1)}},role:`switch`,"aria-checked":t,className:`relative inline-flex items-center h-5 w-9 rounded-full transition-colors disabled:opacity-50 ${t?`bg-accent-success`:`bg-muted`}`,title:r(t?`toggle.titleActive`:`toggle.titleDeactivated`),children:(0,_.jsx)(`span`,{className:`inline-block h-4 w-4 rounded-full bg-white shadow transition-transform ${t?`translate-x-4`:`translate-x-0.5`}`})}),(0,_.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:r(t?`card.statusActive`:`common:states.off`)}),s&&(0,_.jsx)(`span`,{className:`text-[10px] text-destructive`,children:s})]})}function x({keys:e}){let{t}=n(`integrations`);return(0,_.jsxs)(`div`,{className:`text-[11px] rounded-md border border-yellow-500/30 bg-yellow-500/5 p-2 leading-relaxed space-y-1`,children:[(0,_.jsxs)(`div`,{className:`flex items-start gap-1.5`,children:[(0,_.jsx)(a,{className:`w-3 h-3 text-yellow-500 mt-0.5 flex-shrink-0`}),(0,_.jsx)(`span`,{children:(0,_.jsx)(c,{t,i18nKey:`cachedNotice.body`,components:{strong:(0,_.jsx)(`strong`,{}),code:(0,_.jsx)(`code`,{className:`bg-muted px-1 rounded`})}})})]}),(0,_.jsx)(`div`,{className:`pl-5 space-y-0.5`,children:e.map(e=>(0,_.jsxs)(`pre`,{className:`text-[10px] bg-muted/40 rounded px-1.5 py-0.5 inline-block font-mono`,children:[`/plugin uninstall `,e]},e))}),(0,_.jsx)(`div`,{className:`pl-5 text-[10px] text-muted-foreground`,children:t(`cachedNotice.runInstruction`)})]})}function S({pluginName:e}){let{t}=n(`integrations`),[r,i]=(0,g.useState)(!1),[a,s]=(0,g.useState)(null);return(0,_.jsxs)(`div`,{className:`text-[11px] rounded-md border border-accent-info/30 bg-accent-info/5 p-2 leading-relaxed space-y-1.5`,children:[(0,_.jsxs)(`div`,{className:`flex items-start gap-1.5`,children:[(0,_.jsx)(u,{className:`w-3 h-3 text-accent-info mt-0.5 flex-shrink-0`}),(0,_.jsx)(`span`,{children:(0,_.jsx)(c,{t,i18nKey:`update.body`,components:{code:(0,_.jsx)(`code`,{className:`bg-muted px-1 rounded`})}})})]}),(0,_.jsxs)(`button`,{type:`button`,disabled:r,onClick:async()=>{i(!0),s(null);try{let t=await fetch(`${o()}/plugins/${e}/update`,{method:`POST`});if(!t.ok)throw Error((await t.json()).error??`HTTP ${t.status}`)}catch(e){s(e.message)}finally{i(!1)}},className:`text-[10px] px-2 py-0.5 rounded border border-accent-info/40 hover:bg-accent-info/10 disabled:opacity-50 flex items-center gap-1`,children:[r&&(0,_.jsx)(f,{className:`w-2.5 h-2.5 animate-spin`}),(0,_.jsx)(c,{t,i18nKey:`update.button`,components:{code:(0,_.jsx)(`code`,{})}})]}),a&&(0,_.jsx)(`div`,{className:`text-destructive text-[10px]`,children:a})]})}function C({pluginName:e,conflicts:t}){let{t:r}=n(`integrations`),[i,s]=(0,g.useState)(null),[l,u]=(0,g.useState)(null),d=async e=>{s(e),u(null);try{let t=await fetch(`${o()}/plugins/_marketplace/disable`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({key:e})});if(!t.ok)throw Error((await t.json()).error??`HTTP ${t.status}`)}catch(e){u(e.message)}finally{s(null)}};return(0,_.jsxs)(`div`,{className:`text-[11px] rounded-md border border-yellow-500/30 bg-yellow-500/5 p-2 leading-relaxed space-y-1.5`,children:[(0,_.jsxs)(`div`,{className:`flex items-start gap-1.5`,children:[(0,_.jsx)(a,{className:`w-3 h-3 text-yellow-500 mt-0.5 flex-shrink-0`}),(0,_.jsx)(`span`,{children:(0,_.jsx)(c,{t:r,i18nKey:`conflict.body`,values:{name:e},components:{strong:(0,_.jsx)(`strong`,{})}})})]}),(0,_.jsx)(`div`,{className:`flex flex-wrap gap-1.5 pt-1`,children:t.map(e=>(0,_.jsxs)(`button`,{type:`button`,disabled:i===e,onClick:()=>d(e),className:`text-[10px] px-2 py-0.5 rounded border border-yellow-500/40 hover:bg-yellow-500/10 disabled:opacity-50 flex items-center gap-1`,children:[i===e&&(0,_.jsx)(f,{className:`w-2.5 h-2.5 animate-spin`}),(0,_.jsx)(c,{t:r,i18nKey:`conflict.disableButton`,values:{key:e},components:{code:(0,_.jsx)(`code`,{})}})]},e))}),l&&(0,_.jsx)(`div`,{className:`text-destructive`,children:l})]})}function w({plugin:e,onRemoved:r}){let{t:i}=n(`integrations`),[a,s]=(0,g.useState)(!1);return(0,_.jsxs)(`div`,{className:`rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4 flex flex-col gap-3`,children:[(0,_.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,_.jsx)(`h3`,{className:`text-sm font-semibold`,children:e.name}),(0,_.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded bg-yellow-500/20 text-yellow-500`,children:i(`orphan.badge`)})]}),(0,_.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:e.description}),(0,_.jsx)(`div`,{className:`flex items-center justify-end`,children:(0,_.jsxs)(`button`,{type:`button`,disabled:a,onClick:async()=>{s(!0);try{await fetch(`${o()}/plugins/${e.name}`,{method:`DELETE`}),r()}finally{s(!1)}},className:`text-xs px-3 py-1.5 rounded-md border border-border hover:bg-destructive/10 hover:text-destructive flex items-center gap-1.5`,children:[(0,_.jsx)(t,{className:`w-3 h-3`}),` `,i(`orphan.removeButton`)]})})]})}function T({pluginName:e,onClose:t}){let{t:i}=n(`integrations`),[s,c]=(0,g.useState)(null),[l,m]=(0,g.useState)(null),[h,v]=(0,g.useState)(!1),[y,b]=(0,g.useState)(null),[x,S]=(0,g.useState)([]),[C,w]=(0,g.useState)(null),[T,E]=(0,g.useState)([]),{registerHandler:O,unregisterHandler:k}=r(),A=(0,g.useCallback)(()=>{c(null),m(null),fetch(`${o()}/plugins/${e}/preview-install`).then(e=>e.ok?e.json():Promise.reject(Error(`HTTP ${e.status}`))).then(e=>c(e)).catch(e=>m(e.message))},[e]);(0,g.useEffect)(()=>{A()},[A]),(0,g.useEffect)(()=>(O(`install-${e}`,t=>{let n=t;if(n.type===`plugin.install_progress`&&n.name===e&&n.line&&S(e=>[...e,n.line]),n.type===`plugin.prereq_install_progress`&&n.line&&E(e=>[...e,n.line]),n.type===`plugin.prereq_installed`){w(null);let e=n.reason;e&&E(t=>[...t,`► ${e}`]),n.ok&&A()}}),()=>k(`install-${e}`)),[e,O,k,A]);let j=async e=>{w(e),E([i(`installDialog.installingPrereq`,{name:e})]);try{await fetch(`${o()}/plugins/_prerequisites/${e}/install`,{method:`POST`})}catch(e){E(t=>[...t,i(`installDialog.prereqStartFailed`,{message:e.message})]),w(null)}},M=(s?.requirements??[]).every(e=>e.installed&&e.executable&&e.meetsMinimum);return(0,_.jsxs)(D,{onClose:t,title:i(`installDialog.title`,{name:e}),children:[l&&(0,_.jsx)(`div`,{className:`text-xs text-destructive`,children:l}),!s&&!l&&(0,_.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,_.jsx)(f,{className:`w-3 h-3 animate-spin`}),` `,i(`installDialog.computingChanges`)]}),s&&(0,_.jsxs)(_.Fragment,{children:[s.platformNote&&(0,_.jsxs)(`div`,{className:`flex items-start gap-2 p-2.5 rounded-md border border-yellow-500/30 bg-yellow-500/5 text-[11px] leading-relaxed`,children:[(0,_.jsx)(a,{className:`w-3.5 h-3.5 text-yellow-500 mt-0.5 flex-shrink-0`}),(0,_.jsx)(`span`,{children:s.platformNote})]}),(0,_.jsxs)(`section`,{children:[(0,_.jsx)(`h4`,{className:`text-xs font-semibold mb-1.5`,children:i(`installDialog.filesHeading`)}),(0,_.jsx)(`ul`,{className:`text-xs space-y-0.5 font-mono`,children:s.files.map((e,t)=>(0,_.jsxs)(`li`,{className:e.op===`create`?`text-accent-success`:`text-accent-info`,children:[e.op===`create`?`+ `:`~ `,e.path,e.summary&&(0,_.jsxs)(`span`,{className:`text-muted-foreground`,children:[` `,e.summary]})]},t))})]}),s.requirements.length>0&&(0,_.jsxs)(`section`,{children:[(0,_.jsx)(`h4`,{className:`text-xs font-semibold mb-1.5`,children:i(`installDialog.prerequisites`)}),(0,_.jsx)(`ul`,{className:`text-xs space-y-1`,children:s.requirements.map(e=>{let t=e.installed&&e.executable&&e.meetsMinimum,n=e.name===`uv`;return(0,_.jsxs)(`li`,{className:`flex items-center gap-2`,children:[t?(0,_.jsx)(p,{className:`w-3 h-3 text-accent-success`}):(0,_.jsx)(d,{className:`w-3 h-3 text-accent-warning`}),(0,_.jsxs)(`span`,{children:[e.name,e.minVersion?` ≥ ${e.minVersion}`:``]}),e.version&&(0,_.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,e.version,`)`]}),!t&&n&&(0,_.jsxs)(`button`,{type:`button`,disabled:C===e.name,onClick:()=>j(e.name),className:`ml-auto text-[10px] px-2 py-0.5 rounded border border-border hover:bg-muted disabled:opacity-50 flex items-center gap-1`,children:[C===e.name&&(0,_.jsx)(f,{className:`w-2.5 h-2.5 animate-spin`}),i(`installDialog.autoInstall`)]})]},e.name)})}),T.length>0&&(0,_.jsx)(`pre`,{className:`mt-2 text-[11px] bg-muted/40 rounded p-2 max-h-24 overflow-auto font-mono`,children:T.join(`
-`)})]}),x.length>0&&(0,_.jsxs)(`section`,{children:[(0,_.jsx)(`h4`,{className:`text-xs font-semibold mb-1.5`,children:i(`installDialog.progress`)}),(0,_.jsx)(`pre`,{className:`text-[11px] bg-muted/40 rounded p-2 max-h-32 overflow-auto font-mono`,children:x.join(`
-`)})]}),y&&(0,_.jsx)(`div`,{className:`text-xs text-destructive`,children:y})]}),(0,_.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,_.jsx)(`button`,{type:`button`,onClick:t,className:`text-xs px-3 py-1.5 rounded-md border border-border`,children:i(`common:actions.cancel`)}),(0,_.jsxs)(`button`,{type:`button`,disabled:!s||!M||h,onClick:async()=>{v(!0),b(null);try{let n=await fetch(`${o()}/plugins/${e}/install`,{method:`POST`});if(!n.ok)throw Error((await n.json()).error??`HTTP ${n.status}`);setTimeout(t,1500)}catch(e){b(e.message)}finally{v(!1)}},className:`text-xs px-3 py-1.5 rounded-md bg-accent-primary text-white disabled:opacity-50 flex items-center gap-1.5`,children:[h?(0,_.jsx)(f,{className:`w-3 h-3 animate-spin`}):(0,_.jsx)(u,{className:`w-3 h-3`}),i(`card.install`)]})]})]})}function E({pluginName:e,onClose:t,onUninstalled:r}){let{t:i}=n(`integrations`),[a,s]=(0,g.useState)(!1),[l,u]=(0,g.useState)(null);return(0,_.jsxs)(D,{onClose:t,title:i(`uninstallDialog.title`,{name:e}),children:[(0,_.jsx)(`p`,{className:`text-xs`,children:(0,_.jsx)(c,{t:i,i18nKey:`uninstallDialog.body`,components:{code:(0,_.jsx)(`code`,{})}})}),l&&(0,_.jsx)(`div`,{className:`text-xs text-destructive`,children:l}),(0,_.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,_.jsx)(`button`,{type:`button`,onClick:t,className:`text-xs px-3 py-1.5 rounded-md border border-border`,children:i(`common:actions.cancel`)}),(0,_.jsxs)(`button`,{type:`button`,disabled:a,onClick:async()=>{s(!0);try{let t=await fetch(`${o()}/plugins/${e}`,{method:`DELETE`});if(!t.ok)throw Error((await t.json()).error??`HTTP ${t.status}`);r()}catch(e){u(e.message)}finally{s(!1)}},className:`text-xs px-3 py-1.5 rounded-md bg-destructive text-white disabled:opacity-50 flex items-center gap-1.5`,children:[a&&(0,_.jsx)(f,{className:`w-3 h-3 animate-spin`}),i(`card.uninstall`)]})]})]})}function D({title:e,onClose:t,children:n}){return(0,_.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/40`,role:`dialog`,tabIndex:-1,onClick:t,children:(0,_.jsxs)(`div`,{className:`bg-card border border-border rounded-lg shadow-xl w-full max-w-md p-5 flex flex-col gap-3`,onClick:e=>e.stopPropagation(),children:[(0,_.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),n]})})}function O(){return(0,_.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:Array.from({length:3},(e,t)=>(0,_.jsx)(`div`,{className:`rounded-lg border border-border bg-card p-4 h-40 animate-pulse`},t))})}function k({onRetry:e}){let{t}=n(`integrations`);return(0,_.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 gap-3 text-sm text-muted-foreground`,children:[(0,_.jsx)(a,{className:`w-5 h-5 text-destructive`}),(0,_.jsx)(`p`,{children:t(`page.loadError`)}),(0,_.jsx)(`button`,{type:`button`,onClick:e,className:`text-xs px-3 py-1.5 rounded-md border border-border`,children:t(`common:actions.retry`)})]})}function A(){let{t:e}=n(`integrations`);return(0,_.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 gap-2 text-sm text-muted-foreground`,children:[(0,_.jsx)(s,{className:`w-6 h-6`}),(0,_.jsx)(`p`,{children:e(`page.empty`)})]})}export{v as default};

package/client/dist/assets/JobDetailPage-DgJHAH2m.js

@@ -1,16 +0,0 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{$t as t,A as n,Ct as r,Jt as i,Mt as a,Nt as o,Pt as s,Qt as c,R as l,St as u,V as d,Zt as f,a as ee,at as p,b as m,c as h,dt as g,f as _,j as v,k as te,l as y,lt as b,nn as x,nt as S,ot as C,p as w,q as T,qt as E,rt as D,st as O,ut as k,v as A,xt as j,y as M,yt as N}from"./index-CGHKpC-N.js";import{t as P}from"./lib-Cs5FrUJI.js";import{t as F}from"./format-command-CwGuwzGA.js";var I=N(`clock`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6l4 2`,key:`mmk7yg`}]]),L=N(`house`,[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`r6nss1`}]]),R=e(x(),1),z=o();function ne({phases:e,phaseDefinitions:t}){return t.length===0?null:(0,z.jsx)(`div`,{className:`flex items-center`,children:t.map((n,r)=>{let i=e[n.key]??`idle`,a=r<t.length-1?e[t[r+1].key]??`idle`:null;return(0,z.jsxs)(`div`,{className:`flex items-center`,children:[(0,z.jsxs)(A,{children:[(0,z.jsx)(m,{asChild:!0,children:(0,z.jsxs)(`div`,{className:`flex flex-col items-center gap-1.5 cursor-default px-4`,children:[(0,z.jsx)(B,{state:i}),(0,z.jsx)(`span`,{className:v(`text-xs font-medium transition-colors`,i===`running`?`text-blue-400`:i===`done`?`text-emerald-400`:i===`error`?`text-red-400`:`text-muted-foreground/40`),children:n.label})]})}),(0,z.jsxs)(M,{side:`bottom`,className:`max-w-[200px]`,children:[(0,z.jsx)(`p`,{className:`font-medium`,children:n.label}),(0,z.jsx)(`p`,{className:`text-muted-foreground mt-0.5`,children:n.description})]})]}),a!==null&&(0,z.jsx)(`div`,{className:v(`h-px w-12 -mt-5 shrink-0 transition-all duration-300`,a===`done`||i===`done`?`bg-emerald-500/30`:a===`running`?`bg-blue-400/40`:`bg-border/30`)})]},n.key)})})}function B({state:e}){return(0,z.jsxs)(`div`,{className:v(`flex items-center justify-center w-10 h-10 rounded-full transition-all duration-300`,e===`running`?`bg-blue-500/10 ring-1 ring-blue-400/30 animate-pulse`:e===`done`?`bg-emerald-500/10`:e===`error`?`bg-red-500/10`:`bg-muted/20`),children:[e===`running`&&(0,z.jsx)(T,{className:`w-6 h-6 text-blue-400 animate-spin`}),e===`done`&&(0,z.jsx)(O,{className:`w-6 h-6 text-emerald-400`}),e===`error`&&(0,z.jsx)(C,{className:`w-6 h-6 text-red-400`}),e===`idle`&&(0,z.jsx)(p,{className:`w-6 h-6 text-muted-foreground/20`})]})}function V(e,t){let n=(typeof t==`number`?t:new Date(t).getTime())-new Date(e).getTime();if(!Number.isFinite(n)||n<0)return`—`;let r=Math.round(n/1e3);if(r<60)return`${r}s`;let i=Math.floor(r/60),a=r%60;return i<60?`${i}m ${a}s`:`${Math.floor(i/60)}h ${i%60}m`}function H(e){let t=new Set;for(let n of e)if(n.event_type===`log`)try{let e=(JSON.parse(n.payload).line??``).match(/(?:Writing|Editing|Created?|Updated?)\s+(?:file:\s*)?([\w./\-]+\.\w+)/i);e&&t.add(e[1])}catch{}return Array.from(t).slice(0,20)}var U=new Set([`editing`,`writing`,`reading`,`searching`,`running`]);function W(e){return e.length>40?`${e.slice(0,39)}…`:e}function G(e){return typeof e!=`string`||e.length===0?``:W(e.replace(/\\/g,`/`).split(`/`).filter(Boolean).pop()??``)}function K(e){return typeof e!=`string`||e.length===0?``:W(e.trim().split(/\s+/)[0]??``)}function q(e){if(typeof e!=`string`)return``;try{let t=JSON.parse(e)?.command;if(Array.isArray(t))return K(t.filter(e=>typeof e==`string`).join(` `));if(typeof t==`string`)return K(t)}catch{}return``}function J(e,t){let n=t??{},r=G(n.file_path??n.path);switch(e){case`Edit`:case`MultiEdit`:case`NotebookEdit`:case`Update`:return{step:!0,actionKey:`editing`,actionArg:r};case`Write`:case`create`:return{step:!0,actionKey:`writing`,actionArg:r};case`Read`:return{step:!0,actionKey:`reading`,actionArg:r};case`Grep`:case`Glob`:case`search`:return{step:!0,actionKey:`searching`,actionArg:W(String(n.pattern??n.query??``))};case`Bash`:case`shell`:return{step:!0,actionKey:`running`,actionArg:K(n.command)};default:return{step:!0,actionKey:`working`}}}function Y(e){let t=e.event_type,n={};try{let t=JSON.parse(e.payload);t&&typeof t==`object`&&!Array.isArray(t)&&(n=t)}catch{}if(t===`assistant`){let e=n.message?.content;if(Array.isArray(e)){let t=e.filter(e=>e?.type===`tool_use`);if(t.length>0){let e=t[t.length-1];return{...J(e.name,e.input),stepCount:t.length}}if(e.some(e=>e?.type===`text`))return{step:!0,actionKey:`thinking`}}return{step:!0}}if(t===`tool_use`)return J(n.name,n.input);if(t===`item.completed`){let e=n.item,t=e?.type;return t===`agent_message`?{step:!0,actionKey:`thinking`}:t===`agent_reasoning`?{step:!0,actionKey:`reasoning`}:t===`function_call`||t===`local_shell_call`||t===`command_execution`?{step:!0,actionKey:`running`,actionArg:K(e?.command)||q(e?.arguments)||(typeof e?.name==`string`?W(e.name):``)||(t===`local_shell_call`?`shell`:``)}:{step:!0}}return{step:!1}}var X={steps:0,actionKey:``,actionArg:``,lastSeenIdx:0};function re(e,t){if(t.type===`reset`)return X;if(t.type===`consume`){let{events:n}=t,r=e.lastSeenIdx>n.length?n.length:e.lastSeenIdx;if(n.length<=r)return r===e.lastSeenIdx?e:{...e,lastSeenIdx:r};let{steps:i,actionKey:a,actionArg:o}=e;for(let e=r;e<n.length;e++){let t=Y(n[e]);t.step&&(i+=t.stepCount??1),t.actionKey&&(a=t.actionKey,o=t.actionArg??``)}return{steps:i,actionKey:a,actionArg:o,lastSeenIdx:n.length}}return e}function ie({job:e,events:t,defaultOpen:n=!0,pipelineTotals:r,phases:a,phaseDefinitions:o}){let{t:s}=i(`jobs`),[c,l]=(0,R.useState)(n),u=(0,R.useMemo)(()=>H(t),[t]),d=e.status===`running`,f=e.status===`completed`,[ee,p]=(0,R.useState)(()=>Date.now());(0,R.useEffect)(()=>{if(!d)return;let e=window.setInterval(()=>p(Date.now()),1e3);return()=>window.clearInterval(e)},[d]);let[m,h]=(0,R.useReducer)(re,X),_=(0,R.useRef)(e.id);(0,R.useEffect)(()=>{_.current!==e.id&&(_.current=e.id,h({type:`reset`})),h({type:`consume`,events:t})},[e.id,t]);let[te,y]=(0,R.useState)(!0);(0,R.useEffect)(()=>{if(!d)return;y(!0);let e=window.setTimeout(()=>y(!1),8e3);return()=>window.clearTimeout(e)},[d,e.id]);let b=e.finished_at?V(e.started_at,e.finished_at):d?V(e.started_at,ee):`—`,x=!!e.total_cost_usd_estimated,S=e.total_cost_usd==null?null:`${x?`~`:``}$${e.total_cost_usd.toFixed(4)}`,w=e.num_turns==null?null:String(e.num_turns),E=e.tokens_in==null?null:(e.tokens_in??0)+(e.tokens_out??0)+(e.tokens_cache_read??0)+(e.tokens_cache_create??0),D=E==null?null:`${(E/1e3).toFixed(1)}k`,k=(0,R.useMemo)(()=>!a||!o?null:o.find(e=>a[e.key]===`running`)?.label??null,[a,o]),A=d&&m.steps===0?`connecting`:m.actionKey||`thinking`,j=U.has(A)&&m.actionArg!==``,M=U.has(A)&&!j?`working`:A,N=j?s(`statusPanel.activity.${M}`,{arg:m.actionArg}):s(`statusPanel.activity.${M}`),P=k??(d&&m.steps===0?s(`statusPanel.activity.starting`):null),F=m.steps>0?s(`statusPanel.steps`,{count:m.steps}):null,I=s(d?`statusPanel.inProgress`:f?`statusPanel.completed`:`statusPanel.failed`),L=d?`border-accent-info/20 bg-accent-info/5`:f?`border-emerald-500/20 bg-emerald-500/5`:`border-red-500/20 bg-red-500/5`,ne=d?T:f?O:C,B=d?`w-4 h-4 text-accent-info shrink-0 animate-spin`:f?`w-4 h-4 text-emerald-400 shrink-0`:`w-4 h-4 text-red-400 shrink-0`;return(0,z.jsxs)(`div`,{className:v(`mx-4 my-2 rounded-xl border transition-colors duration-500`,L),children:[(0,z.jsxs)(`button`,{type:`button`,onClick:()=>l(!c),className:`w-full flex items-center gap-3 px-4 py-3`,children:[(0,z.jsx)(ne,{className:B,"aria-hidden":`true`}),(0,z.jsx)(`span`,{className:`text-sm font-semibold flex-1 text-left`,children:I}),(0,z.jsxs)(`div`,{className:`flex items-center gap-3 text-[11px] text-muted-foreground`,children:[(0,z.jsx)(`span`,{className:`tabular-nums`,children:b}),d?F&&(0,z.jsx)(`span`,{className:`tabular-nums`,children:F}):(0,z.jsxs)(z.Fragment,{children:[S&&(0,z.jsx)(`span`,{className:`tabular-nums text-yellow-400`,children:S}),u.length>0&&(0,z.jsx)(`span`,{children:s(`statusPanel.filesCount`,{count:u.length})})]})]}),(0,z.jsx)(g,{className:v(`w-4 h-4 text-muted-foreground/40 transition-transform duration-150 shrink-0`,c&&`rotate-180`)})]}),c&&(0,z.jsx)(`div`,{className:`px-4 pb-4 space-y-3 border-t border-border/20`,children:d?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`p`,{className:`pt-3 text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:s(`statusPanel.zoneInProgress`)}),(0,z.jsxs)(`div`,{className:`flex flex-col sm:flex-row gap-3 sm:items-stretch`,children:[(0,z.jsxs)(`div`,{className:`bg-muted/20 rounded-lg px-3 py-2 sm:w-44 shrink-0`,children:[(0,z.jsxs)(`p`,{className:`flex items-center gap-1.5 text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:[s(`statusPanel.duration`),(0,z.jsx)(`span`,{className:`inline-block w-1.5 h-1.5 rounded-full bg-accent-info animate-pulse`,title:s(`statusPanel.liveTooltip`),"aria-label":s(`statusPanel.liveTooltip`)})]}),(0,z.jsx)(`p`,{className:`text-sm font-semibold tabular-nums mt-0.5 text-accent-info`,children:b})]}),(0,z.jsxs)(`div`,{className:`flex-1 flex items-center gap-2 bg-muted/10 rounded-lg px-3 py-2 min-w-0`,children:[(0,z.jsx)(T,{className:`w-3.5 h-3.5 text-accent-info shrink-0 animate-spin`,"aria-hidden":`true`}),P&&(0,z.jsx)(`span`,{className:`text-[11px] font-medium px-1.5 py-0.5 rounded bg-accent-info/15 text-accent-info shrink-0`,children:P}),(0,z.jsx)(`span`,{className:`text-xs text-muted-foreground truncate flex-1 min-w-0`,children:N}),F&&(0,z.jsxs)(`span`,{className:`text-[11px] text-muted-foreground/60 tabular-nums shrink-0`,children:[`· `,F]})]})]}),te&&(0,z.jsx)(`p`,{className:`text-[11px] text-muted-foreground/40 leading-snug`,children:s(`statusPanel.explainer`)}),(0,z.jsx)(`p`,{className:`pt-1 text-[10px] text-muted-foreground/50 uppercase tracking-wider border-t border-accent-info/10 mt-1`,children:s(`statusPanel.zoneFinalPending`)}),(0,z.jsxs)(`div`,{className:`grid grid-cols-3 gap-2`,children:[(0,z.jsx)($,{label:s(`statusPanel.cost`),caption:s(`statusPanel.pendingCaption`),tooltip:s(`statusPanel.costTooltip`)}),(0,z.jsx)($,{label:s(`statusPanel.turns`),caption:s(`statusPanel.pendingCaption`),tooltip:s(`statusPanel.pendingTooltip`)}),(0,z.jsx)($,{label:s(`statusPanel.tokens`),caption:s(`statusPanel.pendingCaption`),tooltip:s(`statusPanel.pendingTooltip`)})]})]}):(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(`p`,{className:`pt-3 text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:s(`statusPanel.zoneFinal`)}),(0,z.jsxs)(`div`,{className:`grid grid-cols-2 sm:grid-cols-4 gap-2`,children:[(0,z.jsx)(Z,{label:s(`statusPanel.duration`),value:b}),(0,z.jsx)(Q,{label:s(`statusPanel.cost`),value:S,valueClass:`text-yellow-400`,naCaption:s(`statusPanel.notAvailable`)}),(0,z.jsx)(Q,{label:s(`statusPanel.turns`),value:w,naCaption:s(`statusPanel.notAvailable`)}),(0,z.jsx)(Q,{label:s(`statusPanel.tokens`),value:D,naCaption:s(`statusPanel.notAvailable`)})]}),r&&(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/50 uppercase tracking-wider mb-1.5`,children:s(`statusPanel.pipelineTotal`,{count:r.jobCount})}),(0,z.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,z.jsx)(Z,{label:s(`statusPanel.totalCost`),value:`$${r.totalCostUsd.toFixed(4)}`,valueClass:`text-yellow-400`}),(0,z.jsx)(Z,{label:s(`statusPanel.totalTokens`),value:`${((r.totalTokensIn+r.totalTokensOut+r.totalTokensCacheRead+r.totalTokensCacheCreate)/1e3).toFixed(1)}k`})]})]}),u.length>0&&(0,z.jsxs)(`div`,{children:[(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/50 uppercase tracking-wider mb-1.5`,children:s(`statusPanel.filesModified`)}),(0,z.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,z.jsx)(`code`,{className:`text-[10px] font-mono bg-muted/30 px-2 py-0.5 rounded text-cyan-400/80`,children:e},e))})]})]})})]})}function Z({label:e,value:t,valueClass:n}){return(0,z.jsxs)(`div`,{className:`bg-muted/20 rounded-lg px-3 py-2`,children:[(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:e}),(0,z.jsx)(`p`,{className:v(`text-sm font-semibold tabular-nums mt-0.5`,n),children:t})]})}function Q({label:e,value:t,valueClass:n,naCaption:r}){return(0,z.jsxs)(`div`,{className:`bg-muted/20 rounded-lg px-3 py-2`,children:[(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:e}),(0,z.jsx)(`p`,{className:v(`text-sm font-semibold tabular-nums mt-0.5`,t==null?`text-muted-foreground`:n),children:t??`—`}),t==null&&(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/30 mt-0.5`,children:r})]})}function $({label:e,caption:t,tooltip:n}){return(0,z.jsxs)(`div`,{className:`bg-muted/20 rounded-lg px-3 py-2 ring-1 ring-accent-info/10`,title:n,children:[(0,z.jsxs)(`p`,{className:`flex items-center gap-1 text-[10px] text-muted-foreground/50 uppercase tracking-wider`,children:[e,(0,z.jsx)(I,{className:`w-2.5 h-2.5 text-muted-foreground/30`,"aria-hidden":`true`})]}),(0,z.jsx)(`p`,{className:`text-sm font-semibold tabular-nums mt-0.5 text-muted-foreground/40`,children:`—`}),(0,z.jsx)(`p`,{className:`text-[10px] text-muted-foreground/30 mt-0.5`,children:t})]})}var ae=4;function oe({tickets:e,onTicketClick:t}){let{t:n}=i(`jobs`),[r,a]=(0,R.useState)(!1);if(e.length===0)return null;let o=e.length>=ae&&!r?e.slice(0,1):e,s=e.length-o.length;return(0,z.jsxs)(`div`,{className:`rounded-xl border border-border/40 bg-card/40 px-4 py-3 space-y-1.5`,children:[o.map(e=>(0,z.jsx)(se,{ticket:e,onClick:()=>t(e.id)},e.id)),s>0&&(0,z.jsxs)(`button`,{type:`button`,onClick:()=>a(!0),className:`flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors`,children:[n(`ticketHeader.showMore`,{count:s}),(0,z.jsx)(g,{className:`w-3 h-3`})]}),r&&e.length>=ae&&(0,z.jsxs)(`button`,{type:`button`,onClick:()=>a(!1),className:`flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors`,children:[n(`ticketHeader.showLess`),(0,z.jsx)(b,{className:`w-3 h-3`})]})]})}function se({ticket:e,onClick:t}){let{t:n}=i(`jobs`),r=e.title==null,a=`inline-flex items-center px-1.5 py-0.5 rounded-md text-[11px] font-mono tabular-nums shrink-0`;return r?(0,z.jsx)(`div`,{className:`flex items-center gap-2 min-w-0`,children:(0,z.jsx)(`span`,{className:v(a,`text-muted-foreground bg-muted/20 select-none`),title:n(`ticketHeader.deletedTooltip`),children:n(`ticketHeader.deletedTicket`,{id:e.id})})}):(0,z.jsxs)(`button`,{type:`button`,onClick:t,className:`flex items-center gap-2 min-w-0 w-full text-left group`,title:e.title??void 0,children:[(0,z.jsxs)(`span`,{className:v(a,`text-accent-primary bg-accent-primary/10 group-hover:bg-accent-primary/20 transition-colors`),children:[`#`,e.id]}),(0,z.jsx)(`span`,{className:`text-lg font-semibold text-foreground truncate group-hover:text-accent-primary transition-colors`,children:e.title})]})}function ce(e){let t=e.trimStart();return!!(/^#{1,6}\s/.test(t)||/^[-*+]\s/.test(t)||/^\d+\.\s/.test(t)||/^\|.+\|/.test(t)||t.startsWith("```")||t.startsWith(`> `)||/\*\*[^*]+\*\*/.test(e)||/`[^`]+`/.test(e)||/\[.+\]\(.+\)/.test(e)||/^(-{3,}|_{3,}|\*{3,})$/.test(t)||/^- \[[ x]\]\s/.test(t))}function le(e,t){let n=`${e.id??t}`,i=e.timestamp;if(e.event_type===`log`)try{let t=JSON.parse(e.payload).line??``;return t.trim()?t.startsWith(`▸`)||t.match(/^(architect|developer|reviewer|ship|analyst)\s*:/i)?{id:n,content:t,type:`phase`,timestamp:i}:e.source===`stderr`?{id:n,content:t,type:`stderr`,timestamp:i}:ce(t)?{id:n,content:t,type:`assistant`,timestamp:i}:{id:n,content:t,type:`plain`,timestamp:i}:null}catch{return null}if(e.event_type!==`log`&&e.event_type!==`result`)return null;if(e.event_type===`result`)try{let t=JSON.parse(e.payload),a=[];return t.duration_ms&&a.push(`${(t.duration_ms/1e3).toFixed(1)}s`),t.total_cost_usd&&a.push(`$${t.total_cost_usd.toFixed(4)}`),t.num_turns&&a.push(r.t(`jobs:logViewer.turns`,{count:t.num_turns})),{id:n,content:`▸ ${r.t(`jobs:logViewer.completed`)}${a.length?` — ${a.join(` · `)}`:``}`,type:`result`,timestamp:i}}catch{return null}return null}function ue(e){let t=`none`,n=[];for(let r of e){let e=r.type;if(e!==`plain`&&e!==`log`){t=`none`,n.push(r);continue}let i=r.content;i.startsWith(`--- `)?(t=`saw_minus`,n.push({...r,type:`diff-meta`})):t===`saw_minus`&&i.startsWith(`+++ `)?(t=`active`,n.push({...r,type:`diff-meta`})):t===`active`&&i.startsWith(`@@ `)?n.push({...r,type:`diff-hunk`}):t===`active`&&i.startsWith(`+`)&&!i.startsWith(`+++`)?n.push({...r,type:`diff-add`}):t===`active`&&i.startsWith(`-`)&&!i.startsWith(`---`)?n.push({...r,type:`diff-remove`}):(t===`active`&&(i.startsWith(` `)||i===``)||(t=`none`),n.push(r))}return n}function de(e){let t=[{key:`__preamble__`,header:null,lines:[]}];for(let n of e)n.type===`phase`?t.push({key:n.id,header:n,lines:[]}):t[t.length-1].lines.push(n);return t.filter(e=>e.header!==null||e.lines.length>0)}function fe({events:e,isLoading:t}){let{t:r,i18n:a}=i(`jobs`),[o,s]=(0,R.useState)(``),[c,u]=(0,R.useState)(!0),[d,f]=(0,R.useState)(new Set),p=(0,R.useRef)(null),m=(0,R.useRef)(null),{processedLines:h,groups:_,totalLines:v}=(0,R.useMemo)(()=>{let t=e.map((e,t)=>le(e,t)).filter(e=>e!==null),n=[];for(let e of t){let t=n.length>0?n[n.length-1]:null;e.type===`assistant`&&t?.type===`assistant`?t.content+=`
-`+e.content:n.push({...e})}let r=ue(n);return{processedLines:r,groups:de(r),totalLines:r.length}},[e,a.language]),te=(0,R.useMemo)(()=>{if(!o)return v;let e=o.toLowerCase();return h.filter(t=>t.content.toLowerCase().includes(e)).length},[o,h,v]),y=(0,R.useCallback)(()=>{let e=m.current;e&&(e.scrollTop=e.scrollHeight)},[]);(0,R.useEffect)(()=>{c&&y()},[e.length,c,y]);function b(){let e=m.current;e&&u(e.scrollHeight-e.scrollTop-e.clientHeight<50)}function x(e){f(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}return t?(0,z.jsx)(`div`,{className:`flex-1 flex items-center justify-center`,children:(0,z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r(`logViewer.loading`)})}):v===0?(0,z.jsx)(`div`,{className:`flex-1 flex items-center justify-center`,children:(0,z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r(`logViewer.empty`)})}):(0,z.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,z.jsxs)(`div`,{className:`px-4 py-2 border-b border-border flex items-center gap-2`,children:[(0,z.jsxs)(`div`,{className:`relative flex-1 max-w-xs`,children:[(0,z.jsx)(l,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-muted-foreground`}),(0,z.jsx)(ee,{placeholder:r(`logViewer.filterPlaceholder`),value:o,onChange:e=>s(e.target.value),className:`pl-7 h-7`})]}),(0,z.jsx)(n,{variant:`ghost`,size:`sm`,className:`h-7 px-2 text-muted-foreground/50 hover:text-foreground`,onClick:()=>{let e=h.map(e=>e.content).join(`
-`);navigator.clipboard.writeText(e).then(()=>{E.success(r(`logViewer.copySuccess`))}).catch(()=>{E.error(r(`logViewer.copyFailed`))})},children:(0,z.jsx)(D,{className:`w-3.5 h-3.5`})}),(0,z.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:r(`logViewer.lineCount`,{filtered:te,total:v})})]}),(0,z.jsxs)(`div`,{ref:m,className:`flex-1 overflow-y-auto p-2 text-xs relative`,onScroll:b,children:[_.map(e=>(0,z.jsx)(pe,{group:e,filter:o,collapsed:d.has(e.key),onToggle:()=>x(e.key)},e.key)),(0,z.jsx)(`div`,{ref:p})]}),!c&&(0,z.jsxs)(n,{size:`sm`,variant:`secondary`,onClick:()=>{u(!0),y()},className:`absolute bottom-16 right-6 h-7 gap-1 shadow-lg`,children:[(0,z.jsx)(g,{className:`w-3 h-3`}),r(`logViewer.jumpToBottom`)]})]})}var pe=(0,R.memo)(function({group:e,filter:t,collapsed:n,onToggle:r}){let{t:a}=i(`jobs`),o=t?e.lines.filter(e=>e.content.toLowerCase().includes(t.toLowerCase())):e.lines;if(e.header===null)return o.length===0?null:(0,z.jsx)(`div`,{children:o.map((e,t)=>(0,z.jsx)(he,{line:e,even:t%2==0},e.id))});let s=e.header.content;return(0,z.jsxs)(`div`,{className:`mt-3 rounded-md overflow-hidden border border-border/20`,children:[(0,z.jsxs)(`button`,{type:`button`,onClick:r,className:v(`flex items-center gap-2 w-full text-left px-3 py-2`,`bg-primary/5 border-b border-primary/20`,`hover:bg-primary/10 transition-colors duration-150 cursor-pointer`),children:[(0,z.jsx)(k,{className:v(`w-3 h-3 text-primary/60 shrink-0 transition-transform duration-150`,!n&&`rotate-90`)}),(0,z.jsx)(`span`,{className:`flex-1 text-[12px] font-semibold text-foreground leading-none`,children:s}),e.header.timestamp&&(0,z.jsx)(`span`,{className:`text-[10px] text-muted-foreground/40 font-mono tabular-nums shrink-0`,children:new Date(e.header.timestamp).toLocaleTimeString(`en`,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hour12:!1})}),(0,z.jsx)(`span`,{className:`text-[10px] text-muted-foreground/40 shrink-0`,children:a(`logViewer.phaseLines`,{count:e.lines.length})})]}),!n&&(0,z.jsx)(`div`,{className:`bg-muted/5`,children:o.length===0?(0,z.jsx)(`p`,{className:`px-4 py-2 text-[10px] text-muted-foreground/40 italic`,children:a(t?`logViewer.noMatchingLines`:`logViewer.noOutput`)}):o.map((e,t)=>(0,z.jsx)(he,{line:e,even:t%2==0},e.id))})]})}),me=[P],he=(0,R.memo)(function({line:e,even:t}){let n=e.type===`assistant`,r=e.type===`diff-add`,i=e.type===`diff-remove`,a=e.type===`diff-meta`,o=e.type===`diff-hunk`;return(0,z.jsxs)(`div`,{className:v(`flex items-start gap-2 group px-2 py-0.5 rounded-sm`,!(r||i||a||o)&&(t?`bg-muted/20`:`bg-transparent`),e.type===`result`&&`bg-emerald-500/5 border-l-2 border-emerald-500/40 mt-2 py-2`,r&&`bg-emerald-500/8 border-l-2 border-emerald-500/50`,i&&`bg-red-500/8 border-l-2 border-red-500/50`,a&&`bg-accent-primary/5 border-l-2 border-accent-primary/30`,o&&`bg-accent-info/5 border-l-2 border-accent-info/30`),children:[e.timestamp&&(0,z.jsx)(`span`,{className:`text-[10px] text-muted-foreground/40 shrink-0 mt-0.5 w-[52px] font-mono tabular-nums`,children:new Date(e.timestamp).toLocaleTimeString(`en`,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hour12:!1})}),n?(0,z.jsx)(`div`,{className:`flex-1 min-w-0 prose prose-invert prose-xs max-w-none
-            prose-p:my-1 prose-p:leading-relaxed
-            prose-headings:mt-2 prose-headings:mb-1 prose-headings:text-sm prose-headings:font-semibold
-            prose-ul:my-1 prose-ol:my-1 prose-li:my-0
-            prose-code:text-cyan-300 prose-code:text-[11px] prose-code:bg-muted/40 prose-code:px-1 prose-code:py-0.5 prose-code:rounded
-            prose-pre:my-1 prose-pre:bg-muted/30 prose-pre:rounded-md prose-pre:p-2 prose-pre:text-[11px]
-            prose-strong:text-foreground prose-em:text-foreground/70
-            prose-a:text-blue-400 prose-a:no-underline hover:prose-a:underline
-            prose-table:my-2 prose-table:text-[11px]
-            prose-thead:border-border prose-thead:bg-muted/30
-            prose-th:px-3 prose-th:py-1.5 prose-th:text-left prose-th:font-semibold prose-th:text-foreground/90
-            prose-td:px-3 prose-td:py-1.5 prose-td:border-border
-            prose-tr:border-border
-            text-foreground/80`,children:(0,z.jsx)(w,{remarkPlugins:[_],rehypePlugins:me,children:e.content})}):(0,z.jsx)(`span`,{className:v(`flex-1 break-all leading-relaxed whitespace-pre-wrap font-mono`,e.type===`tool-use`&&`text-cyan-400/80 text-[11px]`,e.type===`stderr`&&`text-orange-400`,e.type===`result`&&`text-emerald-400 font-medium`,e.type===`log`&&`text-foreground/60`,e.type===`plain`&&`text-foreground/70`,e.type===`tool-result`&&`text-muted-foreground/50`,r&&`text-emerald-400`,i&&`text-red-400`,a&&`text-accent-primary/80`,o&&`text-accent-info/80`),children:e.content})]})}),ge={running:{variant:`running`,labelKey:`statusLabel.running`,tooltipKey:`statusTooltip.running`},completed:{variant:`success`,labelKey:`statusLabel.completed`,tooltipKey:`statusTooltip.completed`},failed:{variant:`failed`,labelKey:`statusLabel.failed`,tooltipKey:`statusTooltip.failed`},canceled:{variant:`canceled`,labelKey:`statusLabel.canceled`,tooltipKey:`statusTooltip.canceled`},queued:{variant:`queued`,labelKey:`statusLabel.queued`,tooltipKey:`statusTooltip.queued`}};function _e(){let{t:e}=i(`jobs`),{id:r}=t(),{activeProjectId:o,projects:l}=j(),ee=l.find(e=>e.id===o)?.provider,p=c(),{openTicketDetail:g}=h(),[_,b]=(0,R.useState)(null),[x,C]=(0,R.useState)([]),[w,T]=(0,R.useState)([]),[D,O]=(0,R.useState)({}),[N,P]=(0,R.useState)([]),[I,B]=(0,R.useState)(!0),[V,H]=(0,R.useState)(!1);(0,R.useEffect)(()=>{if(!r)return;let e=new AbortController;b(null),C([]),T([]),O({}),B(!0),H(!1);async function t(){try{let t=await fetch(`${s()}/jobs/${r}`,{signal:e.signal});if(t.status===404){H(!0);return}if(!t.ok)throw Error(`Failed to fetch job`);let n=await t.json();b(n.job),C(n.events)}catch(e){if(e.name===`AbortError`)return;H(!0)}finally{e.signal.aborted||B(!1)}}return t(),()=>e.abort()},[r,o]),(0,R.useEffect)(()=>{if(!_?.pipeline_id){P([]);return}let e=_.pipeline_id;fetch(`${s()}/pipelines/${e}`).then(e=>e.ok?e.json():null).then(e=>{e?.jobs&&P(e.jobs)}).catch(()=>{})},[_?.pipeline_id,_?.status]);let U=(0,R.useRef)(o);U.current=o;let W=(0,R.useRef)([]),G=(0,R.useRef)(null),K=(0,R.useCallback)(()=>{G.current=null;let e=W.current;e.length!==0&&(W.current=[],C(t=>{let n=[...t,...e];return n.length>1e4?n.slice(n.length-8e3):n}))},[]),q=(0,R.useCallback)(e=>{let t=W.current;t.push(e),t.length>1e4&&(W.current=t.slice(-8e3)),G.current||=requestAnimationFrame(K)},[K]);(0,R.useEffect)(()=>()=>{G.current&&cancelAnimationFrame(G.current)},[]);let J=(0,R.useCallback)(e=>{let t=e;if(!(U.current&&t.projectId&&t.projectId!==U.current)){if(t.type===`init`){let e=t.phaseDefinitions??[];T(e);let n={};for(let r of e)n[r.key]=t.phases?.[r.key]??`idle`;O(n)}else if(t.type===`event`&&t.jobId===r)q({id:Date.now(),job_id:r??``,seq:t.seq??0,event_type:t.event_type,source:t.source,payload:t.payload,timestamp:t.timestamp});else if(t.type===`log`&&t.processId===r)q({id:Date.now(),job_id:r??``,seq:0,event_type:`log`,source:t.source,payload:JSON.stringify({line:t.line}),timestamp:t.timestamp});else if(t.type===`phase`){let e=t.phase,n=t.state;O(t=>({...t,[e]:n}))}else if(t.type===`queue`){let e=t.jobs?.find(e=>e.id===r);if(e){let t=e.status;b(e=>e&&{...e,status:t}),(t===`completed`||t===`failed`||t===`canceled`)&&fetch(`${s()}/jobs/${r}`).then(e=>e.json()).then(e=>b(e.job)).catch(()=>{})}}}},[r,q]),{registerHandler:Y,unregisterHandler:X}=a();(0,R.useEffect)(()=>(Y(`job-detail-${r}`,J),()=>X(`job-detail-${r}`)),[r,J,Y,X]),(0,R.useEffect)(()=>{if(!r||!_||_.status!==`running`||_.hasTelemetry)return;let e=setInterval(()=>{fetch(`${s()}/jobs/${r}`).then(e=>e.ok?e.json():null).then(e=>{e?.job?.hasTelemetry&&b(e=>e&&{...e,hasTelemetry:!0})}).catch(()=>{})},8e3);return()=>clearInterval(e)},[r,_?.status,_?.hasTelemetry]);async function re(){if(r)try{let t=await fetch(`${s()}/jobs/${r}`,{method:`DELETE`});if(t.ok)(await t.json()).status===`deleted`?(E.success(e(`detail.toast.jobDeleted`)),p(`/jobs`)):E.success(e(`detail.toast.cancelSignalSent`),{description:e(`detail.toast.cancelSignalSentDescription`)});else{let n=await t.json();E.error(e(`detail.toast.failed`),{description:n.error})}}catch{E.error(e(`detail.toast.networkError`))}}async function Z(){if(_)try{let t=await fetch(`${s()}/jobs/${_.id}/diagnostic`);if(!t.ok){let n=await t.json().catch(()=>({}));throw Error(n.error??e(`detail.toast.exportFailedHttp`,{status:t.status}))}let n=await t.blob(),r=URL.createObjectURL(n),i=new Date().toISOString().slice(0,10),a=document.createElement(`a`);a.href=r,a.download=`specrails-diagnostic-${_.id}-${i}.zip`,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(r)}catch(t){E.error(e(`detail.toast.exportFailed`),{description:t.message})}}async function Q(){if(_)try{let t=await fetch(`${s()}/spawn`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({command:_.command})}),n=await t.json();if(!t.ok)throw Error(n.error??e(`detail.toast.spawnFailed`));E.success(e(`detail.toast.jobRequeued`)),p(`/jobs/${n.jobId}`)}catch(e){E.error(e.message)}}if(I)return(0,z.jsx)(`div`,{className:`max-w-5xl mx-auto px-4 py-6`,children:(0,z.jsxs)(`div`,{className:`space-y-3`,children:[(0,z.jsx)(`div`,{className:`h-4 w-48 bg-muted/30 rounded animate-pulse`}),(0,z.jsx)(`div`,{className:`h-20 bg-muted/30 rounded-lg animate-pulse`}),(0,z.jsx)(`div`,{className:`h-64 bg-muted/30 rounded-lg animate-pulse`})]})});if(V||!_)return(0,z.jsxs)(`div`,{className:`max-w-5xl mx-auto px-4 py-6 flex flex-col items-center gap-3 mt-12`,children:[(0,z.jsx)(`p`,{className:`text-lg font-semibold`,children:e(`detail.notFound`)}),(0,z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e(`detail.notFoundDescription`,{id:r})}),(0,z.jsx)(n,{asChild:!0,variant:`outline`,size:`sm`,children:(0,z.jsxs)(f,{to:`/`,children:[(0,z.jsx)(L,{className:`w-3.5 h-3.5 mr-1.5`}),e(`detail.backToDashboard`)]})})]});let $=ge[_.status]??ge.queued,ae=_.status===`running`,se=_.status===`completed`||_.status===`failed`,ce=(_.tickets?.length??0)>0,le=N.length>1?{totalCostUsd:N.reduce((e,t)=>e+(t.total_cost_usd??0),0),totalTokensIn:N.reduce((e,t)=>e+(t.tokens_in??0),0),totalTokensOut:N.reduce((e,t)=>e+(t.tokens_out??0),0),totalTokensCacheRead:N.reduce((e,t)=>e+(t.tokens_cache_read??0),0),totalTokensCacheCreate:N.reduce((e,t)=>e+(t.tokens_cache_create??0),0),jobCount:N.length}:null;return(0,z.jsxs)(`div`,{"data-job-detail-surface":!0,className:`flex flex-col h-full max-w-5xl mx-auto w-full`,children:[(0,z.jsxs)(`div`,{className:`px-4 py-4 border-b border-border space-y-3`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-1 text-xs text-muted-foreground`,children:[(0,z.jsxs)(f,{to:`/`,className:`hover:text-foreground transition-colors flex items-center gap-1`,children:[(0,z.jsx)(L,{className:`w-3 h-3`}),e(`detail.breadcrumbDashboard`)]}),(0,z.jsx)(k,{className:`w-3 h-3`}),(0,z.jsx)(`span`,{className:`text-foreground font-mono`,children:e(`detail.breadcrumbJob`,{id:r?.slice(0,8)})})]}),ce&&(0,z.jsx)(oe,{tickets:_.tickets??[],onTicketClick:g}),(0,z.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,z.jsxs)(`div`,{className:`space-y-1 min-w-0`,children:[(0,z.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,z.jsxs)(A,{children:[(0,z.jsx)(m,{asChild:!0,children:(0,z.jsx)(`div`,{children:(0,z.jsx)(te,{variant:$.variant,children:e($.labelKey)})})}),(0,z.jsx)(M,{children:e($.tooltipKey)})]}),(0,z.jsx)(`code`,{className:v(`font-mono text-foreground/90 truncate`,ce?`text-xs text-muted-foreground`:`text-sm`),children:F(_.command,ee)})]}),(0,z.jsxs)(`div`,{className:`flex items-center gap-3 text-xs text-muted-foreground flex-wrap`,children:[(0,z.jsx)(`span`,{children:_.started_at?e(`detail.startedAgo`,{timeAgo:y(new Date(_.started_at),{addSuffix:!0,locale:u()})}):e(`detail.queuedWaiting`)}),_.model&&(0,z.jsx)(`span`,{className:`text-muted-foreground/40`,children:_.model})]})]}),(0,z.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[_.hasTelemetry&&(0,z.jsxs)(A,{children:[(0,z.jsx)(m,{asChild:!0,children:(0,z.jsxs)(n,{variant:`outline`,size:`sm`,className:`h-7`,onClick:Z,"aria-label":e(`detail.exportDiagnosticAria`),children:[(0,z.jsx)(S,{className:`w-3.5 h-3.5 mr-1.5`}),e(`detail.exportDiagnostic`)]})}),(0,z.jsx)(M,{children:e(`detail.exportDiagnosticTooltip`)})]}),se&&(0,z.jsxs)(A,{children:[(0,z.jsx)(m,{asChild:!0,children:(0,z.jsxs)(n,{variant:`outline`,size:`sm`,onClick:Q,className:`h-7`,children:[(0,z.jsx)(d,{className:`w-3.5 h-3.5 mr-1.5`}),e(`detail.reExecute`)]})}),(0,z.jsx)(M,{children:e(`detail.reExecuteTooltip`)})]}),ae&&(0,z.jsxs)(A,{children:[(0,z.jsx)(m,{asChild:!0,children:(0,z.jsx)(n,{variant:`outline`,size:`sm`,onClick:re,className:`h-7 border-destructive/30 text-destructive hover:bg-destructive/10`,children:e(`detail.cancelJob`)})}),(0,z.jsx)(M,{children:e(`detail.cancelJobTooltip`)})]})]})]}),(0,z.jsx)(ne,{phases:D,phaseDefinitions:w})]}),(_.status===`running`||_.status===`completed`||_.status===`failed`)&&(0,z.jsx)(ie,{job:_,events:x,defaultOpen:_.status===`completed`||_.status===`running`,pipelineTotals:le??void 0,phases:D,phaseDefinitions:w}),(0,z.jsx)(`div`,{className:`flex-1 overflow-hidden relative`,children:(0,z.jsx)(fe,{events:x})})]})}export{_e as default};

package/client/dist/assets/JobsPage-Bv_RpRAE.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-CilyBKbf.js";import{A as t,C as n,E as r,F as i,J as a,Jt as o,N as s,Nt as c,Pt as l,Qt as u,S as d,St as f,T as ee,b as p,f as te,it as m,k as h,l as g,nn as _,ot as v,p as y,qt as b,st as x,t as S,v as C,w,x as T,xt as E,y as D,yt as O}from"./index-CGHKpC-N.js";import{t as k}from"./ExportDropdown-DuoZcdYN.js";import{t as A}from"./useProjectCache-BZWYV-w-.js";import{t as ne}from"./format-command-CwGuwzGA.js";var re=O(`git-compare-arrows`,[[`circle`,{cx:`5`,cy:`6`,r:`3`,key:`1qnov2`}],[`path`,{d:`M12 6h5a2 2 0 0 1 2 2v7`,key:`1yj91y`}],[`path`,{d:`m15 9-3-3 3-3`,key:`1lwv8l`}],[`circle`,{cx:`19`,cy:`18`,r:`3`,key:`1qljk2`}],[`path`,{d:`M12 18H7a2 2 0 0 1-2-2V9`,key:`16sdep`}],[`path`,{d:`m9 15 3 3-3 3`,key:`1m3kbl`}]]),j=e(_(),1),M=c();function N(e){if(e==null)return`—`;let t=Math.round(e/1e3);return t<60?`${t}s`:`${Math.floor(t/60)}m ${t%60}s`}function P(e){return e==null?`—`:e===0?`$0`:e<.01?`$${e.toFixed(4)}`:`$${e.toFixed(3)}`}function F(e){return e==null?`—`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function I({label:e,a:t,b:n,highlight:r}){return(0,M.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 py-2 border-b border-border/20 last:border-0 text-xs`,children:[(0,M.jsx)(`span`,{className:`text-muted-foreground`,children:e}),(0,M.jsx)(`span`,{className:`font-mono text-right ${r===`a`?`text-emerald-400 font-semibold`:``}`,children:t}),(0,M.jsx)(`span`,{className:`font-mono text-right ${r===`b`?`text-emerald-400 font-semibold`:``}`,children:n})]})}function L(e,t,n=!0){return e==null||t==null||e===t?null:n?e<t?`a`:`b`:e>t?`a`:`b`}function ie({jobIds:e,onClose:t}){let{t:n}=o(`jobs`),[r,i]=(0,j.useState)(null),[a,c]=(0,j.useState)(!0),[u,d]=(0,j.useState)(null);(0,j.useEffect)(()=>{let t=new AbortController;return fetch(`${l()}/jobs/compare?jobIds=${e.join(`,`)}`,{signal:t.signal}).then(e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return e.json()}).then(e=>{i(e),c(!1)}).catch(e=>{e.name!==`AbortError`&&(d(e.message),c(!1))}),()=>t.abort()},[e]);function f(e,t){return(0,M.jsxs)(`div`,{className:`text-center space-y-1`,children:[(0,M.jsx)(`p`,{className:`text-[10px] text-muted-foreground font-medium uppercase tracking-wider`,children:n(`comparison.jobN`,{n:t+1})}),(0,M.jsx)(`code`,{className:`text-[10px] text-foreground/70 block truncate max-w-[160px] mx-auto`,children:e.command}),(0,M.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-[10px]`,children:[e.status===`completed`?(0,M.jsx)(x,{className:`w-3 h-3 text-emerald-400`}):(0,M.jsx)(v,{className:`w-3 h-3 text-rose-400`}),(0,M.jsx)(`span`,{className:`capitalize text-muted-foreground`,children:n(`statusLabel.${e.status}`,{defaultValue:e.status})})]}),(0,M.jsx)(`p`,{className:`text-[10px] text-muted-foreground font-mono`,children:e.id.slice(0,8)})]})}return(0,M.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm`,onClick:t,children:(0,M.jsxs)(`div`,{className:`w-full max-w-lg rounded-xl border border-border/30 bg-popover p-5 shadow-xl space-y-4 mx-4`,onClick:e=>e.stopPropagation(),children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,M.jsx)(`h2`,{className:`text-sm font-semibold`,children:n(`comparison.title`)}),(0,M.jsx)(`button`,{type:`button`,onClick:t,className:`text-muted-foreground hover:text-foreground transition-colors`,children:(0,M.jsx)(s,{className:`w-4 h-4`})})]}),a&&(0,M.jsx)(`div`,{className:`space-y-2`,children:[0,1,2,3].map(e=>(0,M.jsx)(`div`,{className:`h-8 bg-muted/20 rounded animate-pulse`},e))}),u&&(0,M.jsx)(`p`,{className:`text-xs text-red-400`,children:n(`comparison.loadFailed`,{error:u})}),r&&(()=>{let[e,t]=r.jobs,i=L(e.durationMs,t.durationMs,!0),a=L(e.totalCostUsd,t.totalCostUsd,!0),o=L(e.tokensOut==null?null:e.tokensOut,t.tokensOut==null?null:t.tokensOut,!0);return(0,M.jsxs)(`div`,{children:[(0,M.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 pb-3 border-b border-border/30 mb-1`,children:[(0,M.jsx)(`div`,{}),f(e,0),f(t,1)]}),(0,M.jsx)(I,{label:n(`comparison.duration`),a:N(e.durationMs),b:N(t.durationMs),highlight:i}),(0,M.jsx)(I,{label:n(`comparison.cost`),a:P(e.totalCostUsd),b:P(t.totalCostUsd),highlight:a}),(0,M.jsx)(I,{label:n(`comparison.tokensOut`),a:F(e.tokensOut),b:F(t.tokensOut),highlight:o}),(0,M.jsx)(I,{label:n(`comparison.tokensIn`),a:F(e.tokensIn),b:F(t.tokensIn),highlight:null}),(0,M.jsx)(I,{label:n(`comparison.cacheRead`),a:F(e.tokensCacheRead),b:F(t.tokensCacheRead),highlight:null}),(0,M.jsx)(I,{label:n(`comparison.model`),a:e.model??`—`,b:t.model??`—`,highlight:null}),(0,M.jsx)(I,{label:n(`comparison.phasesDone`),a:e.phasesCompleted.length>0?e.phasesCompleted.join(`, `):`—`,b:t.phasesCompleted.length>0?t.phasesCompleted.join(`, `):`—`,highlight:null})]})})(),r&&(0,M.jsx)(`p`,{className:`text-[10px] text-muted-foreground/60 text-center`,children:n(`comparison.betterValueHint`)})]})})}var R={running:{variant:`running`,labelKey:`statusLabel.running`,tooltipKey:`statusTooltip.running`},completed:{variant:`success`,labelKey:`statusLabel.done`,tooltipKey:`statusTooltip.completed`},failed:{variant:`failed`,labelKey:`statusLabel.failed`,tooltipKey:`statusTooltip.failed`},canceled:{variant:`canceled`,labelKey:`statusLabel.canceled`,tooltipKey:`statusTooltip.canceled`},queued:{variant:`queued`,labelKey:`statusLabel.queued`,tooltipKey:`statusTooltip.queuedToRun`},zombie_terminated:{variant:`failed`,labelKey:`statusLabel.zombie`,tooltipKey:`statusTooltip.zombie`},skipped:{variant:`warning`,labelKey:`statusLabel.skipped`,tooltipKey:`statusTooltip.skipped`}},ae=[`running`,`completed`,`failed`,`canceled`,`zombie_terminated`,`queued`,`skipped`],z={critical:{className:`bg-red-500/15 text-red-400 border-red-500/30`,labelKey:`recent.priority.critical`},high:{className:`bg-orange-500/15 text-orange-400 border-orange-500/30`,labelKey:`recent.priority.high`},normal:{className:``,labelKey:`recent.priority.normal`},low:{className:`bg-gray-500/15 text-gray-400 border-gray-500/30`,labelKey:`recent.priority.low`}};function oe(e){return e==null||e===0?null:e<.01?`$${e.toFixed(4)}`:`$${e.toFixed(3)}`}function se(e,t){if(!t)return null;let n=new Date(t).getTime()-new Date(e).getTime();if(n<0)return null;let r=Math.round(n/1e3);if(r<60)return`${r}s`;let i=Math.floor(r/60),a=r%60;return i<60?`${i}m ${a}s`:`${Math.floor(i/60)}h ${i%60}m`}function ce(e){return e==null||e===0?null:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function le(e){try{return g(new Date(e),{addSuffix:!0,locale:f()})}catch{return e}}var B=10;function V({jobs:e,isLoading:s,onJobsCleared:c,onProposalClick:f,onProposalDelete:te}){let{t:g}=o(`jobs`),_=u(),{activeProjectId:v,projects:y}=E(),x=y.find(e=>e.id===v)?.provider,[S,O]=(0,j.useState)(null),[k,A]=(0,j.useState)(``),[N,P]=(0,j.useState)(``),[F,I]=(0,j.useState)(!1),[L,V]=(0,j.useState)(``),[H,U]=(0,j.useState)(``),[W,G]=(0,j.useState)(!1),[K,q]=(0,j.useState)(null),[J,ue]=(0,j.useState)(B),[Y,de]=(0,j.useState)(!1),[X,Z]=(0,j.useState)([]),[fe,Q]=(0,j.useState)(null);(0,j.useEffect)(()=>{ue(B)},[e.length]);function pe(){de(e=>!e),Z([])}function me(e){Z(t=>{if(t.includes(e))return t.filter(t=>t!==e);if(t.length>=2)return t;let n=[...t,e];return n.length===2&&Q(n),n})}let $=e.filter(e=>!(S&&e.status!==S||k&&e.started_at<k||N&&e.started_at>`${N}T23:59:59`)),he=e.filter(e=>!(L&&e.started_at<L||H&&e.started_at>`${H}T23:59:59`)).length;async function ge(e){G(!0);try{let t={};e===`range`&&(L&&(t.from=L),H&&(t.to=H));let n=await fetch(`${l()}/jobs`,{method:`DELETE`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)});if(n.ok){let e=await n.json();b.success(g(`recent.toast.cleared`,{count:e.deleted})),I(!1),V(``),U(``),c?.()}else b.error(g(`recent.toast.clearFailed`))}catch{b.error(g(`recent.toast.networkError`))}finally{G(!1)}}return s?(0,M.jsx)(`div`,{className:`rounded-lg border border-border/40 bg-card/50 p-4 space-y-1`,children:[0,1,2].map(e=>(0,M.jsx)(`div`,{className:`h-9 bg-muted/30 rounded-md animate-pulse`},e))}):e.length===0?(0,M.jsxs)(`div`,{className:`rounded-lg border border-dashed border-border/40 bg-card/50 p-8 text-center space-y-2`,children:[(0,M.jsx)(m,{className:`w-8 h-8 text-muted-foreground/30 mx-auto`}),(0,M.jsx)(`p`,{className:`text-sm font-medium text-muted-foreground`,children:g(`recent.emptyTitle`)}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground/60`,children:g(`recent.emptyDescription`)})]}):(0,M.jsxs)(`div`,{className:`rounded-lg border border-border/40 bg-card/50 p-4 space-y-2`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,M.jsx)(`button`,{type:`button`,onClick:()=>O(null),className:`px-2 py-0.5 rounded text-[10px] font-medium transition-colors ${S===null?`bg-accent text-foreground`:`text-muted-foreground hover:text-foreground hover:bg-accent/50`}`,children:g(`recent.filterAll`,{count:e.length})}),ae.map(t=>{let n=e.filter(e=>e.status===t).length;return n===0?null:(0,M.jsx)(`button`,{type:`button`,onClick:()=>O(S===t?null:t),className:`px-2 py-0.5 rounded text-[10px] font-medium capitalize transition-colors ${S===t?`bg-accent text-foreground`:`text-muted-foreground hover:text-foreground hover:bg-accent/50`}`,children:g(`recent.filterStatus`,{status:g(`statusName.${t}`),count:n})},t)})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(`input`,{type:`date`,value:k,onChange:e=>A(e.target.value),className:`h-6 rounded border border-border bg-input px-1.5 text-[10px] text-foreground`,title:g(`recent.fromDate`)}),(0,M.jsx)(`input`,{type:`date`,value:N,onChange:e=>P(e.target.value),className:`h-6 rounded border border-border bg-input px-1.5 text-[10px] text-foreground`,title:g(`recent.toDate`)}),(k||N)&&(0,M.jsx)(`button`,{type:`button`,onClick:()=>{A(``),P(``)},className:`text-[10px] text-muted-foreground hover:text-foreground transition-colors`,children:g(`recent.clear`)}),(0,M.jsxs)(C,{children:[(0,M.jsx)(p,{asChild:!0,children:(0,M.jsx)(t,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0 transition-colors ${Y?`text-foreground bg-accent`:`text-muted-foreground hover:text-foreground`}`,onClick:pe,children:(0,M.jsx)(re,{className:`w-3.5 h-3.5`})})}),(0,M.jsx)(D,{children:g(Y?`recent.exitCompareMode`:`recent.compareTwoJobs`)})]}),(0,M.jsxs)(C,{children:[(0,M.jsx)(p,{asChild:!0,children:(0,M.jsx)(t,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0 text-muted-foreground hover:text-destructive`,onClick:()=>I(!0),children:(0,M.jsx)(i,{className:`w-3.5 h-3.5`})})}),(0,M.jsx)(D,{children:g(`recent.clearJobs`)})]})]})]}),Y&&(0,M.jsxs)(`div`,{className:`flex items-center justify-between rounded-md bg-accent/40 px-3 py-1.5 text-[10px] text-muted-foreground`,children:[(0,M.jsxs)(`span`,{children:[X.length===0&&g(`recent.selectTwoToCompare`),X.length===1&&g(`recent.selectOneMore`),X.length===2&&g(`recent.readyToCompare`)]}),X.length===2&&(0,M.jsx)(`button`,{type:`button`,className:`text-[10px] font-medium text-foreground hover:underline`,onClick:()=>Q(X),children:g(`recent.compareAction`)})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1 text-[10px] font-medium text-muted-foreground uppercase tracking-wider`,children:[(0,M.jsx)(`span`,{className:`w-14`,children:g(`recent.colStatus`)}),(0,M.jsx)(`span`,{className:`flex-1 min-w-0`,children:g(`recent.colCommand`)}),(0,M.jsxs)(`div`,{className:`flex items-center gap-3 shrink-0`,children:[(0,M.jsx)(`span`,{className:`w-14 text-right`,children:g(`recent.colDuration`)}),(0,M.jsx)(`span`,{className:`w-12 text-right`,children:g(`recent.colTokens`)}),(0,M.jsx)(`span`,{className:`w-12 text-right`,children:g(`recent.colCost`)}),(0,M.jsx)(`span`,{className:`w-20 text-right`,children:g(`recent.colStarted`)})]})]}),(0,M.jsx)(`div`,{className:`space-y-0.5`,children:$.slice(0,J).map(e=>{let t=R[e.status]??R.queued,n=oe(e.total_cost_usd),r=se(e.started_at,e.finished_at),o=ce((e.tokens_in??0)+(e.tokens_out??0)+(e.tokens_cache_read??0)+(e.tokens_cache_create??0)||null),s=e.id.startsWith(`proposal:`),c=s?e.id.replace(`proposal:`,``):null,l=X.includes(e.id),u=Y&&!s&&X.length===2&&!l;return(0,M.jsxs)(`div`,{role:`button`,tabIndex:0,className:`flex items-center gap-3 px-3 py-2 rounded-md transition-colors cursor-pointer group ${l?`bg-accent/70 ring-1 ring-border`:u?`opacity-40 cursor-not-allowed`:`hover:bg-accent/50`}`,onClick:()=>{if(Y&&!s){me(e.id);return}s&&c?f?.(c):_(`/jobs/${e.id}`)},children:[(0,M.jsxs)(C,{children:[(0,M.jsx)(p,{asChild:!0,children:(0,M.jsx)(`div`,{children:(0,M.jsx)(h,{variant:t.variant,children:g(t.labelKey)})})}),(0,M.jsx)(D,{children:g(t.tooltipKey)})]}),e.priority&&e.priority!==`normal`&&(0,M.jsx)(`span`,{className:`inline-flex items-center rounded px-1.5 py-0.5 text-[9px] font-medium border ${z[e.priority].className}`,children:g(z[e.priority].labelKey)}),e.profile_name&&(0,M.jsxs)(C,{children:[(0,M.jsx)(p,{asChild:!0,children:(0,M.jsx)(`span`,{className:`inline-flex items-center rounded px-1.5 py-0.5 text-[9px] font-medium border border-accent-primary/40 bg-accent-primary/10 text-accent-primary/90`,children:e.profile_name})}),(0,M.jsx)(D,{children:g(`recent.profileTooltip`,{name:e.profile_name})})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-1 flex-1 min-w-0`,children:[e.pipeline_id&&(0,M.jsxs)(C,{children:[(0,M.jsx)(p,{asChild:!0,children:(0,M.jsx)(a,{className:`w-3 h-3 text-accent-primary/60 shrink-0`})}),(0,M.jsxs)(D,{children:[g(`recent.pipelinePart`),e.depends_on_job_id&&` ${g(`recent.pipelineDependsOn`)}`,e.skip_reason&&` — ${e.skip_reason}`]})]}),(0,M.jsx)(`code`,{className:`text-xs text-foreground/80 truncate`,children:ne(e.command,x)})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-3 text-[10px] text-muted-foreground shrink-0`,children:[(0,M.jsx)(`span`,{className:`w-14 text-right`,children:r??`—`}),(0,M.jsx)(`span`,{className:`w-12 text-right`,children:o?`${o}`:`—`}),(0,M.jsx)(`span`,{className:`w-12 text-right`,children:n??`—`}),(0,M.jsx)(`span`,{className:`w-20 text-right`,children:le(e.started_at)}),s&&c&&(0,M.jsx)(`button`,{type:`button`,className:`w-4 h-4 md:opacity-0 md:group-hover:opacity-100 text-muted-foreground hover:text-destructive transition-all`,onClick:e=>{e.stopPropagation(),q(c)},title:g(`recent.deleteProposal`),children:(0,M.jsx)(i,{className:`w-3 h-3`})})]})]},e.id)})}),$.length>J&&(0,M.jsx)(`div`,{className:`pt-1 text-center`,children:(0,M.jsx)(`button`,{type:`button`,onClick:()=>ue(e=>e+B),className:`text-[10px] text-muted-foreground hover:text-foreground transition-colors px-3 py-1 rounded hover:bg-accent/50`,children:g(`recent.loadMore`,{count:$.length-J})})}),F&&(0,M.jsx)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm`,onClick:()=>I(!1),children:(0,M.jsxs)(`div`,{className:`w-80 rounded-xl border border-border/30 bg-popover p-4 shadow-lg space-y-4`,onClick:e=>e.stopPropagation(),children:[(0,M.jsxs)(`div`,{children:[(0,M.jsx)(`h3`,{className:`text-sm font-semibold`,children:g(`recent.clearModal.title`)}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:g(`recent.clearModal.jobsInHistory`,{count:e.length})})]}),(0,M.jsx)(t,{variant:`destructive`,size:`sm`,className:`w-full`,disabled:W,onClick:()=>ge(`all`),children:g(`recent.clearModal.clearAll`,{count:e.length})}),(0,M.jsxs)(`div`,{className:`space-y-2`,children:[(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:g(`recent.clearModal.orByRange`)}),(0,M.jsxs)(`div`,{className:`flex gap-2`,children:[(0,M.jsx)(`input`,{type:`date`,value:L,onChange:e=>V(e.target.value),className:`flex-1 h-7 rounded-md border border-border bg-input px-2 text-xs text-foreground`,placeholder:g(`recent.clearModal.fromPlaceholder`)}),(0,M.jsx)(`input`,{type:`date`,value:H,onChange:e=>U(e.target.value),className:`flex-1 h-7 rounded-md border border-border bg-input px-2 text-xs text-foreground`,placeholder:g(`recent.clearModal.toPlaceholder`)})]}),(0,M.jsx)(t,{variant:`outline`,size:`sm`,className:`w-full`,disabled:W||!L&&!H,onClick:()=>ge(`range`),children:L||H?g(`recent.clearModal.clearInRange`,{count:he}):g(`recent.clearModal.clearRange`)})]}),(0,M.jsx)(t,{variant:`ghost`,size:`sm`,className:`w-full`,onClick:()=>I(!1),children:g(`common:actions.cancel`)})]})}),(0,M.jsx)(T,{open:K!==null,onOpenChange:e=>!e&&q(null),children:(0,M.jsxs)(d,{className:`max-w-sm`,children:[(0,M.jsxs)(ee,{children:[(0,M.jsx)(r,{children:g(`recent.deleteProposalConfirm.title`)}),(0,M.jsx)(n,{children:g(`recent.deleteProposalConfirm.description`)})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(t,{variant:`ghost`,size:`sm`,onClick:()=>q(null),children:g(`common:actions.cancel`)}),(0,M.jsx)(t,{variant:`destructive`,size:`sm`,onClick:()=>{K&&te?.(K),q(null)},children:g(`common:actions.delete`)})]})]})}),fe&&(0,M.jsx)(ie,{jobIds:fe,onClose:()=>{Q(null),Z([]),de(!1)}})]})}function H(){let{t:e}=o(`jobs`),{activeProjectId:n}=E(),{recentJobs:i}=S(n),{data:a,isFirstLoad:s,refresh:c}=A({namespace:`jobs`,projectId:n,initialValue:i,fetcher:async()=>{let e=await fetch(`${l()}/jobs?limit=10`);return e.ok?(await e.json()).jobs:[]},pollInterval:1e4}),{data:u}=A({namespace:`proposals`,projectId:n,initialValue:[],fetcher:async()=>{let e=await fetch(`${l()}/propose?limit=10`);return e.ok?(await e.json()).proposals:[]},pollInterval:1e4}),f={input:`queued`,exploring:`running`,review:`running`,refining:`running`,creating_issue:`running`,created:`completed`,cancelled:`canceled`},p=u.map(e=>({id:`proposal:${e.id}`,command:`/specrails:propose-feature ${e.idea.length>60?e.idea.slice(0,57)+`...`:e.idea}`,started_at:e.created_at,status:f[e.status]??`queued`})),m=[...a,...p].sort((e,t)=>new Date(t.started_at).getTime()-new Date(e.started_at).getTime()),[g,_]=(0,j.useState)(null),v=(0,j.useCallback)(async e=>{try{let t=await fetch(`${l()}/propose/${e}`);if(!t.ok)return;_((await t.json()).proposal)}catch{}},[]),x=(0,j.useCallback)(async t=>{try{(await fetch(`${l()}/propose/${t}`,{method:`DELETE`})).ok&&(b.success(e(`page.proposalDeleted`)),c())}catch{}},[c,e]);return(0,M.jsxs)(`div`,{className:`max-w-4xl mx-auto px-4 py-6`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,M.jsx)(`h1`,{className:`text-sm font-semibold`,children:e(`page.title`)}),(0,M.jsx)(k,{baseUrl:`${l()}/jobs/export`,label:e(`page.exportJobs`)})]}),(0,M.jsx)(V,{jobs:m,isLoading:s,onJobsCleared:c,onProposalClick:v,onProposalDelete:x}),(0,M.jsx)(T,{open:g!==null,onOpenChange:e=>!e&&_(null),children:(0,M.jsx)(d,{className:`max-w-3xl glass-card`,children:g&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(ee,{children:(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{className:`flex-1 min-w-0`,children:e(`page.proposal.title`)}),(0,M.jsx)(h,{variant:g.status===`created`?`success`:g.status===`cancelled`?`destructive`:`secondary`,children:g.status})]})}),(0,M.jsx)(`div`,{className:`text-xs text-muted-foreground bg-muted/20 rounded px-2 py-1 italic`,children:g.idea}),g.result_markdown?(0,M.jsx)(`div`,{className:`max-h-[400px] overflow-y-auto rounded-lg px-3 py-2 text-xs bg-muted/40`,children:(0,M.jsx)(`div`,{className:`prose prose-invert prose-xs max-w-none prose-p:my-1 prose-headings:mt-2 prose-headings:mb-1 prose-headings:text-sm prose-headings:font-semibold prose-ul:my-1 prose-ol:my-1 prose-li:my-0 prose-code:text-cyan-300 prose-code:text-[10px] prose-code:bg-muted/40 prose-code:px-1 prose-code:py-0.5 prose-code:rounded text-foreground/80`,children:(0,M.jsx)(y,{remarkPlugins:[te],children:g.result_markdown})})}):(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground py-4 text-center`,children:e(`page.proposal.noContent`)}),g.issue_url&&(0,M.jsxs)(`div`,{className:`text-xs`,children:[e(`page.proposal.githubIssue`),` `,(0,M.jsx)(`a`,{href:g.issue_url,target:`_blank`,rel:`noopener noreferrer`,className:`text-accent-primary hover:underline`,children:g.issue_url})]}),(0,M.jsxs)(w,{children:[(0,M.jsx)(t,{variant:`destructive`,size:`sm`,onClick:()=>{x(g.id),_(null)},children:e(`common:actions.delete`)}),(0,M.jsx)(t,{variant:`ghost`,size:`sm`,onClick:()=>_(null),children:e(`common:actions.close`)})]})]})})})]})}export{H as default};