@clemrig/flow-ui 0.11.0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clemrig/flow-ui",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "A local read-only dashboard of the runs of @clemrig/flow workflows",
   "license": "MIT",
   "repository": {
@@ -35,7 +35,7 @@
     "prepack": "npm run build"
   },
   "dependencies": {
-    "@clemrig/flow": "0.10.0"
+    "@clemrig/flow": "0.11.0"
   },
   "devDependencies": {
     "@testing-library/dom": "10.4.2",

package/page/app.js

@@ -12,7 +12,7 @@ Error generating stack: `+e.message+`
 
 Workflow request:
 
-`);if(t<0)return{instructions:e};try{let{context:n,outputSchema:r}=JSON.parse(e.slice(t+21));return{instructions:e.slice(0,t),context:n,schema:r}}catch{return{instructions:e}}}function Be(e){let t=e=>/^[\w@%+=:,./‹›-]+$/.test(e)?e:`'${e.replaceAll(`'`,`'\\''`)}'`;return[...Object.entries(e.env).map(([e,n])=>`${e}=${t(n)}`),t(e.executable),...e.args.map(t)].join(` `)}function Ve(e){try{let t=JSON.parse(e.join(`
+`);if(t<0)return{instructions:e};try{let{context:n,outputSchema:r}=JSON.parse(e.slice(t+21));return{instructions:e.slice(0,t),context:n,schema:r}}catch{return{instructions:e}}}function Be(e){let t=e=>/^[\w@%+=:,./‹›-]+$/.test(e)?e:`'${e.replaceAll(`'`,`'\\''`)}'`;return[...(e.given??[]).map(e=>`${e}=${t(`‹from the workflow›`)}`),...Object.entries(e.env).map(([e,n])=>`${e}=${t(n)}`),t(e.executable),...e.args.map(t)].join(` `)}function Ve(e){try{let t=JSON.parse(e.join(`
 `));return typeof t==`object`&&t&&!Array.isArray(t)?t:void 0}catch{return}}function He(e){return e<1e3?`${e} B`:e<1e6?`${(e/1e3).toFixed(1)} KB`:`${(e/1e6).toFixed(1)} MB`}function Ue(e){let t=new Map;for(let n of e){let e=t.get(n.name)??{name:n.name,count:0,durationMs:0,failed:0};e.count++,e.durationMs+=n.durationMs??0,n.status===`failed`&&e.failed++,t.set(n.name,e)}return[...t.values()].sort((e,t)=>t.count-e.count||e.name.localeCompare(t.name))}var We={hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hourCycle:`h23`},Ge=e=>new Date(e).toLocaleTimeString(void 0,We),Ke=e=>new Date(e).toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`,hourCycle:`h23`});function qe(e){let t=new Date(e);return new Date().toDateString()===t.toDateString()?`today`:t.toLocaleDateString(void 0,{day:`numeric`,month:`short`})}function Je(e){return e?qe(e)===`today`?Ge(e):`${qe(e)} ${Ge(e)}`:`—`}var Ye=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),k=e(((e,t)=>{t.exports=Ye()}))(),Xe=e=>[e.id,e.workflow,e.stage,e.error,JSON.stringify(e.input??{})].join(` `).toLowerCase();function Ze({runs:e,selected:t,select:n,search:r}){let[i,a]=(0,l.useState)(``),[o,s]=(0,l.useState)(`all`),c=[[`all`,`All`],[`status:running`,`running`],[`status:failed`,`failed`],...[...new Set((e??[]).flatMap(({workflow:e})=>e??[]))].map(e=>[`workflow:${e}`,e])],u=i.trim().toLowerCase(),d=(e??[]).filter(e=>(o===`all`||o===`status:${e.status}`||o===`workflow:${e.workflow}`)&&(!u||Xe(e).includes(u))),f=[];for(let e of d){let t=e.updatedAt?qe(e.updatedAt):`unreadable`,n=f.at(-1);n?.[0]===t?n[1].push(e):f.push([t,[e]])}return(0,k.jsxs)(`aside`,{className:`rail`,children:[(0,k.jsx)(`input`,{ref:r,type:`search`,className:`rail-search`,placeholder:`Search runs  /`,"aria-label":`Search runs`,value:i,onChange:e=>a(e.target.value)}),(0,k.jsx)(`div`,{className:`filters`,children:c.map(([e,t])=>(0,k.jsx)(`button`,{type:`button`,className:`chip`,"aria-pressed":o===e,onClick:()=>s(e),children:t},e))}),e?.length===0&&(0,k.jsx)(`p`,{className:`empty`,children:`No run yet.`}),e&&e.length>0&&d.length===0&&(0,k.jsx)(`p`,{className:`empty`,children:`No run matches.`}),f.map(([e,r])=>(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(`p`,{className:`rail-group`,children:e}),(0,k.jsx)(`ol`,{className:`rail-runs`,children:r.map(e=>(0,k.jsx)(`li`,{children:(0,k.jsxs)(`button`,{type:`button`,title:e.id,"aria-current":e.id===t?`true`:void 0,onClick:()=>n(e.id),children:[(0,k.jsx)(`span`,{className:`dot`,"data-state":e.error===void 0?e.status:`failed`}),(0,k.jsx)(`span`,{className:`name`,children:e.error===void 0?ke(e.input)??e.workflow:e.id}),(0,k.jsx)(`span`,{className:`cost`,children:e.error===void 0&&e.costUsd!=null?me(e.costUsd,e.partial??!1):``}),(0,k.jsx)(`span`,{className:e.error===void 0?`meta`:`meta bad`,children:e.error??[e.workflow,e.status===`running`?e.stage:e.status,w(e.durationMs??null)].join(` · `)})]})},e.id))})]},e))]})}function Qe({id:e,title:t,className:n,folds:r,children:i}){return(0,k.jsxs)(`details`,{className:n,open:r.opened.has(e),onToggle:t=>r.toggle(e,t.currentTarget.open),children:[(0,k.jsx)(`summary`,{children:t}),r.opened.has(e)&&i]})}function $e(e,t,n){if(e.has(t)===n)return e;let r=new Set(e);return n?r.add(t):r.delete(t),r}function et({facts:e}){return(0,k.jsx)(`dl`,{className:`sheet`,children:e.map(([e,t,n])=>(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(`dt`,{children:e}),(0,k.jsx)(`dd`,{className:n,children:t})]},e))})}function tt({parts:e}){return(0,k.jsx)(k.Fragment,{children:e.map(({text:e,href:t},n)=>t?(0,k.jsx)(`a`,{href:t,target:`_blank`,rel:`noreferrer`,children:e},n):(0,k.jsx)(l.Fragment,{children:e},n))})}function nt({value:e,path:t,folds:n}){if(typeof e!=`object`||!e)return(0,k.jsx)(`pre`,{className:`frame text`,children:String(e)});let r=Array.isArray(e)?e.map((e,t)=>[String(t),e]):Object.entries(e);return(0,k.jsx)(`ul`,{className:`tree`,children:r.map(([r,i])=>(0,k.jsx)(rt,{name:r,label:Array.isArray(e)?Re(i):void 0,value:i,path:`${t}/${r}`,folds:n},r))})}function rt({name:e,label:t,value:n,path:r,folds:i}){if(Le(n))return(0,k.jsxs)(`li`,{className:`leaf`,children:[(0,k.jsx)(`span`,{className:`key`,children:e}),(0,k.jsx)(`span`,{className:`inline ${n===null?`null`:typeof n}`,children:(0,k.jsx)(tt,{parts:O(String(n))})})]});let{type:a,size:o}=Me(n);return(0,k.jsx)(`li`,{children:(0,k.jsx)(Qe,{id:`data${r}`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`key`,children:e}),t&&(0,k.jsx)(`span`,{className:`label`,children:t}),(0,k.jsx)(`span`,{className:`type`,children:a}),(0,k.jsx)(`span`,{className:`size`,children:He(o)})]}),className:`data-key`,folds:i,children:(0,k.jsx)(nt,{value:n,path:r,folds:i})})})}function it({data:e,folds:t}){return(0,k.jsxs)(`div`,{className:`data`,children:[(0,k.jsxs)(`div`,{className:`data-head`,children:[(0,k.jsx)(`h4`,{children:`Data · ${He(Me(e).size)}`}),(0,k.jsx)(`button`,{type:`button`,className:`link`,onClick:()=>void navigator.clipboard?.writeText(JSON.stringify(e,null,2)),children:`Copy JSON`})]}),(0,k.jsx)(nt,{value:e,path:``,folds:t})]})}var at=36,ot=16,st=24,ct={passed:`✓`,correction:`↻`,failed:`✕`,running:`…`};function lt({launch:e,found:t}){if(!e.facts)return(0,k.jsx)(`p`,{className:`empty launch-detail`,children:`#${e.number}: not recorded, this launch predates launch records.`});let n=t.slice(0,e.number-1).findLast(({facts:e})=>e)?.facts;return(0,k.jsx)(`dl`,{className:`launch-detail`,children:Fe(e.facts,n).map(({label:e,value:t,changed:n})=>(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(`dt`,{children:e}),(0,k.jsxs)(`dd`,{children:[t,n&&(0,k.jsx)(`span`,{className:`changed`,children:`changed`})]})]},e))})}function ut({found:e,now:t}){let[n,r]=(0,l.useState)(null);if(!e.length)return null;let i=e.map(e=>be(e,t)),a=e.find(({number:e})=>e===n),o=i.reduce((e,t)=>e+t,0)||1,s=e.filter(e=>e.cause);return(0,k.jsxs)(`div`,{className:`launches`,children:[(0,k.jsx)(`div`,{className:`launch-bar`,children:e.map((t,a)=>{let s=i[a]??0,c=e[a-1],u=e[a+1],d=u&&t.endedAt?Date.parse(u.startedAt)-Date.parse(t.endedAt):null;return(0,k.jsxs)(l.Fragment,{children:[(0,k.jsxs)(`div`,{className:`launch`,style:{flexGrow:Math.max(s,o/100)},children:[(0,k.jsx)(`span`,{className:`launch-day`,children:c&&qe(c.startedAt)===qe(t.startedAt)?``:qe(t.startedAt)}),(0,k.jsxs)(`button`,{type:`button`,className:`launch-span`,"data-state":t.status,title:`#${t.number} · ${t.status} · ${w(s)} · click for what it ran with`,"aria-expanded":n===t.number,onClick:()=>r(n===t.number?null:t.number),children:[`#${t.number}`,(0,k.jsx)(`small`,{children:Ce(s)})]}),(0,k.jsx)(`span`,{className:`launch-at`,children:Ke(t.startedAt)})]}),u&&t.endedAt&&d!==null&&(0,k.jsx)(`div`,{className:`launch-pause`,title:`paused ${w(d)}`,children:(0,k.jsx)(`span`,{children:`${we(t.endedAt,u.startedAt)?`☾ `:``}${Ce(d)}`})})]},t.number)})}),s.length>0&&(0,k.jsx)(`ol`,{className:`launch-causes`,children:s.map(e=>(0,k.jsxs)(`li`,{children:[(0,k.jsx)(`strong`,{children:`#${e.number}`}),(0,k.jsx)(`span`,{className:`launch-cause`,children:e.cause})]},e.number))}),a&&(0,k.jsx)(lt,{launch:a,found:e})]})}function dt(e,t){let n=T(e/t);return Array.from({length:Math.floor(e/n)},(e,t)=>(t+1)*n)}function ft({blocks:e,found:t,selected:n,select:r,now:i,zoom:a=1,setZoom:o}){let s=(0,l.useRef)(null),c=(0,l.useRef)(null),[u,d]=(0,l.useState)(0),f=(0,l.useRef)(null),p=(0,l.useCallback)(e=>{if(c.current=e,f.current?.disconnect(),!e)return;let t=()=>d(e.getBoundingClientRect().width);t(),f.current=new ResizeObserver(t),f.current.observe(e)},[]),m=(0,l.useRef)(a);m.current=a;let h=(0,l.useRef)(null),g=(0,l.useCallback)(e=>{if(s.current=e,!e||!o)return;let t=t=>{if(!t.ctrlKey&&!t.metaKey)return;t.preventDefault();let n=Te(m.current,t.deltaY);if(n===m.current)return;let r=t.clientX-e.getBoundingClientRect().left,i=c.current?.offsetWidth??0;h.current={share:i?(e.scrollLeft+r-(c.current?.offsetLeft??0))/i:0,offset:r},o(n)};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[o]);(0,l.useLayoutEffect)(()=>{let e=h.current,t=s.current;e&&t&&c.current&&(h.current=null,t.scrollLeft=c.current.offsetLeft+e.share*c.current.offsetWidth-e.offset)},[a]);let _=xe(e,t,i);if(!_.bars.length)return null;let v=_.total||1,y=new Map(t.map(({number:e,cause:t})=>[e,t])),b=e=>ot+e*at+at/2,{marks:x,at:ee,narrowest:te}=Se(_,e,u),ne=new Map;for(let{index:e,round:t}of _.bars){let n=x.get(e);if(!n)continue;let r=ne.get(t);ne.set(t,{left:Math.min(r?.left??n.x,n.x),right:Math.max(r?.right??0,n.x+n.width)})}let S=-1/0,re=-1/0;return(0,k.jsxs)(`div`,{className:`lanes`,children:[(0,k.jsx)(`div`,{className:`lane-names`,children:_.lanes.map(({name:e,count:t,spent:n})=>(0,k.jsxs)(`div`,{children:[(0,k.jsx)(`strong`,{children:e}),(0,k.jsx)(`span`,{children:`×${t} · ${Ce(n)}`})]},e))}),(0,k.jsx)(`div`,{ref:g,className:a>1||u>0&&te>u-1?`lane-scroll zoomed`:`lane-scroll`,children:(0,k.jsxs)(`div`,{ref:p,className:`lane-canvas`,style:{width:`${a*100}%`,minWidth:`max(100%, ${te}px)`},children:[(0,k.jsxs)(`div`,{className:`lane-area`,style:{height:ot+_.lanes.length*at},children:[[...ne].filter(([e])=>e%2==0).map(([e,{left:t,right:n}])=>(0,k.jsx)(`div`,{className:`round-band`,style:{left:t-3/2,width:n-t+3}},e)),_.resumptions.map(({number:e})=>{let n=t[e-1]?.stages[0]?.index,r=Math.round((x.get(n??-1)?.x??0)-3/2),i=r-S>=28;return i&&(S=r),(0,k.jsx)(`div`,{className:`resumption`,style:{left:r},title:`#${e-1} stopped: ${y.get(e-1)??`no cause recorded`}`,children:i&&(0,k.jsx)(`span`,{children:`#${e}`})},e)}),_.corrections.map(({from:e,to:t})=>{let n=_.bars[e],r=_.bars[t];if(!n||!r||n.lane===r.lane)return null;let i=x.get(e),a=x.get(t);if(!i||!a)return null;let o=r.lane<n.lane,s=b(r.lane)+(o?15:-15),c=i.x+i.width;return(0,k.jsx)(`div`,{className:`sent-back`,"data-direction":o?`up`:`down`,style:{left:c,width:Math.max(0,a.x+6-c),top:Math.min(s,b(n.lane)),height:Math.abs(s-b(n.lane))}},e)}),_.bars.map(({index:t,lane:i,length:a,round:o})=>{let s=e[t],c=x.get(t);if(!s||!c)return null;let l=he(s),u=s.kind===`GATE`,d=s.decision?.reason.split(`
 `)[0];return(0,k.jsx)(`button`,{type:`button`,className:u?`gate`:`bar`,"data-state":l,"data-kind":s.kind,title:`${s.stage} · round ${o} · ${l} · ${u?d??`no reason recorded`:w(a)}`,"aria-current":n===t?`true`:void 0,style:{left:c.x,width:c.width,top:b(i)-(u?18:st)/2},onClick:()=>r(t),children:u?(0,k.jsx)(`span`,{"aria-hidden":`true`,children:ct[l]}):c.width>=44?Ce(a):null},t)})]}),(0,k.jsxs)(`div`,{className:`lane-axis`,children:[[...ne].map(([e,{left:t,right:n}])=>ne.size>1&&n-t>=20&&(0,k.jsx)(`span`,{className:`round-label`,style:{left:(t+n)/2},title:`round ${e}`,children:`R${e}`},`round-${e}`)),dt(v,a).map(e=>{let t=ee(e);return t-re<40?null:(re=t,(0,k.jsx)(`span`,{className:`tick`,style:{left:t},children:Ce(e)},e))})]})]})})]})}var pt=120;function mt({found:e,now:t,points:n,budgets:r}){let i=e.reduce((e,n)=>e+be(n,t),0)||1,a=n.at(-1)?.usd??0,o=Math.max(a,...r.map(e=>e??0))*1.1||1,s=e=>e/i*1e3,c=e=>pt-e/o*114,l=n.map(({at:e,usd:t},n)=>`${n?`L`:`M`}${s(e).toFixed(1)},${c(t).toFixed(1)}`).join(` `),u=0,d=e.map((e,n)=>{let i=u;return u+=be(e,t),{number:e.number,from:i,to:u,budget:r[n]}}),f=e=>`${e/i*100}%`;return(0,k.jsxs)(`div`,{className:`cost-curve`,children:[(0,k.jsxs)(`div`,{className:`cost-plot`,style:{height:pt},children:[(0,k.jsxs)(`svg`,{viewBox:`0 0 1000 ${pt}`,preserveAspectRatio:`none`,role:`img`,"aria-label":`The run's cost over its active time`,children:[d.map(({number:e,from:t,to:n,budget:r})=>r!=null&&(0,k.jsx)(`line`,{className:`budget`,x1:s(t),x2:s(n),y1:c(r),y2:c(r),vectorEffect:`non-scaling-stroke`},e)),(0,k.jsx)(`path`,{className:`spent`,d:l,vectorEffect:`non-scaling-stroke`})]}),d.slice(1).map(({number:e,from:t})=>(0,k.jsx)(`span`,{className:`cost-resumption`,style:{left:f(t)},title:`#${e} starts`},e)),d.map(({number:e,from:t,budget:n})=>n!=null&&(0,k.jsx)(`span`,{className:`budget-label`,style:t/i>.85?{right:0,top:c(n)-15}:{left:f(t),top:c(n)-15},title:`#${e}'s budget`,children:me(n,!1)},e)),(0,k.jsx)(`span`,{className:`cost-now`,style:{top:Math.max(0,c(a)-8)},children:me(a,!1)})]}),(0,k.jsx)(`div`,{className:`cost-axis`,children:dt(i,1).map(e=>(0,k.jsx)(`span`,{className:`tick`,style:{left:f(e)},children:Ce(e)},e))})]})}function ht({detail:e,found:t,now:n}){let{run:r}=e,i=new Map(ie(e.sessions).map(({label:e,value:t})=>[e,t])),a=Object.entries(e.sessions).map(([e,t])=>({key:e,usd:t.costUsd})).sort((e,t)=>(t.usd??-1)-(e.usd??-1)),o=Math.max(0,...a.map(({usd:e})=>e??0))||1,s=E(t,n);return(0,k.jsxs)(`section`,{className:`card`,children:[(0,k.jsxs)(`h2`,{children:[`Cost (${a.length} session${a.length===1?``:`s`})`,(0,k.jsx)(`span`,{className:`hint`,children:`announced by the runtimes`})]}),a.length?(0,k.jsxs)(`dl`,{className:`cost-bars`,children:[a.map(({key:e,usd:t})=>(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(`dt`,{className:`mono`,title:e,children:e}),(0,k.jsx)(`dd`,{className:`cost-track`,title:i.get(e),children:t!==void 0&&(0,k.jsx)(`span`,{className:`cost-bar`,style:{width:`${t/o*100}%`}})}),(0,k.jsx)(`dd`,{className:`value`,children:t===void 0?`no cost`:me(t,!1)})]},e)),(0,k.jsx)(`dt`,{className:`total`,children:`run`}),(0,k.jsx)(`dd`,{className:`total muted`,children:`the sum of its sessions`}),(0,k.jsx)(`dd`,{className:`total value`,children:me(r.costUsd,r.partial)})]}):(0,k.jsx)(`p`,{className:`empty`,children:`No session has announced figures yet.`}),s.length>0&&(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`h4`,{children:`Over active time`}),(0,k.jsx)(mt,{found:t,now:n,points:s,budgets:Ee(t,e.maxCostUsd)})]})]})}function gt({detail:e,folds:t}){let n=e.data?void 0:Ve(e.result),r=e.data??n;return(0,k.jsxs)(`section`,{className:`card`,children:[(0,k.jsxs)(`h2`,{children:[`Result`,(0,k.jsx)(`span`,{className:`hint`,children:e.data?`rendered by the workflow`:`the run's data`})]}),!n&&(0,k.jsx)(`pre`,{className:`frame result`,children:e.result.map((e,t)=>(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(tt,{parts:O(e)}),`
 `]},t))}),r&&(0,k.jsx)(it,{data:r,folds:t}),Object.entries(e.runtimes).map(([e,t])=>(0,k.jsx)(`p`,{className:`runtime`,children:`Runtime: ${t}`},e))]})}var _t=new Map;function vt(e,t){let n=t.record,r=t.status!==`running`,i=n===void 0?void 0:`${e}/${n}`,[a,o]=(0,l.useState)({});return(0,l.useEffect)(()=>{if(i===void 0)return;let t=_t.get(i);if(t){o({key:i,done:r,record:t});return}let a=!0;return _(`api/runs/${encodeURIComponent(e)}/calls/${n}`).then(e=>{r&&_t.set(i,e),a&&o({key:i,done:r,record:e})},e=>{a&&o({key:i,done:r,error:e instanceof Error?e.message:String(e)})}),()=>{a=!1}},[i,r,e,n]),a.key===i?a:{}}function yt({call:e,error:t}){return e.record===void 0?(0,k.jsx)(`p`,{className:`empty`,children:`Not recorded: the run predates the record of what flow sends.`}):t?(0,k.jsx)(`p`,{className:`callout bad`,children:t}):(0,k.jsx)(`p`,{className:`empty`,children:`Loading…`})}function bt({runId:e,call:t,id:n,folds:r}){let{record:i,error:a}=vt(e,t);if(!i)return(0,k.jsx)(yt,{call:t,error:a});let{instructions:o,context:s,schema:c}=ze(i.request),l=e=>He(new TextEncoder().encode(e).length);return(0,k.jsxs)(`div`,{className:`sent`,children:[(0,k.jsx)(Qe,{id:`${n}/prompt`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`System prompt`}),(0,k.jsx)(`span`,{className:`muted`,children:`${i.prompt.name} · appended to the runtime's · ${l(i.prompt.text)}`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame text`,children:i.prompt.text})}),(0,k.jsx)(Qe,{id:`${n}/instructions`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Instructions`}),(0,k.jsx)(`span`,{className:`muted`,children:o.includes(`# Resumed run`)?`response format · resumed run`:`response format`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame text`,children:o})}),s!==void 0&&(0,k.jsx)(Qe,{id:`${n}/context`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Context`}),(0,k.jsx)(`span`,{className:`muted`,children:typeof s==`object`&&s?`${Object.keys(s).join(`, `)} · ${He(Me(s).size)}`:He(Me(s).size)})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(nt,{value:s,path:`${n}/context`,folds:r})}),c!==void 0&&(0,k.jsx)(Qe,{id:`${n}/schema`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Output schema`}),(0,k.jsx)(`span`,{className:`muted`,children:He(Me(c).size)})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(nt,{value:c,path:`${n}/schema`,folds:r})}),(0,k.jsx)(Qe,{id:`${n}/request`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Whole request`}),(0,k.jsx)(`span`,{className:`muted`,children:`standard input · ${l(i.request)}`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame`,children:i.request})}),(0,k.jsx)(Qe,{id:`${n}/command`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Command`}),(0,k.jsx)(`span`,{className:`muted`,children:`prompt and MCP configuration replaced by what names them`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame`,children:Be(i.command)})})]})}var xt={version:`Version`,model:`Model`,permissionMode:`Permission mode`,tools:`Tools`,mcpServers:`MCP servers`,plugins:`Plugins`,skills:`Skills`,agents:`Agents`,slashCommands:`Commands`,apiKeySource:`API key source`,outputStyle:`Output style`};function St(e){return Array.isArray(e)?e.length?e.map(e=>typeof e==`object`&&e&&`name`in e?`${String(e.name)}${`status`in e?` (${String(e.status)})`:``}`:String(e)).join(`, `):`none`:String(e)}function Ct({runId:e,call:t,id:n,folds:r}){let{record:i,error:a}=vt(e,t);if(t.runtime===`codex`)return(0,k.jsx)(`p`,{className:`empty`,children:`Codex does not announce the configuration it runs with.`});if(!i)return(0,k.jsx)(yt,{call:t,error:a});let{effective:o,stderr:s}=i,c=e=>(t.differences??[]).some(t=>t.toLowerCase().startsWith(e.toLowerCase())),u=[...typeof o?.content==`string`?[[`text`,o.content]]:[],...o?.sections&&typeof o.sections==`object`?Object.entries(o.sections):[]];return(0,k.jsxs)(`div`,{className:`sent`,children:[o?(0,k.jsx)(`dl`,{className:`sheet`,children:Object.entries(o).filter(([e,t])=>t!==void 0&&e!==`sections`&&e!==`content`).map(([e,t])=>{let n=xt[e]??e;return(0,k.jsxs)(l.Fragment,{children:[(0,k.jsx)(`dt`,{children:n}),(0,k.jsxs)(`dd`,{children:[St(t),c(n)&&(0,k.jsx)(`span`,{className:`changed`,children:`differs`})]})]},e)})}):(0,k.jsx)(`p`,{className:`empty`,children:t.differences===void 0?t.status===`running`?`Not announced yet.`:`Not recorded: the run predates it, or the session announced none.`:t.status===`running`?`Announced; the call's record keeps it once the call ends.`:`Announced, but the call's record could not keep it.`}),u.map(([e,t])=>(0,k.jsx)(Qe,{id:`${n}/section/${e}`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`System prompt · ${e}`}),(0,k.jsx)(`span`,{className:`muted`,children:`as the runtime built it`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame text`,children:String(t)})},e)),s&&(0,k.jsx)(Qe,{id:`${n}/stderr`,title:(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(`span`,{className:`part`,children:`Error output`}),(0,k.jsx)(`span`,{className:`muted`,children:`its end, though the call succeeded`})]}),className:`sent-part`,folds:r,children:(0,k.jsx)(`pre`,{className:`frame`,children:s})})]})}function wt({runId:e,call:t,id:n,folds:r}){let{record:i,error:a}=vt(e,t);if(!i)return(0,k.jsx)(yt,{call:t,error:a});if(i.answer===void 0)return(0,k.jsx)(`p`,{className:`empty`,children:t.status===`running`?`Not answered yet.`:`No final answer.`});let o=Ve(i.answer.split(`