specrails-desktop 2.26.2 → 2.28.0

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

@@ -0,0 +1 @@
+import{a as e}from"./chunk-BNv3lrIs.js";import{B as t,Bn as n,Cn as r,G as i,Gn as a,J as o,K as s,M as c,Ot as l,Rn as u,Sn as d,U as f,V as p,W as m,X as h,Y as g,Yn as _,Z as v,at as y,bn as b,et as ee,it as x,j as te,lt as ne,ot as re,q as ie,t as S,tn as ae,tt as C,ut as w,wt as T,x as E,zn as D}from"./index-89SuhD4Y.js";import{t as oe}from"./format-command-Db1viey1.js";import{t as O}from"./ExportDropdown-a43XHO3Y.js";var se=u(`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`}]]),k=e(_(),1),A=ne();function j(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 M(e){return e==null?`—`:e===0?`$0`:e<.01?`$${e.toFixed(4)}`:`$${e.toFixed(3)}`}function N(e){return e==null?`—`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function P({label:e,a:t,b:n,highlight:r}){return(0,A.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 py-2 border-b border-border/20 last:border-0 text-xs`,children:[(0,A.jsx)(`span`,{className:`text-muted-foreground`,children:e}),(0,A.jsx)(`span`,{className:`font-mono text-right ${r===`a`?`text-emerald-400 aurora-light:text-accent-success font-semibold`:``}`,children:t}),(0,A.jsx)(`span`,{className:`font-mono text-right ${r===`b`?`text-emerald-400 aurora-light:text-accent-success font-semibold`:``}`,children:n})]})}function F(e,t,n=!0){return e==null||t==null||e===t?null:n?e<t?`a`:`b`:e>t?`a`:`b`}function ce({jobIds:e,onClose:t}){let{t:i}=n(`jobs`),[a,o]=(0,k.useState)(null),[s,c]=(0,k.useState)(!0),[l,u]=(0,k.useState)(null),{panelRef:f,panelStyle:p,headerHandleProps:m,resizeHandles:g,isFloating:_,guardBackdrop:y}=v();(0,k.useEffect)(()=>{let t=new AbortController;return fetch(`${w()}/jobs/compare?jobIds=${e.join(`,`)}`,{signal:t.signal}).then(e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return e.json()}).then(e=>{o(e),c(!1)}).catch(e=>{e.name!==`AbortError`&&(u(e.message),c(!1))}),()=>t.abort()},[e]);function b(e,t){return(0,A.jsxs)(`div`,{className:`text-center space-y-1`,children:[(0,A.jsx)(`p`,{className:`text-[10px] text-muted-foreground font-medium uppercase tracking-wider`,children:i(`comparison.jobN`,{n:t+1})}),(0,A.jsx)(`code`,{className:`text-[10px] text-foreground/70 block truncate max-w-[160px] mx-auto`,children:e.command}),(0,A.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-[10px]`,children:[e.status===`completed`?(0,A.jsx)(r,{className:`w-3 h-3 text-emerald-400 aurora-light:text-accent-success`}):(0,A.jsx)(d,{className:`w-3 h-3 text-rose-400 aurora-light:text-destructive`}),(0,A.jsx)(`span`,{className:`capitalize text-muted-foreground`,children:i(`statusLabel.${e.status}`,{defaultValue:e.status})})]}),(0,A.jsx)(`p`,{className:`text-[10px] text-muted-foreground font-mono`,children:e.id.slice(0,8)})]})}return(0,A.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm`,onClick:y(t),children:[(0,A.jsxs)(`div`,{ref:f,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(),style:p,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between ${_?`cursor-grab active:cursor-grabbing`:``}`,...m,children:[(0,A.jsx)(`h2`,{className:`text-sm font-semibold`,children:i(`comparison.title`)}),(0,A.jsx)(`button`,{type:`button`,onClick:t,className:`text-muted-foreground hover:text-foreground transition-colors`,children:(0,A.jsx)(T,{className:`w-4 h-4`})})]}),s&&(0,A.jsx)(`div`,{className:`space-y-2`,children:[0,1,2,3].map(e=>(0,A.jsx)(`div`,{className:`h-8 bg-muted/20 rounded animate-pulse`},e))}),l&&(0,A.jsx)(`p`,{className:`text-xs text-red-400 aurora-light:text-destructive`,children:i(`comparison.loadFailed`,{error:l})}),a&&(()=>{let[e,t]=a.jobs,n=F(e.durationMs,t.durationMs,!0),r=F(e.totalCostUsd,t.totalCostUsd,!0),o=F(e.tokensOut==null?null:e.tokensOut,t.tokensOut==null?null:t.tokensOut,!0);return(0,A.jsxs)(`div`,{children:[(0,A.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 pb-3 border-b border-border/30 mb-1`,children:[(0,A.jsx)(`div`,{}),b(e,0),b(t,1)]}),(0,A.jsx)(P,{label:i(`comparison.duration`),a:j(e.durationMs),b:j(t.durationMs),highlight:n}),(0,A.jsx)(P,{label:i(`comparison.cost`),a:M(e.totalCostUsd),b:M(t.totalCostUsd),highlight:r}),(0,A.jsx)(P,{label:i(`comparison.tokensOut`),a:N(e.tokensOut),b:N(t.tokensOut),highlight:o}),(0,A.jsx)(P,{label:i(`comparison.tokensIn`),a:N(e.tokensIn),b:N(t.tokensIn),highlight:null}),(0,A.jsx)(P,{label:i(`comparison.cacheRead`),a:N(e.tokensCacheRead),b:N(t.tokensCacheRead),highlight:null}),(0,A.jsx)(P,{label:i(`comparison.model`),a:e.model??`—`,b:t.model??`—`,highlight:null}),(0,A.jsx)(P,{label:i(`comparison.phasesDone`),a:e.phasesCompleted.length>0?e.phasesCompleted.join(`, `):`—`,b:t.phasesCompleted.length>0?t.phasesCompleted.join(`, `):`—`,highlight:null})]})})(),a&&(0,A.jsx)(`p`,{className:`text-[10px] text-muted-foreground/60 text-center`,children:i(`comparison.betterValueHint`)})]}),(0,A.jsx)(h,{handles:g})]})}var le={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`}},ue=[`running`,`completed`,`failed`,`canceled`,`zombie_terminated`,`queued`,`skipped`],I={critical:{className:`bg-red-500/15 aurora-light:bg-destructive/10 text-red-400 aurora-light:text-destructive border-red-500/30 aurora-light:border-destructive/30`,labelKey:`recent.priority.critical`},high:{className:`bg-orange-500/15 aurora-light:bg-accent-warning/10 text-orange-400 aurora-light:text-accent-warning border-orange-500/30 aurora-light:border-accent-warning/30`,labelKey:`recent.priority.high`},normal:{className:``,labelKey:`recent.priority.normal`},low:{className:`bg-gray-500/15 aurora-light:bg-muted text-gray-400 aurora-light:text-muted-foreground border-gray-500/30 aurora-light:border-border`,labelKey:`recent.priority.low`}};function de(e){return e==null||e===0?null:e<.01?`$${e.toFixed(4)}`:`$${e.toFixed(3)}`}function fe(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 pe(e){return e==null||e===0?null:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function me(e){try{return E(new Date(e),{addSuffix:!0,locale:re()})}catch{return e}}function L(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r).getTime()}function R(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r+1).getTime()-1}function z(e,t,n){if(!t&&!n)return!0;let r=new Date(e).getTime();return Number.isNaN(r)?!0:!(t&&r<L(t)||n&&r>R(n))}var B=10;function V({jobs:e,isLoading:r,onJobsCleared:c,onProposalClick:u,onProposalDelete:d}){let{t:_}=n(`jobs`),y=a(),{activeProjectId:te,projects:ne}=x(),re=ne.find(e=>e.id===te)?.provider,[S,T]=(0,k.useState)(null),[E,O]=(0,k.useState)(``),[j,M]=(0,k.useState)(``),[N,P]=(0,k.useState)(!1),[F,V]=(0,k.useState)(``),[H,U]=(0,k.useState)(``),[W,he]=(0,k.useState)(!1),[G,K]=(0,k.useState)(null),[q,ge]=(0,k.useState)(B),[J,_e]=(0,k.useState)(!1),[Y,X]=(0,k.useState)([]),[ve,Z]=(0,k.useState)(null),{panelRef:ye,panelStyle:be,headerHandleProps:xe,resizeHandles:Se,isFloating:Ce,guardBackdrop:we}=v();(0,k.useEffect)(()=>{ge(B)},[e.length]);function Te(){_e(e=>!e),X([])}function Ee(e){X(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&&Z(n),n})}let Q=e.filter(e=>S&&e.status!==S?!1:z(e.started_at,E,j)),De=e.filter(e=>z(e.started_at,F,H)).length;async function $(e){he(!0);try{let t={};e===`range`&&(F&&(t.from=new Date(L(F)).toISOString()),H&&(t.to=new Date(R(H)).toISOString()));let n=await fetch(`${w()}/jobs`,{method:`DELETE`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)});if(n.ok){let e=await n.json();D.success(_(`recent.toast.cleared`,{count:e.deleted})),P(!1),V(``),U(``),c?.()}else D.error(_(`recent.toast.clearFailed`))}catch{D.error(_(`recent.toast.networkError`))}finally{he(!1)}}return r?(0,A.jsx)(`div`,{className:`rounded-lg border border-border/40 bg-card/50 p-4 space-y-1`,children:[0,1,2].map(e=>(0,A.jsx)(`div`,{className:`h-9 bg-muted/30 rounded-md animate-pulse`},e))}):e.length===0?(0,A.jsxs)(`div`,{className:`rounded-lg border border-dashed border-border/40 bg-card/50 p-8 text-center space-y-2`,children:[(0,A.jsx)(b,{className:`w-8 h-8 text-muted-foreground/30 mx-auto`}),(0,A.jsx)(`p`,{className:`text-sm font-medium text-muted-foreground`,children:_(`recent.emptyTitle`)}),(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground/60`,children:_(`recent.emptyDescription`)})]}):(0,A.jsxs)(`div`,{className:`rounded-lg border border-border/40 bg-card/50 p-4 space-y-2`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,A.jsx)(`button`,{type:`button`,onClick:()=>T(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:_(`recent.filterAll`,{count:e.length})}),ue.map(t=>{let n=e.filter(e=>e.status===t).length;return n===0?null:(0,A.jsx)(`button`,{type:`button`,onClick:()=>T(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:_(`recent.filterStatus`,{status:_(`statusName.${t}`),count:n})},t)})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(`input`,{type:`date`,value:E,onChange:e=>O(e.target.value),className:`h-6 rounded border border-border bg-input px-1.5 text-[10px] text-foreground`,title:_(`recent.fromDate`)}),(0,A.jsx)(`input`,{type:`date`,value:j,onChange:e=>M(e.target.value),className:`h-6 rounded border border-border bg-input px-1.5 text-[10px] text-foreground`,title:_(`recent.toDate`)}),(E||j)&&(0,A.jsx)(`button`,{type:`button`,onClick:()=>{O(``),M(``)},className:`text-[10px] text-muted-foreground hover:text-foreground transition-colors`,children:_(`recent.clear`)}),(0,A.jsxs)(t,{children:[(0,A.jsx)(f,{asChild:!0,children:(0,A.jsx)(C,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0 transition-colors ${J?`text-foreground bg-accent`:`text-muted-foreground hover:text-foreground`}`,onClick:Te,children:(0,A.jsx)(se,{className:`w-3.5 h-3.5`})})}),(0,A.jsx)(p,{children:_(J?`recent.exitCompareMode`:`recent.compareTwoJobs`)})]}),(0,A.jsxs)(t,{children:[(0,A.jsx)(f,{asChild:!0,children:(0,A.jsx)(C,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0 text-muted-foreground hover:text-destructive`,onClick:()=>P(!0),children:(0,A.jsx)(l,{className:`w-3.5 h-3.5`})})}),(0,A.jsx)(p,{children:_(`recent.clearJobs`)})]})]})]}),J&&(0,A.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,A.jsxs)(`span`,{children:[Y.length===0&&_(`recent.selectTwoToCompare`),Y.length===1&&_(`recent.selectOneMore`),Y.length===2&&_(`recent.readyToCompare`)]}),Y.length===2&&(0,A.jsx)(`button`,{type:`button`,className:`text-[10px] font-medium text-foreground hover:underline`,onClick:()=>Z(Y),children:_(`recent.compareAction`)})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-3 px-3 py-1 text-[10px] font-medium text-muted-foreground uppercase tracking-wider`,children:[(0,A.jsx)(`span`,{className:`w-14`,children:_(`recent.colStatus`)}),(0,A.jsx)(`span`,{className:`flex-1 min-w-0`,children:_(`recent.colCommand`)}),(0,A.jsxs)(`div`,{className:`flex items-center gap-3 shrink-0`,children:[(0,A.jsx)(`span`,{className:`w-14 text-right`,children:_(`recent.colDuration`)}),(0,A.jsx)(`span`,{className:`w-12 text-right`,children:_(`recent.colTokens`)}),(0,A.jsx)(`span`,{className:`w-12 text-right`,children:_(`recent.colCost`)}),(0,A.jsx)(`span`,{className:`w-20 text-right`,children:_(`recent.colStarted`)})]})]}),(0,A.jsx)(`div`,{className:`space-y-0.5`,children:Q.slice(0,q).map(e=>{let n=le[e.status]??le.queued,r=de(e.total_cost_usd),i=fe(e.started_at,e.finished_at),a=pe((e.tokens_in??0)+(e.tokens_out??0)+(e.tokens_cache_read??0)+(e.tokens_cache_create??0)||null),o=e.id.startsWith(`proposal:`),s=o?e.id.replace(`proposal:`,``):null,c=Y.includes(e.id),d=J&&!o&&Y.length===2&&!c;return(0,A.jsxs)(`div`,{role:`button`,tabIndex:0,className:`flex items-center gap-3 px-3 py-2 rounded-md transition-colors cursor-pointer group ${c?`bg-accent/70 ring-1 ring-border`:d?`opacity-40 cursor-not-allowed`:`hover:bg-accent/50`}`,onClick:()=>{if(J&&!o){Ee(e.id);return}o&&s?u?.(s):y(`/jobs/${e.id}`)},children:[(0,A.jsxs)(t,{children:[(0,A.jsx)(f,{asChild:!0,children:(0,A.jsx)(`div`,{children:(0,A.jsx)(ee,{variant:n.variant,children:_(n.labelKey)})})}),(0,A.jsx)(p,{children:_(n.tooltipKey)})]}),e.priority&&e.priority!==`normal`&&(0,A.jsx)(`span`,{className:`inline-flex items-center rounded px-1.5 py-0.5 text-[9px] font-medium border ${I[e.priority].className}`,children:_(I[e.priority].labelKey)}),e.profile_name&&(0,A.jsxs)(t,{children:[(0,A.jsx)(f,{asChild:!0,children:(0,A.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,A.jsx)(p,{children:_(`recent.profileTooltip`,{name:e.profile_name})})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-1 flex-1 min-w-0`,children:[e.pipeline_id&&(0,A.jsxs)(t,{children:[(0,A.jsx)(f,{asChild:!0,children:(0,A.jsx)(ae,{className:`w-3 h-3 text-accent-primary/60 shrink-0`})}),(0,A.jsxs)(p,{children:[_(`recent.pipelinePart`),e.depends_on_job_id&&` ${_(`recent.pipelineDependsOn`)}`,e.skip_reason&&` — ${e.skip_reason}`]})]}),(0,A.jsx)(`code`,{className:`text-xs text-foreground/80 truncate`,children:oe(e.command,re)})]}),(0,A.jsxs)(`div`,{className:`flex items-center gap-3 text-[10px] text-muted-foreground shrink-0`,children:[(0,A.jsx)(`span`,{className:`w-14 text-right`,children:i??`—`}),(0,A.jsx)(`span`,{className:`w-12 text-right`,children:a?`${a}`:`—`}),(0,A.jsx)(`span`,{className:`w-12 text-right`,children:r??`—`}),(0,A.jsx)(`span`,{className:`w-20 text-right`,children:me(e.started_at)}),o&&s&&(0,A.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(),K(s)},title:_(`recent.deleteProposal`),children:(0,A.jsx)(l,{className:`w-3 h-3`})})]})]},e.id)})}),Q.length>q&&(0,A.jsx)(`div`,{className:`pt-1 text-center`,children:(0,A.jsx)(`button`,{type:`button`,onClick:()=>ge(e=>e+B),className:`text-[10px] text-muted-foreground hover:text-foreground transition-colors px-3 py-1 rounded hover:bg-accent/50`,children:_(`recent.loadMore`,{count:Q.length-q})})}),N&&(0,A.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm`,onClick:we(()=>P(!1)),children:[(0,A.jsxs)(`div`,{ref:ye,className:`w-80 rounded-xl border border-border/30 bg-popover p-4 shadow-lg space-y-4`,onClick:e=>e.stopPropagation(),style:be,children:[(0,A.jsxs)(`div`,{...xe,className:Ce?`cursor-grab active:cursor-grabbing`:void 0,children:[(0,A.jsx)(`h3`,{className:`text-sm font-semibold`,children:_(`recent.clearModal.title`)}),(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:_(`recent.clearModal.jobsInHistory`,{count:e.length})})]}),(0,A.jsx)(C,{variant:`destructive`,size:`sm`,className:`w-full`,disabled:W,onClick:()=>$(`all`),children:_(`recent.clearModal.clearAll`,{count:e.length})}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:_(`recent.clearModal.orByRange`)}),(0,A.jsxs)(`div`,{className:`flex gap-2`,children:[(0,A.jsx)(`input`,{type:`date`,value:F,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:_(`recent.clearModal.fromPlaceholder`)}),(0,A.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:_(`recent.clearModal.toPlaceholder`)})]}),(0,A.jsx)(C,{variant:`outline`,size:`sm`,className:`w-full`,disabled:W||!F&&!H,onClick:()=>$(`range`),children:F||H?_(`recent.clearModal.clearInRange`,{count:De}):_(`recent.clearModal.clearRange`)})]}),(0,A.jsx)(C,{variant:`ghost`,size:`sm`,className:`w-full`,onClick:()=>P(!1),children:_(`common:actions.cancel`)})]}),(0,A.jsx)(h,{handles:Se})]}),(0,A.jsx)(m,{open:G!==null,onOpenChange:e=>!e&&K(null),children:(0,A.jsxs)(i,{className:`max-w-sm`,children:[(0,A.jsxs)(o,{children:[(0,A.jsx)(g,{children:_(`recent.deleteProposalConfirm.title`)}),(0,A.jsx)(s,{children:_(`recent.deleteProposalConfirm.description`)})]}),(0,A.jsxs)(ie,{children:[(0,A.jsx)(C,{variant:`ghost`,size:`sm`,onClick:()=>K(null),children:_(`common:actions.cancel`)}),(0,A.jsx)(C,{variant:`destructive`,size:`sm`,onClick:()=>{G&&d?.(G),K(null)},children:_(`common:actions.delete`)})]})]})}),ve&&(0,A.jsx)(ce,{jobIds:ve,onClose:()=>{Z(null),X([]),_e(!1)}})]})}function H(){let{t:e}=n(`jobs`),{activeProjectId:t}=x(),{recentJobs:r}=S(t),{data:a,isFirstLoad:s,refresh:l}=y({namespace:`jobs`,projectId:t,initialValue:r,fetcher:async()=>{let e=await fetch(`${w()}/jobs?limit=10`);return e.ok?(await e.json()).jobs:[]},pollInterval:1e4}),{data:u}=y({namespace:`proposals`,projectId:t,initialValue:[],fetcher:async()=>{let e=await fetch(`${w()}/propose?limit=10`);return e.ok?(await e.json()).proposals:[]},pollInterval:1e4}),d={input:`queued`,exploring:`running`,review:`running`,refining:`running`,creating_issue:`running`,created:`completed`,cancelled:`canceled`},f=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:d[e.status]??`queued`})),p=[...a,...f].sort((e,t)=>new Date(t.started_at).getTime()-new Date(e.started_at).getTime()),[h,_]=(0,k.useState)(null),v=(0,k.useCallback)(async e=>{try{let t=await fetch(`${w()}/propose/${e}`);if(!t.ok)return;_((await t.json()).proposal)}catch{}},[]),b=(0,k.useCallback)(async t=>{try{(await fetch(`${w()}/propose/${t}`,{method:`DELETE`})).ok&&(D.success(e(`page.proposalDeleted`)),l())}catch{}},[l,e]);return(0,A.jsxs)(`div`,{className:`max-w-4xl mx-auto px-4 py-6`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,A.jsx)(`h1`,{className:`text-sm font-semibold`,children:e(`page.title`)}),(0,A.jsx)(O,{baseUrl:`${w()}/jobs/export`,label:e(`page.exportJobs`)})]}),(0,A.jsx)(V,{jobs:p,isLoading:s,onJobsCleared:l,onProposalClick:v,onProposalDelete:b}),(0,A.jsx)(m,{open:h!==null,onOpenChange:e=>!e&&_(null),children:(0,A.jsx)(i,{className:`max-w-3xl glass-card`,children:h&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(o,{children:(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(g,{className:`flex-1 min-w-0`,children:e(`page.proposal.title`)}),(0,A.jsx)(ee,{variant:h.status===`created`?`success`:h.status===`cancelled`?`destructive`:`secondary`,children:h.status})]})}),(0,A.jsx)(`div`,{className:`text-xs text-muted-foreground bg-muted/20 rounded px-2 py-1 italic`,children:h.idea}),h.result_markdown?(0,A.jsx)(`div`,{className:`max-h-[400px] overflow-y-auto rounded-lg px-3 py-2 text-xs bg-muted/40`,children:(0,A.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,A.jsx)(c,{remarkPlugins:[te],children:h.result_markdown})})}):(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground py-4 text-center`,children:e(`page.proposal.noContent`)}),h.issue_url&&(0,A.jsxs)(`div`,{className:`text-xs`,children:[e(`page.proposal.githubIssue`),` `,(0,A.jsx)(`a`,{href:h.issue_url,target:`_blank`,rel:`noopener noreferrer`,className:`text-accent-primary hover:underline`,children:h.issue_url})]}),(0,A.jsxs)(ie,{children:[(0,A.jsx)(C,{variant:`destructive`,size:`sm`,onClick:()=>{b(h.id),_(null)},children:e(`common:actions.delete`)}),(0,A.jsx)(C,{variant:`ghost`,size:`sm`,onClick:()=>_(null),children:e(`common:actions.close`)})]})]})})})]})}export{H as default};