@anvia/studio 1.1.0 → 1.1.1

package/dist/ui/assets/{tool-runner-DcuNII62.js → tool-runner-CExWna8k.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{h as r,t as i,v as a}from"./button-B_AoswCu.js";import{a as o,i as s,n as c,r as l,t as u}from"./select-BdCBnmXx.js";import{t as d}from"./textarea-fAtCF2cf.js";import{t as f}from"./badge-C3fkxijh.js";import{t as ee}from"./renderers-CfrpUrJr.js";import{t as p}from"./input-DuERdYTl.js";var m=n(e(),1),h=t();function g(e){let[t,n]=(0,m.useState)(`form`),r=(0,m.useMemo)(()=>T(e.schema),[e.schema]),i=(0,m.useMemo)(()=>F(e.value),[e.value]),o=e.disabled===!0,s=r.length>0,c=s?t:`json`,l=i.ok&&a(i.value)?i.value:void 0;function u(t,n){let r=l??{};e.onChange(z(P(r,t,n)))}function d(t,n){let r=l??{},i=N(r,t);Array.isArray(i)&&e.onChange(z(P(r,t,i.filter((e,t)=>t!==n))))}return(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Arguments`}),s?(0,h.jsxs)(`div`,{className:`inline-grid h-8 grid-cols-2 overflow-hidden rounded-md border border-hair bg-background p-0.5`,children:[(0,h.jsx)(_,{active:c===`form`,onClick:()=>n(`form`),children:`Form`}),(0,h.jsx)(_,{active:c===`json`,onClick:()=>n(`json`),children:`JSON`})]}):(0,h.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:`JSON`})]}),c===`json`||l===void 0?(0,h.jsx)(v,{disabled:o,error:i.ok?``:i.error,value:e.value,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3`,children:r.map(e=>(0,h.jsx)(y,{disabled:o,field:e,path:[e.name],rootValue:l,onChange:u,onRemoveArrayItem:d},e.name))})]})}function _(e){return(0,h.jsx)(`button`,{className:e.active?`rounded-[5px] bg-muted px-3 text-xs font-semibold text-foreground`:`rounded-[5px] px-3 text-xs font-medium text-muted-foreground transition hover:text-foreground`,type:`button`,onClick:e.onClick,children:e.children})}function v(e){return(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsx)(d,{className:`min-h-36 resize-y rounded-md border-border bg-background p-3 text-xs leading-5`,disabled:e.disabled,value:e.value,spellCheck:!1,onChange:t=>e.onChange(t.target.value)}),e.error.length===0?null:(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:e.error})]})}function y(e){let t=N(e.rootValue,e.path),n=k(e.field.schema,e.field.name),r=A(e.field.schema),i=E(e.field.schema);if(i===`object`){let i=T(e.field.schema);return(0,h.jsxs)(`fieldset`,{className:`grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`legend`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:n}),e.field.required?(0,h.jsx)(S,{}):null]}),r===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:r}),i.length===0?(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:t,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-hair pl-3`,children:i.map(t=>(0,h.jsx)(y,{disabled:e.disabled,field:t,path:[...e.path,t.name],rootValue:e.rootValue,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem},t.name))})]})}return i===`array`?(0,h.jsx)(b,{description:r,disabled:e.disabled,field:e.field,label:n,path:e.path,rootValue:e.rootValue,value:t,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem}):(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-2 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsx)(x,{label:n,required:e.field.required}),r===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:r}),(0,h.jsx)(te,{disabled:e.disabled,path:e.path,required:e.field.required,schema:e.field.schema,value:t,onChange:e.onChange})]})}function b(e){let t=D(e.field.schema),n=Array.isArray(e.value)?e.value:[],r=n.map((t,n)=>({index:n,key:`${H(e.path)}:${n}:${V(t)}`}));return(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(x,{label:e.label,required:e.field.required}),t===void 0?null:(0,h.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,disabled:e.disabled,type:`button`,variant:`secondary`,onClick:()=>e.onChange(e.path,[...n,M(t)]),children:`Add`})]}),e.description===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:e.description}),t===void 0?(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange}):n.length===0?(0,h.jsx)(`div`,{className:`rounded-md border border-dashed border-hair px-3 py-2 text-xs text-muted-foreground`,children:`Empty array`}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-hair pl-3`,children:r.map(n=>(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsxs)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:[`Item `,n.index+1]}),(0,h.jsx)(i,{className:`h-7 min-h-7 rounded-md px-2 text-xs`,disabled:e.disabled,type:`button`,variant:`ghost`,onClick:()=>e.onRemoveArrayItem(e.path,n.index),children:`Remove`})]}),(0,h.jsx)(y,{disabled:e.disabled,field:{name:String(n.index+1),required:!0,schema:t},path:[...e.path,n.index],rootValue:e.rootValue,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem})]},n.key))})]})}function x(e){return(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,h.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.label}),e.required?(0,h.jsx)(S,{}):null]})}function S(){return(0,h.jsx)(`span`,{className:`rounded-md bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground`,children:`required`})}function te(e){let t=O(e.schema);if(t.length>0){let n=t.findIndex(t=>B(t,e.value)),r=t.map((e,t)=>({label:V(e),value:String(t),key:`${t}:${V(e)}`}));return(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,h.jsxs)(u,{value:n===-1?``:String(n),disabled:e.disabled,onValueChange:n=>e.onChange(e.path,t[Number(n)]),children:[(0,h.jsx)(s,{className:`h-9 min-h-9 rounded-md border-border bg-background text-sm`,children:(0,h.jsx)(o,{placeholder:`Select value`})}),(0,h.jsx)(c,{children:r.map(e=>(0,h.jsx)(l,{value:e.value,children:e.label},e.key))})]}),n===-1||e.required?null:(0,h.jsx)(i,{className:`h-9 min-h-9 rounded-md px-3 text-xs`,disabled:e.disabled,type:`button`,variant:`ghost`,onClick:()=>e.onChange(e.path,void 0),children:`Clear`})]})}let n=E(e.schema);return n===`boolean`?(0,h.jsxs)(`label`,{className:`flex min-h-9 w-fit cursor-pointer items-center gap-2 rounded-md border border-hair bg-background px-3 text-sm text-foreground`,children:[(0,h.jsx)(`input`,{checked:e.value===!0,disabled:e.disabled,type:`checkbox`,className:`h-4 w-4 accent-foreground`,onChange:t=>e.onChange(e.path,t.target.checked)}),`Enabled`]}):n===`number`||n===`integer`?(0,h.jsx)(C,{disabled:e.disabled,path:e.path,schema:e.schema,type:n,value:e.value,onChange:e.onChange}):n===`string`?(0,h.jsx)(p,{className:`h-9 rounded-md border-border bg-background text-sm`,disabled:e.disabled,type:`text`,value:typeof e.value==`string`?e.value:``,placeholder:j(e.schema),onChange:t=>{let n=t.target.value;e.onChange(e.path,n.length===0&&!e.required?void 0:n)}}):(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange})}function C(e){let t=typeof e.value==`number`?String(e.value):``,[n,r]=(0,m.useState)(t);return(0,m.useEffect)(()=>{r(t)},[t]),(0,h.jsx)(p,{className:`h-9 rounded-md border-border bg-background text-sm`,disabled:e.disabled,inputMode:e.type===`integer`?`numeric`:`decimal`,type:`text`,value:n,placeholder:j(e.schema),onBlur:()=>{if(n.trim().length===0){r(``);return}let i=I(n,e.type);r(i.ok?String(i.value):t)},onChange:t=>{let n=t.target.value;if(r(n),n.trim().length===0){e.onChange(e.path,void 0);return}let i=I(n,e.type);i.ok&&e.onChange(e.path,i.value)}})}function w(e){let t=(0,m.useMemo)(()=>R(e.value),[e.value]),[n,r]=(0,m.useState)(t),i=(0,m.useMemo)(()=>F(n),[n]);return(0,m.useEffect)(()=>{r(t)},[t]),(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsx)(d,{className:`min-h-24 resize-y rounded-md border-border bg-background p-3 text-xs leading-5`,disabled:e.disabled,value:n,spellCheck:!1,onChange:t=>{let n=t.target.value;if(r(n),n.trim().length===0){e.onChange(e.path,void 0);return}let i=F(n);i.ok&&e.onChange(e.path,i.value)}}),i.ok||n.trim().length===0?null:(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:i.error})]})}function T(e){if(!a(e))return[];let t=e.properties;if(!a(t))return[];let n=ne(e);return Object.entries(t).map(([e,t])=>({name:e,required:n.has(e),schema:a(t)?t:{}}))}function ne(e){let t=e.required;return Array.isArray(t)?new Set(t.filter(e=>typeof e==`string`)):new Set}function E(e){let t=e.type;if(typeof t==`string`)return t;if(Array.isArray(t)){let e=t.find(e=>typeof e==`string`&&e!==`null`);if(e!==void 0)return e}return O(e).length>0?`enum`:a(e.properties)?`object`:e.items===void 0?`unknown`:`array`}function D(e){return a(e.items)?e.items:void 0}function O(e){return Array.isArray(e.enum)?e.enum:[]}function k(e,t){return typeof e.title==`string`&&e.title.length>0?e.title:U(t)}function A(e){return typeof e.description==`string`&&e.description.length>0?e.description:void 0}function j(e){return Object.hasOwn(e,`default`)?V(e.default):void 0}function M(e){if(Object.hasOwn(e,`default`))return e.default;let t=O(e);if(t.length>0)return t[0];let n=E(e);return n===`boolean`?!1:n===`integer`||n===`number`?0:n===`array`?[]:n===`object`?{}:n===`string`?``:null}function N(e,t){let n=e;for(let e of t){if(typeof e==`number`){if(!Array.isArray(n))return;n=n[e];continue}if(!a(n))return;n=n[e]}return n}function P(e,t,n){if(t.length===0)return n;let[r,...i]=t,o=Array.isArray(e)?[...e]:a(e)?{...e}:{};if(i.length===0)return n===void 0?(Array.isArray(o)&&typeof r==`number`?o.splice(r,1):!Array.isArray(o)&&typeof r==`string`&&delete o[r],o):((Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`)&&(o[r]=n),o);let s=P(Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`?o[r]:void 0,i,n);return(Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`)&&(o[r]=s),o}function F(e){if(e.trim().length===0)return{ok:!0,value:void 0};try{return{ok:!0,value:JSON.parse(e)}}catch(e){return{ok:!1,error:e instanceof Error?e.message:String(e)}}}function I(e,t){let n=e.trim();if(n.length===0||L(n))return{ok:!1};let r=Number(n);return!Number.isFinite(r)||t===`integer`&&!Number.isInteger(r)?{ok:!1}:{ok:!0,value:r}}function L(e){return e===`-`||e===`+`||e===`.`||e===`-.`||e===`+.`||/^[+-]?\d+\.$/.test(e)||/[eE][+-]?$/.test(e)}function R(e){return e===void 0?``:z(e)}function z(e){return JSON.stringify(e,null,2)}function B(e,t){return JSON.stringify(e)===JSON.stringify(t)}function V(e){return typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):e===null?`null`:JSON.stringify(e)}function H(e){return e.join(`.`)}function U(e){return e.replace(/[_-]+/g,` `).replace(/([a-z])([A-Z])/g,`$1 $2`).replace(/\b\w/g,e=>e.toUpperCase())}function W(e){let t=e.selectedTool===void 0?0:$(e.selectedTool.parameters);return(0,h.jsxs)(`section`,{className:`grid gap-4 border-t border-hair pt-4 xl:grid-cols-[minmax(260px,0.42fr)_minmax(0,1fr)]`,children:[(0,h.jsxs)(`div`,{className:`grid content-start gap-3`,children:[(0,h.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,h.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:`Runner`}),e.selectedTool===void 0?(0,h.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:`No tool selected`}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`p`,{className:`m-0 break-all text-sm font-semibold leading-6 text-foreground`,children:e.selectedTool.name}),(0,h.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:e.selectedTool.description})]})]}),e.selectedTool===void 0?null:(0,h.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,h.jsx)(f,{className:X(e.selectedTool),children:Z(e.selectedTool)}),(0,h.jsxs)(f,{className:J(e.selectedTool.approval.required),children:[`approval `,e.selectedTool.approval.required?`required`:`none`]}),(0,h.jsxs)(q,{children:[t,` `,t===1?`field`:`fields`]})]}),e.selectedTool?.approval.reason===void 0?null:(0,h.jsx)(`p`,{className:`m-0 border-l border-hair pl-3 text-xs leading-5 text-muted-foreground`,children:e.selectedTool.approval.reason})]}),(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[(0,h.jsx)(g,{disabled:e.selectedTool===void 0,schema:e.selectedTool?.parameters,value:e.argsText,onChange:e.onArgsTextChange}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`span`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:`Arguments must be valid JSON.`}),(0,h.jsx)(i,{className:`h-8 min-h-8 rounded-md px-4 text-xs`,type:`button`,disabled:e.runState===`running`||e.selectedTool===void 0,onClick:e.onRun,children:e.runState===`running`?`Running`:`Run`})]}),e.runError.length>0?(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:e.runError}):null,e.selectedTool===void 0?null:(0,h.jsxs)(`details`,{className:`group border-t border-hair pt-3`,children:[(0,h.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Parameter schema`,(0,h.jsx)(`span`,{className:`font-medium normal-case tracking-normal`,children:Q(e.selectedTool.parameters)})]}),(0,h.jsx)(`div`,{className:`mt-3`,children:(0,h.jsx)(K,{value:e.selectedTool.parameters,title:`JSON schema`})})]}),e.runResponse===void 0?null:(0,h.jsx)(G,{response:e.runResponse})]})]})}function G(e){let t=Object.hasOwn(e.response,`result`),n=t?e.response.result:e.response.error,r=t?`Tool result`:`Tool error`;return(0,h.jsxs)(`div`,{className:`grid gap-3`,children:[(0,h.jsx)(K,{value:ae(n),title:r}),(0,h.jsxs)(`details`,{className:`group border-t border-hair pt-3`,children:[(0,h.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Raw run response`,(0,h.jsxs)(`span`,{className:`font-medium normal-case tracking-normal`,children:[e.response.status,` / `,e.response.durationMs,`ms`]})]}),(0,h.jsx)(`div`,{className:`mt-3`,children:(0,h.jsx)(K,{value:e.response,title:`Studio envelope`})})]})]})}function K(e){return(0,h.jsxs)(`section`,{className:`grid min-w-0 content-start overflow-hidden rounded-lg bg-background`,children:[(0,h.jsxs)(`div`,{className:`flex min-h-9 items-center justify-between gap-3 bg-muted px-4`,children:[(0,h.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:e.title}),(0,h.jsx)(`span`,{className:` text-xs text-muted-foreground`,children:Q(e.value)})]}),(0,h.jsx)(`div`,{className:`min-w-0 overflow-x-auto`,children:(0,h.jsx)(`pre`,{className:`m-0 max-h-96 min-w-max p-4 text-xs leading-5 text-foreground`,children:(0,h.jsx)(`code`,{children:(0,h.jsx)(ee,{text:oe(e.value)})})})})]})}function q(e){return(0,h.jsx)(`span`,{className:`inline-flex min-h-7 items-center rounded-md bg-muted px-2.5 text-xs font-medium text-muted-foreground`,children:e.children})}function J(e){return e?`border-hair bg-muted text-foreground`:`border-transparent bg-transparent text-dim`}function Y(e){return e===`dynamic`?`border-hair bg-muted text-foreground`:`border-hair bg-muted text-muted-foreground`}function X(e){return e.mcpServerName===void 0?Y(e.source):`border-hair bg-muted text-foreground`}function Z(e){return e.mcpServerName===void 0?e.source:`MCP / ${e.mcpServerName}`}function Q(e){if(typeof e!=`object`||!e||Array.isArray(e))return`value`;let t=e.type;return typeof t==`string`?t:`object`}function $(e){if(typeof e!=`object`||!e||Array.isArray(e))return 0;let t=e.properties;return typeof t==`object`&&t&&!Array.isArray(t)?Object.keys(t).length:0}function re(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function ie(e){if(a(e)&&typeof e.agentId==`string`&&e.agentId.length!==0&&typeof e.toolName==`string`&&e.toolName.length!==0&&(e.status===`success`||e.status===`error`)&&!(typeof e.durationMs!=`number`||!Number.isFinite(e.durationMs))&&typeof e.startedAt==`string`&&typeof e.endedAt==`string`&&Array.isArray(e.events))return e}function ae(e){if(typeof e!=`string`)return e;let t=r(e);return t.kind===`json`?t.value:e}function oe(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}export{re as a,$ as c,Z as d,J as i,Q as l,q as n,X as o,W as r,ie as s,K as t,Y as u};
-//# sourceMappingURL=tool-runner-DcuNII62.js.map
+import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{h as r,t as i,v as a}from"./button-B_AoswCu.js";import{a as o,i as s,n as c,r as l,t as u}from"./select-BdCBnmXx.js";import{t as d}from"./textarea-fAtCF2cf.js";import{t as f}from"./badge-C3fkxijh.js";import{t as ee}from"./renderers-DRD34eUr.js";import{t as p}from"./input-DuERdYTl.js";var m=n(e(),1),h=t();function g(e){let[t,n]=(0,m.useState)(`form`),r=(0,m.useMemo)(()=>T(e.schema),[e.schema]),i=(0,m.useMemo)(()=>F(e.value),[e.value]),o=e.disabled===!0,s=r.length>0,c=s?t:`json`,l=i.ok&&a(i.value)?i.value:void 0;function u(t,n){let r=l??{};e.onChange(z(P(r,t,n)))}function d(t,n){let r=l??{},i=N(r,t);Array.isArray(i)&&e.onChange(z(P(r,t,i.filter((e,t)=>t!==n))))}return(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Arguments`}),s?(0,h.jsxs)(`div`,{className:`inline-grid h-8 grid-cols-2 overflow-hidden rounded-md border border-hair bg-background p-0.5`,children:[(0,h.jsx)(_,{active:c===`form`,onClick:()=>n(`form`),children:`Form`}),(0,h.jsx)(_,{active:c===`json`,onClick:()=>n(`json`),children:`JSON`})]}):(0,h.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:`JSON`})]}),c===`json`||l===void 0?(0,h.jsx)(v,{disabled:o,error:i.ok?``:i.error,value:e.value,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3`,children:r.map(e=>(0,h.jsx)(y,{disabled:o,field:e,path:[e.name],rootValue:l,onChange:u,onRemoveArrayItem:d},e.name))})]})}function _(e){return(0,h.jsx)(`button`,{className:e.active?`rounded-[5px] bg-muted px-3 text-xs font-semibold text-foreground`:`rounded-[5px] px-3 text-xs font-medium text-muted-foreground transition hover:text-foreground`,type:`button`,onClick:e.onClick,children:e.children})}function v(e){return(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsx)(d,{className:`min-h-36 resize-y rounded-md border-border bg-background p-3 text-xs leading-5`,disabled:e.disabled,value:e.value,spellCheck:!1,onChange:t=>e.onChange(t.target.value)}),e.error.length===0?null:(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:e.error})]})}function y(e){let t=N(e.rootValue,e.path),n=k(e.field.schema,e.field.name),r=A(e.field.schema),i=E(e.field.schema);if(i===`object`){let i=T(e.field.schema);return(0,h.jsxs)(`fieldset`,{className:`grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`legend`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:n}),e.field.required?(0,h.jsx)(S,{}):null]}),r===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:r}),i.length===0?(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:t,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-hair pl-3`,children:i.map(t=>(0,h.jsx)(y,{disabled:e.disabled,field:t,path:[...e.path,t.name],rootValue:e.rootValue,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem},t.name))})]})}return i===`array`?(0,h.jsx)(b,{description:r,disabled:e.disabled,field:e.field,label:n,path:e.path,rootValue:e.rootValue,value:t,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem}):(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-2 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsx)(x,{label:n,required:e.field.required}),r===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:r}),(0,h.jsx)(te,{disabled:e.disabled,path:e.path,required:e.field.required,schema:e.field.schema,value:t,onChange:e.onChange})]})}function b(e){let t=D(e.field.schema),n=Array.isArray(e.value)?e.value:[],r=n.map((t,n)=>({index:n,key:`${H(e.path)}:${n}:${V(t)}`}));return(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0`,children:[(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(x,{label:e.label,required:e.field.required}),t===void 0?null:(0,h.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,disabled:e.disabled,type:`button`,variant:`secondary`,onClick:()=>e.onChange(e.path,[...n,M(t)]),children:`Add`})]}),e.description===void 0?null:(0,h.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:e.description}),t===void 0?(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange}):n.length===0?(0,h.jsx)(`div`,{className:`rounded-md border border-dashed border-hair px-3 py-2 text-xs text-muted-foreground`,children:`Empty array`}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-hair pl-3`,children:r.map(n=>(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,h.jsxs)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:[`Item `,n.index+1]}),(0,h.jsx)(i,{className:`h-7 min-h-7 rounded-md px-2 text-xs`,disabled:e.disabled,type:`button`,variant:`ghost`,onClick:()=>e.onRemoveArrayItem(e.path,n.index),children:`Remove`})]}),(0,h.jsx)(y,{disabled:e.disabled,field:{name:String(n.index+1),required:!0,schema:t},path:[...e.path,n.index],rootValue:e.rootValue,onChange:e.onChange,onRemoveArrayItem:e.onRemoveArrayItem})]},n.key))})]})}function x(e){return(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,h.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.label}),e.required?(0,h.jsx)(S,{}):null]})}function S(){return(0,h.jsx)(`span`,{className:`rounded-md bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground`,children:`required`})}function te(e){let t=O(e.schema);if(t.length>0){let n=t.findIndex(t=>B(t,e.value)),r=t.map((e,t)=>({label:V(e),value:String(t),key:`${t}:${V(e)}`}));return(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,h.jsxs)(u,{value:n===-1?``:String(n),disabled:e.disabled,onValueChange:n=>e.onChange(e.path,t[Number(n)]),children:[(0,h.jsx)(s,{className:`h-9 min-h-9 rounded-md border-border bg-background text-sm`,children:(0,h.jsx)(o,{placeholder:`Select value`})}),(0,h.jsx)(c,{children:r.map(e=>(0,h.jsx)(l,{value:e.value,children:e.label},e.key))})]}),n===-1||e.required?null:(0,h.jsx)(i,{className:`h-9 min-h-9 rounded-md px-3 text-xs`,disabled:e.disabled,type:`button`,variant:`ghost`,onClick:()=>e.onChange(e.path,void 0),children:`Clear`})]})}let n=E(e.schema);return n===`boolean`?(0,h.jsxs)(`label`,{className:`flex min-h-9 w-fit cursor-pointer items-center gap-2 rounded-md border border-hair bg-background px-3 text-sm text-foreground`,children:[(0,h.jsx)(`input`,{checked:e.value===!0,disabled:e.disabled,type:`checkbox`,className:`h-4 w-4 accent-foreground`,onChange:t=>e.onChange(e.path,t.target.checked)}),`Enabled`]}):n===`number`||n===`integer`?(0,h.jsx)(C,{disabled:e.disabled,path:e.path,schema:e.schema,type:n,value:e.value,onChange:e.onChange}):n===`string`?(0,h.jsx)(p,{className:`h-9 rounded-md border-border bg-background text-sm`,disabled:e.disabled,type:`text`,value:typeof e.value==`string`?e.value:``,placeholder:j(e.schema),onChange:t=>{let n=t.target.value;e.onChange(e.path,n.length===0&&!e.required?void 0:n)}}):(0,h.jsx)(w,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange})}function C(e){let t=typeof e.value==`number`?String(e.value):``,[n,r]=(0,m.useState)(t);return(0,m.useEffect)(()=>{r(t)},[t]),(0,h.jsx)(p,{className:`h-9 rounded-md border-border bg-background text-sm`,disabled:e.disabled,inputMode:e.type===`integer`?`numeric`:`decimal`,type:`text`,value:n,placeholder:j(e.schema),onBlur:()=>{if(n.trim().length===0){r(``);return}let i=I(n,e.type);r(i.ok?String(i.value):t)},onChange:t=>{let n=t.target.value;if(r(n),n.trim().length===0){e.onChange(e.path,void 0);return}let i=I(n,e.type);i.ok&&e.onChange(e.path,i.value)}})}function w(e){let t=(0,m.useMemo)(()=>R(e.value),[e.value]),[n,r]=(0,m.useState)(t),i=(0,m.useMemo)(()=>F(n),[n]);return(0,m.useEffect)(()=>{r(t)},[t]),(0,h.jsxs)(`div`,{className:`grid gap-2`,children:[(0,h.jsx)(d,{className:`min-h-24 resize-y rounded-md border-border bg-background p-3 text-xs leading-5`,disabled:e.disabled,value:n,spellCheck:!1,onChange:t=>{let n=t.target.value;if(r(n),n.trim().length===0){e.onChange(e.path,void 0);return}let i=F(n);i.ok&&e.onChange(e.path,i.value)}}),i.ok||n.trim().length===0?null:(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:i.error})]})}function T(e){if(!a(e))return[];let t=e.properties;if(!a(t))return[];let n=ne(e);return Object.entries(t).map(([e,t])=>({name:e,required:n.has(e),schema:a(t)?t:{}}))}function ne(e){let t=e.required;return Array.isArray(t)?new Set(t.filter(e=>typeof e==`string`)):new Set}function E(e){let t=e.type;if(typeof t==`string`)return t;if(Array.isArray(t)){let e=t.find(e=>typeof e==`string`&&e!==`null`);if(e!==void 0)return e}return O(e).length>0?`enum`:a(e.properties)?`object`:e.items===void 0?`unknown`:`array`}function D(e){return a(e.items)?e.items:void 0}function O(e){return Array.isArray(e.enum)?e.enum:[]}function k(e,t){return typeof e.title==`string`&&e.title.length>0?e.title:U(t)}function A(e){return typeof e.description==`string`&&e.description.length>0?e.description:void 0}function j(e){return Object.hasOwn(e,`default`)?V(e.default):void 0}function M(e){if(Object.hasOwn(e,`default`))return e.default;let t=O(e);if(t.length>0)return t[0];let n=E(e);return n===`boolean`?!1:n===`integer`||n===`number`?0:n===`array`?[]:n===`object`?{}:n===`string`?``:null}function N(e,t){let n=e;for(let e of t){if(typeof e==`number`){if(!Array.isArray(n))return;n=n[e];continue}if(!a(n))return;n=n[e]}return n}function P(e,t,n){if(t.length===0)return n;let[r,...i]=t,o=Array.isArray(e)?[...e]:a(e)?{...e}:{};if(i.length===0)return n===void 0?(Array.isArray(o)&&typeof r==`number`?o.splice(r,1):!Array.isArray(o)&&typeof r==`string`&&delete o[r],o):((Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`)&&(o[r]=n),o);let s=P(Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`?o[r]:void 0,i,n);return(Array.isArray(o)&&typeof r==`number`||!Array.isArray(o)&&typeof r==`string`)&&(o[r]=s),o}function F(e){if(e.trim().length===0)return{ok:!0,value:void 0};try{return{ok:!0,value:JSON.parse(e)}}catch(e){return{ok:!1,error:e instanceof Error?e.message:String(e)}}}function I(e,t){let n=e.trim();if(n.length===0||L(n))return{ok:!1};let r=Number(n);return!Number.isFinite(r)||t===`integer`&&!Number.isInteger(r)?{ok:!1}:{ok:!0,value:r}}function L(e){return e===`-`||e===`+`||e===`.`||e===`-.`||e===`+.`||/^[+-]?\d+\.$/.test(e)||/[eE][+-]?$/.test(e)}function R(e){return e===void 0?``:z(e)}function z(e){return JSON.stringify(e,null,2)}function B(e,t){return JSON.stringify(e)===JSON.stringify(t)}function V(e){return typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):e===null?`null`:JSON.stringify(e)}function H(e){return e.join(`.`)}function U(e){return e.replace(/[_-]+/g,` `).replace(/([a-z])([A-Z])/g,`$1 $2`).replace(/\b\w/g,e=>e.toUpperCase())}function W(e){let t=e.selectedTool===void 0?0:$(e.selectedTool.parameters);return(0,h.jsxs)(`section`,{className:`grid gap-4 border-t border-hair pt-4 xl:grid-cols-[minmax(260px,0.42fr)_minmax(0,1fr)]`,children:[(0,h.jsxs)(`div`,{className:`grid content-start gap-3`,children:[(0,h.jsxs)(`div`,{className:`grid gap-1.5`,children:[(0,h.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:`Runner`}),e.selectedTool===void 0?(0,h.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:`No tool selected`}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(`p`,{className:`m-0 break-all text-sm font-semibold leading-6 text-foreground`,children:e.selectedTool.name}),(0,h.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:e.selectedTool.description})]})]}),e.selectedTool===void 0?null:(0,h.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,h.jsx)(f,{className:X(e.selectedTool),children:Z(e.selectedTool)}),(0,h.jsxs)(f,{className:J(e.selectedTool.approval.required),children:[`approval `,e.selectedTool.approval.required?`required`:`none`]}),(0,h.jsxs)(q,{children:[t,` `,t===1?`field`:`fields`]})]}),e.selectedTool?.approval.reason===void 0?null:(0,h.jsx)(`p`,{className:`m-0 border-l border-hair pl-3 text-xs leading-5 text-muted-foreground`,children:e.selectedTool.approval.reason})]}),(0,h.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[(0,h.jsx)(g,{disabled:e.selectedTool===void 0,schema:e.selectedTool?.parameters,value:e.argsText,onChange:e.onArgsTextChange}),(0,h.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,h.jsx)(`span`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:`Arguments must be valid JSON.`}),(0,h.jsx)(i,{className:`h-8 min-h-8 rounded-md px-4 text-xs`,type:`button`,disabled:e.runState===`running`||e.selectedTool===void 0,onClick:e.onRun,children:e.runState===`running`?`Running`:`Run`})]}),e.runError.length>0?(0,h.jsx)(`div`,{className:`rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:e.runError}):null,e.selectedTool===void 0?null:(0,h.jsxs)(`details`,{className:`group border-t border-hair pt-3`,children:[(0,h.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Parameter schema`,(0,h.jsx)(`span`,{className:`font-medium normal-case tracking-normal`,children:Q(e.selectedTool.parameters)})]}),(0,h.jsx)(`div`,{className:`mt-3`,children:(0,h.jsx)(K,{value:e.selectedTool.parameters,title:`JSON schema`})})]}),e.runResponse===void 0?null:(0,h.jsx)(G,{response:e.runResponse})]})]})}function G(e){let t=Object.hasOwn(e.response,`result`),n=t?e.response.result:e.response.error,r=t?`Tool result`:`Tool error`;return(0,h.jsxs)(`div`,{className:`grid gap-3`,children:[(0,h.jsx)(K,{value:ae(n),title:r}),(0,h.jsxs)(`details`,{className:`group border-t border-hair pt-3`,children:[(0,h.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Raw run response`,(0,h.jsxs)(`span`,{className:`font-medium normal-case tracking-normal`,children:[e.response.status,` / `,e.response.durationMs,`ms`]})]}),(0,h.jsx)(`div`,{className:`mt-3`,children:(0,h.jsx)(K,{value:e.response,title:`Studio envelope`})})]})]})}function K(e){return(0,h.jsxs)(`section`,{className:`grid min-w-0 content-start overflow-hidden rounded-lg bg-background`,children:[(0,h.jsxs)(`div`,{className:`flex min-h-9 items-center justify-between gap-3 bg-muted px-4`,children:[(0,h.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:e.title}),(0,h.jsx)(`span`,{className:` text-xs text-muted-foreground`,children:Q(e.value)})]}),(0,h.jsx)(`div`,{className:`min-w-0 overflow-x-auto`,children:(0,h.jsx)(`pre`,{className:`m-0 max-h-96 min-w-max p-4 text-xs leading-5 text-foreground`,children:(0,h.jsx)(`code`,{children:(0,h.jsx)(ee,{text:oe(e.value)})})})})]})}function q(e){return(0,h.jsx)(`span`,{className:`inline-flex min-h-7 items-center rounded-md bg-muted px-2.5 text-xs font-medium text-muted-foreground`,children:e.children})}function J(e){return e?`border-hair bg-muted text-foreground`:`border-transparent bg-transparent text-dim`}function Y(e){return e===`dynamic`?`border-hair bg-muted text-foreground`:`border-hair bg-muted text-muted-foreground`}function X(e){return e.mcpServerName===void 0?Y(e.source):`border-hair bg-muted text-foreground`}function Z(e){return e.mcpServerName===void 0?e.source:`MCP / ${e.mcpServerName}`}function Q(e){if(typeof e!=`object`||!e||Array.isArray(e))return`value`;let t=e.type;return typeof t==`string`?t:`object`}function $(e){if(typeof e!=`object`||!e||Array.isArray(e))return 0;let t=e.properties;return typeof t==`object`&&t&&!Array.isArray(t)?Object.keys(t).length:0}function re(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function ie(e){if(a(e)&&typeof e.agentId==`string`&&e.agentId.length!==0&&typeof e.toolName==`string`&&e.toolName.length!==0&&(e.status===`success`||e.status===`error`)&&!(typeof e.durationMs!=`number`||!Number.isFinite(e.durationMs))&&typeof e.startedAt==`string`&&typeof e.endedAt==`string`&&Array.isArray(e.events))return e}function ae(e){if(typeof e!=`string`)return e;let t=r(e);return t.kind===`json`?t.value:e}function oe(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}export{re as a,$ as c,Z as d,J as i,Q as l,q as n,X as o,W as r,ie as s,K as t,Y as u};
+//# sourceMappingURL=tool-runner-CExWna8k.js.map

package/dist/ui/assets/{tool-runner-DcuNII62.js.map → tool-runner-CExWna8k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-runner-DcuNII62.js","names":[],"sources":["../../../src/ui/app/modules/tools/schema-argument-editor.tsx","../../../src/ui/app/modules/tools/tool-runner.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/ui/button\";\nimport { Input } from \"../../components/ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { isRecord } from \"../shared/object\";\n\ntype ArgumentMode = \"form\" | \"json\";\ntype JsonPath = Array<string | number>;\ntype ParseResult = { ok: true; value: unknown } | { ok: false; error: string };\n\nexport function SchemaArgumentEditor(props: {\n  schema: unknown;\n  value: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}) {\n  const [mode, setMode] = useState<ArgumentMode>(\"form\");\n  const rootFields = useMemo(() => schemaFields(props.schema), [props.schema]);\n  const parsed = useMemo(() => parseJson(props.value), [props.value]);\n  const disabled = props.disabled === true;\n  const canRenderForm = rootFields.length > 0;\n  const effectiveMode = canRenderForm ? mode : \"json\";\n  const rootValue = parsed.ok && isRecord(parsed.value) ? parsed.value : undefined;\n\n  function updatePath(path: JsonPath, value: unknown | undefined) {\n    const base = rootValue ?? {};\n    props.onChange(formatEditorJson(setValueAtPath(base, path, value)));\n  }\n\n  function removePathItem(path: JsonPath, index: number) {\n    const base = rootValue ?? {};\n    const arrayValue = getValueAtPath(base, path);\n    if (!Array.isArray(arrayValue)) {\n      return;\n    }\n    props.onChange(\n      formatEditorJson(\n        setValueAtPath(\n          base,\n          path,\n          arrayValue.filter((_, itemIndex) => itemIndex !== index),\n        ),\n      ),\n    );\n  }\n\n  return (\n    <div className=\"grid min-w-0 gap-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n          Arguments\n        </span>\n        {canRenderForm ? (\n          <div className=\"inline-grid h-8 grid-cols-2 overflow-hidden rounded-md border border-hair bg-background p-0.5\">\n            <ModeButton active={effectiveMode === \"form\"} onClick={() => setMode(\"form\")}>\n              Form\n            </ModeButton>\n            <ModeButton active={effectiveMode === \"json\"} onClick={() => setMode(\"json\")}>\n              JSON\n            </ModeButton>\n          </div>\n        ) : (\n          <span className=\"text-xs font-medium text-muted-foreground\">JSON</span>\n        )}\n      </div>\n\n      {effectiveMode === \"json\" || rootValue === undefined ? (\n        <RawJsonEditor\n          disabled={disabled}\n          error={parsed.ok ? \"\" : parsed.error}\n          value={props.value}\n          onChange={props.onChange}\n        />\n      ) : (\n        <div className=\"grid gap-3\">\n          {rootFields.map((field) => (\n            <SchemaField\n              disabled={disabled}\n              field={field}\n              key={field.name}\n              path={[field.name]}\n              rootValue={rootValue}\n              onChange={updatePath}\n              onRemoveArrayItem={removePathItem}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ModeButton(props: { active: boolean; children: string; onClick: () => void }) {\n  return (\n    <button\n      className={\n        props.active\n          ? \"rounded-[5px] bg-muted px-3 text-xs font-semibold text-foreground\"\n          : \"rounded-[5px] px-3 text-xs font-medium text-muted-foreground transition hover:text-foreground\"\n      }\n      type=\"button\"\n      onClick={props.onClick}\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction RawJsonEditor(props: {\n  value: string;\n  error: string;\n  disabled: boolean;\n  onChange: (value: string) => void;\n}) {\n  return (\n    <div className=\"grid gap-2\">\n      <Textarea\n        className=\"min-h-36 resize-y rounded-md border-border bg-background p-3 text-xs leading-5\"\n        disabled={props.disabled}\n        value={props.value}\n        spellCheck={false}\n        onChange={(event) => props.onChange(event.target.value)}\n      />\n      {props.error.length === 0 ? null : (\n        <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n          {props.error}\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype SchemaFieldDefinition = {\n  name: string;\n  schema: Record<string, unknown>;\n  required: boolean;\n};\n\nfunction SchemaField(props: {\n  field: SchemaFieldDefinition;\n  path: JsonPath;\n  rootValue: Record<string, unknown>;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n  onRemoveArrayItem: (path: JsonPath, index: number) => void;\n}) {\n  const value = getValueAtPath(props.rootValue, props.path);\n  const label = schemaLabel(props.field.schema, props.field.name);\n  const description = schemaDescription(props.field.schema);\n  const type = schemaPrimaryType(props.field.schema);\n\n  if (type === \"object\") {\n    const fields = schemaFields(props.field.schema);\n    return (\n      <fieldset className=\"grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0\">\n        <div className=\"flex min-w-0 items-center justify-between gap-3\">\n          <legend className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n            {label}\n          </legend>\n          {props.field.required ? <RequiredBadge /> : null}\n        </div>\n        {description === undefined ? null : (\n          <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{description}</p>\n        )}\n        {fields.length === 0 ? (\n          <JsonValueField\n            disabled={props.disabled}\n            path={props.path}\n            value={value}\n            onChange={props.onChange}\n          />\n        ) : (\n          <div className=\"grid gap-3 border-l border-hair pl-3\">\n            {fields.map((field) => (\n              <SchemaField\n                disabled={props.disabled}\n                field={field}\n                key={field.name}\n                path={[...props.path, field.name]}\n                rootValue={props.rootValue}\n                onChange={props.onChange}\n                onRemoveArrayItem={props.onRemoveArrayItem}\n              />\n            ))}\n          </div>\n        )}\n      </fieldset>\n    );\n  }\n\n  if (type === \"array\") {\n    return (\n      <ArrayField\n        description={description}\n        disabled={props.disabled}\n        field={props.field}\n        label={label}\n        path={props.path}\n        rootValue={props.rootValue}\n        value={value}\n        onChange={props.onChange}\n        onRemoveArrayItem={props.onRemoveArrayItem}\n      />\n    );\n  }\n\n  return (\n    <div className=\"grid min-w-0 gap-2 border-b border-hair pb-3 last:border-b-0\">\n      <FieldHeader label={label} required={props.field.required} />\n      {description === undefined ? null : (\n        <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{description}</p>\n      )}\n      <ScalarFieldControl\n        disabled={props.disabled}\n        path={props.path}\n        required={props.field.required}\n        schema={props.field.schema}\n        value={value}\n        onChange={props.onChange}\n      />\n    </div>\n  );\n}\n\nfunction ArrayField(props: {\n  field: SchemaFieldDefinition;\n  label: string;\n  description: string | undefined;\n  path: JsonPath;\n  rootValue: Record<string, unknown>;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n  onRemoveArrayItem: (path: JsonPath, index: number) => void;\n}) {\n  const itemSchema = schemaItems(props.field.schema);\n  const items = Array.isArray(props.value) ? props.value : [];\n  const itemEntries = items.map((item, index) => ({\n    index,\n    key: `${formatPath(props.path)}:${index}:${formatEnumValue(item)}`,\n  }));\n  return (\n    <div className=\"grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <FieldHeader label={props.label} required={props.field.required} />\n        {itemSchema === undefined ? null : (\n          <Button\n            className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n            disabled={props.disabled}\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() =>\n              props.onChange(props.path, [...items, defaultValueForSchema(itemSchema)])\n            }\n          >\n            Add\n          </Button>\n        )}\n      </div>\n      {props.description === undefined ? null : (\n        <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{props.description}</p>\n      )}\n      {itemSchema === undefined ? (\n        <JsonValueField\n          disabled={props.disabled}\n          path={props.path}\n          value={props.value}\n          onChange={props.onChange}\n        />\n      ) : items.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-hair px-3 py-2 text-xs text-muted-foreground\">\n          Empty array\n        </div>\n      ) : (\n        <div className=\"grid gap-3 border-l border-hair pl-3\">\n          {itemEntries.map((item) => (\n            <div className=\"grid gap-2\" key={item.key}>\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-xs font-medium text-muted-foreground\">\n                  Item {item.index + 1}\n                </span>\n                <Button\n                  className=\"h-7 min-h-7 rounded-md px-2 text-xs\"\n                  disabled={props.disabled}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => props.onRemoveArrayItem(props.path, item.index)}\n                >\n                  Remove\n                </Button>\n              </div>\n              <SchemaField\n                disabled={props.disabled}\n                field={{\n                  name: String(item.index + 1),\n                  required: true,\n                  schema: itemSchema,\n                }}\n                path={[...props.path, item.index]}\n                rootValue={props.rootValue}\n                onChange={props.onChange}\n                onRemoveArrayItem={props.onRemoveArrayItem}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FieldHeader(props: { label: string; required: boolean }) {\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">{props.label}</span>\n      {props.required ? <RequiredBadge /> : null}\n    </div>\n  );\n}\n\nfunction RequiredBadge() {\n  return (\n    <span className=\"rounded-md bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground\">\n      required\n    </span>\n  );\n}\n\nfunction ScalarFieldControl(props: {\n  schema: Record<string, unknown>;\n  path: JsonPath;\n  value: unknown;\n  required: boolean;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const enumOptions = schemaEnum(props.schema);\n  if (enumOptions.length > 0) {\n    const selectedIndex = enumOptions.findIndex((option) => jsonEqual(option, props.value));\n    const optionEntries = enumOptions.map((option, index) => ({\n      label: formatEnumValue(option),\n      value: String(index),\n      key: `${index}:${formatEnumValue(option)}`,\n    }));\n    return (\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Select\n          value={selectedIndex === -1 ? \"\" : String(selectedIndex)}\n          disabled={props.disabled}\n          onValueChange={(value) => props.onChange(props.path, enumOptions[Number(value)])}\n        >\n          <SelectTrigger className=\"h-9 min-h-9 rounded-md border-border bg-background text-sm\">\n            <SelectValue placeholder=\"Select value\" />\n          </SelectTrigger>\n          <SelectContent>\n            {optionEntries.map((option) => (\n              <SelectItem value={option.value} key={option.key}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {selectedIndex === -1 || props.required ? null : (\n          <Button\n            className=\"h-9 min-h-9 rounded-md px-3 text-xs\"\n            disabled={props.disabled}\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => props.onChange(props.path, undefined)}\n          >\n            Clear\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  const type = schemaPrimaryType(props.schema);\n  if (type === \"boolean\") {\n    return (\n      <label className=\"flex min-h-9 w-fit cursor-pointer items-center gap-2 rounded-md border border-hair bg-background px-3 text-sm text-foreground\">\n        <input\n          checked={props.value === true}\n          disabled={props.disabled}\n          type=\"checkbox\"\n          className=\"h-4 w-4 accent-foreground\"\n          onChange={(event) => props.onChange(props.path, event.target.checked)}\n        />\n        Enabled\n      </label>\n    );\n  }\n\n  if (type === \"number\" || type === \"integer\") {\n    return (\n      <NumberFieldControl\n        disabled={props.disabled}\n        path={props.path}\n        schema={props.schema}\n        type={type}\n        value={props.value}\n        onChange={props.onChange}\n      />\n    );\n  }\n\n  if (type === \"string\") {\n    return (\n      <Input\n        className=\"h-9 rounded-md border-border bg-background text-sm\"\n        disabled={props.disabled}\n        type=\"text\"\n        value={typeof props.value === \"string\" ? props.value : \"\"}\n        placeholder={schemaDefaultPlaceholder(props.schema)}\n        onChange={(event) => {\n          const nextValue = event.target.value;\n          props.onChange(\n            props.path,\n            nextValue.length === 0 && !props.required ? undefined : nextValue,\n          );\n        }}\n      />\n    );\n  }\n\n  return (\n    <JsonValueField\n      disabled={props.disabled}\n      path={props.path}\n      value={props.value}\n      onChange={props.onChange}\n    />\n  );\n}\n\nfunction NumberFieldControl(props: {\n  schema: Record<string, unknown>;\n  type: \"number\" | \"integer\";\n  path: JsonPath;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const externalValue = typeof props.value === \"number\" ? String(props.value) : \"\";\n  const [draft, setDraft] = useState(externalValue);\n\n  useEffect(() => {\n    setDraft(externalValue);\n  }, [externalValue]);\n\n  return (\n    <Input\n      className=\"h-9 rounded-md border-border bg-background text-sm\"\n      disabled={props.disabled}\n      inputMode={props.type === \"integer\" ? \"numeric\" : \"decimal\"}\n      type=\"text\"\n      value={draft}\n      placeholder={schemaDefaultPlaceholder(props.schema)}\n      onBlur={() => {\n        if (draft.trim().length === 0) {\n          setDraft(\"\");\n          return;\n        }\n        const nextValue = parseNumberDraft(draft, props.type);\n        setDraft(nextValue.ok ? String(nextValue.value) : externalValue);\n      }}\n      onChange={(event) => {\n        const nextDraft = event.target.value;\n        setDraft(nextDraft);\n        if (nextDraft.trim().length === 0) {\n          props.onChange(props.path, undefined);\n          return;\n        }\n        const nextValue = parseNumberDraft(nextDraft, props.type);\n        if (nextValue.ok) {\n          props.onChange(props.path, nextValue.value);\n        }\n      }}\n    />\n  );\n}\n\nfunction JsonValueField(props: {\n  path: JsonPath;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const externalValue = useMemo(() => fieldJsonValue(props.value), [props.value]);\n  const [draft, setDraft] = useState(externalValue);\n  const parsed = useMemo(() => parseJson(draft), [draft]);\n\n  useEffect(() => {\n    setDraft(externalValue);\n  }, [externalValue]);\n\n  return (\n    <div className=\"grid gap-2\">\n      <Textarea\n        className=\"min-h-24 resize-y rounded-md border-border bg-background p-3 text-xs leading-5\"\n        disabled={props.disabled}\n        value={draft}\n        spellCheck={false}\n        onChange={(event) => {\n          const nextDraft = event.target.value;\n          setDraft(nextDraft);\n          if (nextDraft.trim().length === 0) {\n            props.onChange(props.path, undefined);\n            return;\n          }\n          const nextValue = parseJson(nextDraft);\n          if (nextValue.ok) {\n            props.onChange(props.path, nextValue.value);\n          }\n        }}\n      />\n      {parsed.ok || draft.trim().length === 0 ? null : (\n        <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n          {parsed.error}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction schemaFields(schema: unknown): SchemaFieldDefinition[] {\n  if (!isRecord(schema)) {\n    return [];\n  }\n  const properties = schema.properties;\n  if (!isRecord(properties)) {\n    return [];\n  }\n  const required = schemaRequired(schema);\n  return Object.entries(properties).map(([name, propertySchema]) => ({\n    name,\n    required: required.has(name),\n    schema: isRecord(propertySchema) ? propertySchema : {},\n  }));\n}\n\nfunction schemaRequired(schema: Record<string, unknown>): Set<string> {\n  const required = schema.required;\n  if (!Array.isArray(required)) {\n    return new Set();\n  }\n  return new Set(required.filter((item): item is string => typeof item === \"string\"));\n}\n\nfunction schemaPrimaryType(schema: Record<string, unknown>): string {\n  const type = schema.type;\n  if (typeof type === \"string\") {\n    return type;\n  }\n  if (Array.isArray(type)) {\n    const firstType = type.find(\n      (item): item is string => typeof item === \"string\" && item !== \"null\",\n    );\n    if (firstType !== undefined) {\n      return firstType;\n    }\n  }\n  if (schemaEnum(schema).length > 0) {\n    return \"enum\";\n  }\n  if (isRecord(schema.properties)) {\n    return \"object\";\n  }\n  if (schema.items !== undefined) {\n    return \"array\";\n  }\n  return \"unknown\";\n}\n\nfunction schemaItems(schema: Record<string, unknown>): Record<string, unknown> | undefined {\n  return isRecord(schema.items) ? schema.items : undefined;\n}\n\nfunction schemaEnum(schema: Record<string, unknown>): unknown[] {\n  return Array.isArray(schema.enum) ? schema.enum : [];\n}\n\nfunction schemaLabel(schema: Record<string, unknown>, fallback: string): string {\n  return typeof schema.title === \"string\" && schema.title.length > 0\n    ? schema.title\n    : formatFieldName(fallback);\n}\n\nfunction schemaDescription(schema: Record<string, unknown>): string | undefined {\n  return typeof schema.description === \"string\" && schema.description.length > 0\n    ? schema.description\n    : undefined;\n}\n\nfunction schemaDefaultPlaceholder(schema: Record<string, unknown>): string | undefined {\n  return Object.hasOwn(schema, \"default\") ? formatEnumValue(schema.default) : undefined;\n}\n\nfunction defaultValueForSchema(schema: Record<string, unknown>): unknown {\n  if (Object.hasOwn(schema, \"default\")) {\n    return schema.default;\n  }\n  const enumOptions = schemaEnum(schema);\n  if (enumOptions.length > 0) {\n    return enumOptions[0];\n  }\n  const type = schemaPrimaryType(schema);\n  if (type === \"boolean\") {\n    return false;\n  }\n  if (type === \"integer\" || type === \"number\") {\n    return 0;\n  }\n  if (type === \"array\") {\n    return [];\n  }\n  if (type === \"object\") {\n    return {};\n  }\n  if (type === \"string\") {\n    return \"\";\n  }\n  return null;\n}\n\nfunction getValueAtPath(root: unknown, path: JsonPath): unknown {\n  let current = root;\n  for (const segment of path) {\n    if (typeof segment === \"number\") {\n      if (!Array.isArray(current)) {\n        return undefined;\n      }\n      current = current[segment];\n      continue;\n    }\n    if (!isRecord(current)) {\n      return undefined;\n    }\n    current = current[segment];\n  }\n  return current;\n}\n\nfunction setValueAtPath(root: unknown, path: JsonPath, value: unknown | undefined): unknown {\n  if (path.length === 0) {\n    return value;\n  }\n  const [segment, ...rest] = path;\n  const nextRoot = Array.isArray(root) ? [...root] : isRecord(root) ? { ...root } : {};\n  if (rest.length === 0) {\n    if (value === undefined) {\n      if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n        nextRoot.splice(segment, 1);\n      } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n        delete nextRoot[segment];\n      }\n      return nextRoot;\n    }\n    if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n      nextRoot[segment] = value;\n    } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n      nextRoot[segment] = value;\n    }\n    return nextRoot;\n  }\n  const currentValue =\n    Array.isArray(nextRoot) && typeof segment === \"number\"\n      ? nextRoot[segment]\n      : !Array.isArray(nextRoot) && typeof segment === \"string\"\n        ? nextRoot[segment]\n        : undefined;\n  const nextValue = setValueAtPath(currentValue, rest, value);\n  if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n    nextRoot[segment] = nextValue;\n  } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n    nextRoot[segment] = nextValue;\n  }\n  return nextRoot;\n}\n\nfunction parseJson(value: string): ParseResult {\n  if (value.trim().length === 0) {\n    return { ok: true, value: undefined };\n  }\n  try {\n    return { ok: true, value: JSON.parse(value) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? error.message : String(error) };\n  }\n}\n\ntype NumberParseResult = { ok: true; value: number } | { ok: false };\n\nfunction parseNumberDraft(value: string, type: \"number\" | \"integer\"): NumberParseResult {\n  const normalized = value.trim();\n  if (normalized.length === 0 || isIncompleteNumberDraft(normalized)) {\n    return { ok: false };\n  }\n  const parsed = Number(normalized);\n  if (!Number.isFinite(parsed)) {\n    return { ok: false };\n  }\n  if (type === \"integer\" && !Number.isInteger(parsed)) {\n    return { ok: false };\n  }\n  return { ok: true, value: parsed };\n}\n\nfunction isIncompleteNumberDraft(value: string): boolean {\n  return (\n    value === \"-\" ||\n    value === \"+\" ||\n    value === \".\" ||\n    value === \"-.\" ||\n    value === \"+.\" ||\n    /^[+-]?\\d+\\.$/.test(value) ||\n    /[eE][+-]?$/.test(value)\n  );\n}\n\nfunction fieldJsonValue(value: unknown): string {\n  if (value === undefined) {\n    return \"\";\n  }\n  return formatEditorJson(value);\n}\n\nfunction formatEditorJson(value: unknown): string {\n  return JSON.stringify(value, null, 2);\n}\n\nfunction jsonEqual(left: unknown, right: unknown): boolean {\n  return JSON.stringify(left) === JSON.stringify(right);\n}\n\nfunction formatEnumValue(value: unknown): string {\n  if (typeof value === \"string\") {\n    return value;\n  }\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (value === null) {\n    return \"null\";\n  }\n  return JSON.stringify(value);\n}\n\nfunction formatPath(path: JsonPath): string {\n  return path.join(\".\");\n}\n\nfunction formatFieldName(value: string): string {\n  return value\n    .replace(/[_-]+/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (match) => match.toUpperCase());\n}\n","import type { ReactNode } from \"react\";\nimport type { StudioAgentToolMetadata, StudioToolRunResponse } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { parseToolDisplayValue } from \"../shared/format\";\nimport { isRecord } from \"../shared/object\";\nimport { JsonSyntax } from \"../shared/renderers\";\nimport { SchemaArgumentEditor } from \"./schema-argument-editor\";\n\nexport type ToolRunState = \"idle\" | \"running\";\n\nexport function ToolRunner(props: {\n  selectedTool: StudioAgentToolMetadata | undefined;\n  argsText: string;\n  runState: ToolRunState;\n  runError: string;\n  runResponse: StudioToolRunResponse | undefined;\n  onArgsTextChange: (value: string) => void;\n  onRun: () => void;\n}) {\n  const propertyCount =\n    props.selectedTool === undefined ? 0 : schemaPropertyCount(props.selectedTool.parameters);\n  return (\n    <section className=\"grid gap-4 border-t border-hair pt-4 xl:grid-cols-[minmax(260px,0.42fr)_minmax(0,1fr)]\">\n      <div className=\"grid content-start gap-3\">\n        <div className=\"grid gap-1.5\">\n          <h2 className=\"m-0 text-base font-semibold text-foreground\">Runner</h2>\n          {props.selectedTool === undefined ? (\n            <p className=\"m-0 text-sm leading-6 text-muted-foreground\">No tool selected</p>\n          ) : (\n            <>\n              <p className=\"m-0 break-all text-sm font-semibold leading-6 text-foreground\">\n                {props.selectedTool.name}\n              </p>\n              <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n                {props.selectedTool.description}\n              </p>\n            </>\n          )}\n        </div>\n        {props.selectedTool === undefined ? null : (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            <Badge className={originBadgeClass(props.selectedTool)}>\n              {toolOriginLabel(props.selectedTool)}\n            </Badge>\n            <Badge className={approvalBadgeClass(props.selectedTool.approval.required)}>\n              approval {props.selectedTool.approval.required ? \"required\" : \"none\"}\n            </Badge>\n            <ToolMetaPill>\n              {propertyCount} {propertyCount === 1 ? \"field\" : \"fields\"}\n            </ToolMetaPill>\n          </div>\n        )}\n        {props.selectedTool?.approval.reason === undefined ? null : (\n          <p className=\"m-0 border-l border-hair pl-3 text-xs leading-5 text-muted-foreground\">\n            {props.selectedTool.approval.reason}\n          </p>\n        )}\n      </div>\n      <div className=\"grid min-w-0 gap-3\">\n        <SchemaArgumentEditor\n          disabled={props.selectedTool === undefined}\n          schema={props.selectedTool?.parameters}\n          value={props.argsText}\n          onChange={props.onArgsTextChange}\n        />\n        <div className=\"flex min-w-0 items-center justify-between gap-3\">\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            Arguments must be valid JSON.\n          </span>\n          <Button\n            className=\"h-8 min-h-8 rounded-md px-4 text-xs\"\n            type=\"button\"\n            disabled={props.runState === \"running\" || props.selectedTool === undefined}\n            onClick={props.onRun}\n          >\n            {props.runState === \"running\" ? \"Running\" : \"Run\"}\n          </Button>\n        </div>\n        {props.runError.length > 0 ? (\n          <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n            {props.runError}\n          </div>\n        ) : null}\n        {props.selectedTool === undefined ? null : (\n          <details className=\"group border-t border-hair pt-3\">\n            <summary className=\"flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n              Parameter schema\n              <span className=\"font-medium normal-case tracking-normal\">\n                {schemaType(props.selectedTool.parameters)}\n              </span>\n            </summary>\n            <div className=\"mt-3\">\n              <SchemaBlock value={props.selectedTool.parameters} title=\"JSON schema\" />\n            </div>\n          </details>\n        )}\n        {props.runResponse === undefined ? null : <ToolRunResult response={props.runResponse} />}\n      </div>\n    </section>\n  );\n}\n\nfunction ToolRunResult(props: { response: StudioToolRunResponse }) {\n  const hasResult = Object.hasOwn(props.response, \"result\");\n  const primaryValue = hasResult ? props.response.result : props.response.error;\n  const title = hasResult ? \"Tool result\" : \"Tool error\";\n\n  return (\n    <div className=\"grid gap-3\">\n      <SchemaBlock value={displayToolRunValue(primaryValue)} title={title} />\n      <details className=\"group border-t border-hair pt-3\">\n        <summary className=\"flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n          Raw run response\n          <span className=\"font-medium normal-case tracking-normal\">\n            {props.response.status} / {props.response.durationMs}ms\n          </span>\n        </summary>\n        <div className=\"mt-3\">\n          <SchemaBlock value={props.response} title=\"Studio envelope\" />\n        </div>\n      </details>\n    </div>\n  );\n}\n\nexport function SchemaBlock(props: { value: unknown; title: string }) {\n  return (\n    <section className=\"grid min-w-0 content-start overflow-hidden rounded-lg bg-background\">\n      <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted px-4\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n          {props.title}\n        </span>\n        <span className=\" text-xs text-muted-foreground\">{schemaType(props.value)}</span>\n      </div>\n      <div className=\"min-w-0 overflow-x-auto\">\n        <pre className=\"m-0 max-h-96 min-w-max p-4 text-xs leading-5 text-foreground\">\n          <code>\n            <JsonSyntax text={formatSchema(props.value)} />\n          </code>\n        </pre>\n      </div>\n    </section>\n  );\n}\n\nexport function ToolMetaPill(props: { children: ReactNode }) {\n  return (\n    <span className=\"inline-flex min-h-7 items-center rounded-md bg-muted px-2.5 text-xs font-medium text-muted-foreground\">\n      {props.children}\n    </span>\n  );\n}\n\nexport function approvalBadgeClass(required: boolean): string {\n  return required\n    ? \"border-hair bg-muted text-foreground\"\n    : \"border-transparent bg-transparent text-dim\";\n}\n\nexport function sourceBadgeClass(source: \"static\" | \"dynamic\"): string {\n  return source === \"dynamic\"\n    ? \"border-hair bg-muted text-foreground\"\n    : \"border-hair bg-muted text-muted-foreground\";\n}\n\nexport function originBadgeClass(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined\n    ? sourceBadgeClass(tool.source)\n    : \"border-hair bg-muted text-foreground\";\n}\n\nexport function toolOriginLabel(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined ? tool.source : `MCP / ${tool.mcpServerName}`;\n}\n\nexport function schemaType(value: unknown): string {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return \"value\";\n  }\n  const type = (value as { type?: unknown }).type;\n  return typeof type === \"string\" ? type : \"object\";\n}\n\nexport function schemaPropertyCount(value: unknown): number {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return 0;\n  }\n  const properties = (value as { properties?: unknown }).properties;\n  return typeof properties === \"object\" && properties !== null && !Array.isArray(properties)\n    ? Object.keys(properties).length\n    : 0;\n}\n\nexport function formatJson(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nexport function parseStudioToolRunResponse(value: unknown): StudioToolRunResponse | undefined {\n  if (!isRecord(value)) {\n    return undefined;\n  }\n  if (typeof value.agentId !== \"string\" || value.agentId.length === 0) {\n    return undefined;\n  }\n  if (typeof value.toolName !== \"string\" || value.toolName.length === 0) {\n    return undefined;\n  }\n  if (value.status !== \"success\" && value.status !== \"error\") {\n    return undefined;\n  }\n  if (typeof value.durationMs !== \"number\" || !Number.isFinite(value.durationMs)) {\n    return undefined;\n  }\n  if (typeof value.startedAt !== \"string\" || typeof value.endedAt !== \"string\") {\n    return undefined;\n  }\n  if (!Array.isArray(value.events)) {\n    return undefined;\n  }\n  return value as StudioToolRunResponse;\n}\n\nfunction displayToolRunValue(value: unknown): unknown {\n  if (typeof value !== \"string\") {\n    return value;\n  }\n  const parsed = parseToolDisplayValue(value);\n  return parsed.kind === \"json\" ? parsed.value : value;\n}\n\nfunction formatSchema(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tool-runner-CExWna8k.js","names":[],"sources":["../../../src/ui/app/modules/tools/schema-argument-editor.tsx","../../../src/ui/app/modules/tools/tool-runner.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { Button } from \"../../components/ui/button\";\nimport { Input } from \"../../components/ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { isRecord } from \"../shared/object\";\n\ntype ArgumentMode = \"form\" | \"json\";\ntype JsonPath = Array<string | number>;\ntype ParseResult = { ok: true; value: unknown } | { ok: false; error: string };\n\nexport function SchemaArgumentEditor(props: {\n  schema: unknown;\n  value: string;\n  disabled?: boolean;\n  onChange: (value: string) => void;\n}) {\n  const [mode, setMode] = useState<ArgumentMode>(\"form\");\n  const rootFields = useMemo(() => schemaFields(props.schema), [props.schema]);\n  const parsed = useMemo(() => parseJson(props.value), [props.value]);\n  const disabled = props.disabled === true;\n  const canRenderForm = rootFields.length > 0;\n  const effectiveMode = canRenderForm ? mode : \"json\";\n  const rootValue = parsed.ok && isRecord(parsed.value) ? parsed.value : undefined;\n\n  function updatePath(path: JsonPath, value: unknown | undefined) {\n    const base = rootValue ?? {};\n    props.onChange(formatEditorJson(setValueAtPath(base, path, value)));\n  }\n\n  function removePathItem(path: JsonPath, index: number) {\n    const base = rootValue ?? {};\n    const arrayValue = getValueAtPath(base, path);\n    if (!Array.isArray(arrayValue)) {\n      return;\n    }\n    props.onChange(\n      formatEditorJson(\n        setValueAtPath(\n          base,\n          path,\n          arrayValue.filter((_, itemIndex) => itemIndex !== index),\n        ),\n      ),\n    );\n  }\n\n  return (\n    <div className=\"grid min-w-0 gap-3\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n          Arguments\n        </span>\n        {canRenderForm ? (\n          <div className=\"inline-grid h-8 grid-cols-2 overflow-hidden rounded-md border border-hair bg-background p-0.5\">\n            <ModeButton active={effectiveMode === \"form\"} onClick={() => setMode(\"form\")}>\n              Form\n            </ModeButton>\n            <ModeButton active={effectiveMode === \"json\"} onClick={() => setMode(\"json\")}>\n              JSON\n            </ModeButton>\n          </div>\n        ) : (\n          <span className=\"text-xs font-medium text-muted-foreground\">JSON</span>\n        )}\n      </div>\n\n      {effectiveMode === \"json\" || rootValue === undefined ? (\n        <RawJsonEditor\n          disabled={disabled}\n          error={parsed.ok ? \"\" : parsed.error}\n          value={props.value}\n          onChange={props.onChange}\n        />\n      ) : (\n        <div className=\"grid gap-3\">\n          {rootFields.map((field) => (\n            <SchemaField\n              disabled={disabled}\n              field={field}\n              key={field.name}\n              path={[field.name]}\n              rootValue={rootValue}\n              onChange={updatePath}\n              onRemoveArrayItem={removePathItem}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ModeButton(props: { active: boolean; children: string; onClick: () => void }) {\n  return (\n    <button\n      className={\n        props.active\n          ? \"rounded-[5px] bg-muted px-3 text-xs font-semibold text-foreground\"\n          : \"rounded-[5px] px-3 text-xs font-medium text-muted-foreground transition hover:text-foreground\"\n      }\n      type=\"button\"\n      onClick={props.onClick}\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction RawJsonEditor(props: {\n  value: string;\n  error: string;\n  disabled: boolean;\n  onChange: (value: string) => void;\n}) {\n  return (\n    <div className=\"grid gap-2\">\n      <Textarea\n        className=\"min-h-36 resize-y rounded-md border-border bg-background p-3 text-xs leading-5\"\n        disabled={props.disabled}\n        value={props.value}\n        spellCheck={false}\n        onChange={(event) => props.onChange(event.target.value)}\n      />\n      {props.error.length === 0 ? null : (\n        <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n          {props.error}\n        </div>\n      )}\n    </div>\n  );\n}\n\ntype SchemaFieldDefinition = {\n  name: string;\n  schema: Record<string, unknown>;\n  required: boolean;\n};\n\nfunction SchemaField(props: {\n  field: SchemaFieldDefinition;\n  path: JsonPath;\n  rootValue: Record<string, unknown>;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n  onRemoveArrayItem: (path: JsonPath, index: number) => void;\n}) {\n  const value = getValueAtPath(props.rootValue, props.path);\n  const label = schemaLabel(props.field.schema, props.field.name);\n  const description = schemaDescription(props.field.schema);\n  const type = schemaPrimaryType(props.field.schema);\n\n  if (type === \"object\") {\n    const fields = schemaFields(props.field.schema);\n    return (\n      <fieldset className=\"grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0\">\n        <div className=\"flex min-w-0 items-center justify-between gap-3\">\n          <legend className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n            {label}\n          </legend>\n          {props.field.required ? <RequiredBadge /> : null}\n        </div>\n        {description === undefined ? null : (\n          <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{description}</p>\n        )}\n        {fields.length === 0 ? (\n          <JsonValueField\n            disabled={props.disabled}\n            path={props.path}\n            value={value}\n            onChange={props.onChange}\n          />\n        ) : (\n          <div className=\"grid gap-3 border-l border-hair pl-3\">\n            {fields.map((field) => (\n              <SchemaField\n                disabled={props.disabled}\n                field={field}\n                key={field.name}\n                path={[...props.path, field.name]}\n                rootValue={props.rootValue}\n                onChange={props.onChange}\n                onRemoveArrayItem={props.onRemoveArrayItem}\n              />\n            ))}\n          </div>\n        )}\n      </fieldset>\n    );\n  }\n\n  if (type === \"array\") {\n    return (\n      <ArrayField\n        description={description}\n        disabled={props.disabled}\n        field={props.field}\n        label={label}\n        path={props.path}\n        rootValue={props.rootValue}\n        value={value}\n        onChange={props.onChange}\n        onRemoveArrayItem={props.onRemoveArrayItem}\n      />\n    );\n  }\n\n  return (\n    <div className=\"grid min-w-0 gap-2 border-b border-hair pb-3 last:border-b-0\">\n      <FieldHeader label={label} required={props.field.required} />\n      {description === undefined ? null : (\n        <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{description}</p>\n      )}\n      <ScalarFieldControl\n        disabled={props.disabled}\n        path={props.path}\n        required={props.field.required}\n        schema={props.field.schema}\n        value={value}\n        onChange={props.onChange}\n      />\n    </div>\n  );\n}\n\nfunction ArrayField(props: {\n  field: SchemaFieldDefinition;\n  label: string;\n  description: string | undefined;\n  path: JsonPath;\n  rootValue: Record<string, unknown>;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n  onRemoveArrayItem: (path: JsonPath, index: number) => void;\n}) {\n  const itemSchema = schemaItems(props.field.schema);\n  const items = Array.isArray(props.value) ? props.value : [];\n  const itemEntries = items.map((item, index) => ({\n    index,\n    key: `${formatPath(props.path)}:${index}:${formatEnumValue(item)}`,\n  }));\n  return (\n    <div className=\"grid min-w-0 gap-3 border-b border-hair pb-3 last:border-b-0\">\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\n        <FieldHeader label={props.label} required={props.field.required} />\n        {itemSchema === undefined ? null : (\n          <Button\n            className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n            disabled={props.disabled}\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() =>\n              props.onChange(props.path, [...items, defaultValueForSchema(itemSchema)])\n            }\n          >\n            Add\n          </Button>\n        )}\n      </div>\n      {props.description === undefined ? null : (\n        <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{props.description}</p>\n      )}\n      {itemSchema === undefined ? (\n        <JsonValueField\n          disabled={props.disabled}\n          path={props.path}\n          value={props.value}\n          onChange={props.onChange}\n        />\n      ) : items.length === 0 ? (\n        <div className=\"rounded-md border border-dashed border-hair px-3 py-2 text-xs text-muted-foreground\">\n          Empty array\n        </div>\n      ) : (\n        <div className=\"grid gap-3 border-l border-hair pl-3\">\n          {itemEntries.map((item) => (\n            <div className=\"grid gap-2\" key={item.key}>\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-xs font-medium text-muted-foreground\">\n                  Item {item.index + 1}\n                </span>\n                <Button\n                  className=\"h-7 min-h-7 rounded-md px-2 text-xs\"\n                  disabled={props.disabled}\n                  type=\"button\"\n                  variant=\"ghost\"\n                  onClick={() => props.onRemoveArrayItem(props.path, item.index)}\n                >\n                  Remove\n                </Button>\n              </div>\n              <SchemaField\n                disabled={props.disabled}\n                field={{\n                  name: String(item.index + 1),\n                  required: true,\n                  schema: itemSchema,\n                }}\n                path={[...props.path, item.index]}\n                rootValue={props.rootValue}\n                onChange={props.onChange}\n                onRemoveArrayItem={props.onRemoveArrayItem}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FieldHeader(props: { label: string; required: boolean }) {\n  return (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">{props.label}</span>\n      {props.required ? <RequiredBadge /> : null}\n    </div>\n  );\n}\n\nfunction RequiredBadge() {\n  return (\n    <span className=\"rounded-md bg-muted px-2 py-0.5 text-[11px] font-medium text-muted-foreground\">\n      required\n    </span>\n  );\n}\n\nfunction ScalarFieldControl(props: {\n  schema: Record<string, unknown>;\n  path: JsonPath;\n  value: unknown;\n  required: boolean;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const enumOptions = schemaEnum(props.schema);\n  if (enumOptions.length > 0) {\n    const selectedIndex = enumOptions.findIndex((option) => jsonEqual(option, props.value));\n    const optionEntries = enumOptions.map((option, index) => ({\n      label: formatEnumValue(option),\n      value: String(index),\n      key: `${index}:${formatEnumValue(option)}`,\n    }));\n    return (\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <Select\n          value={selectedIndex === -1 ? \"\" : String(selectedIndex)}\n          disabled={props.disabled}\n          onValueChange={(value) => props.onChange(props.path, enumOptions[Number(value)])}\n        >\n          <SelectTrigger className=\"h-9 min-h-9 rounded-md border-border bg-background text-sm\">\n            <SelectValue placeholder=\"Select value\" />\n          </SelectTrigger>\n          <SelectContent>\n            {optionEntries.map((option) => (\n              <SelectItem value={option.value} key={option.key}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {selectedIndex === -1 || props.required ? null : (\n          <Button\n            className=\"h-9 min-h-9 rounded-md px-3 text-xs\"\n            disabled={props.disabled}\n            type=\"button\"\n            variant=\"ghost\"\n            onClick={() => props.onChange(props.path, undefined)}\n          >\n            Clear\n          </Button>\n        )}\n      </div>\n    );\n  }\n\n  const type = schemaPrimaryType(props.schema);\n  if (type === \"boolean\") {\n    return (\n      <label className=\"flex min-h-9 w-fit cursor-pointer items-center gap-2 rounded-md border border-hair bg-background px-3 text-sm text-foreground\">\n        <input\n          checked={props.value === true}\n          disabled={props.disabled}\n          type=\"checkbox\"\n          className=\"h-4 w-4 accent-foreground\"\n          onChange={(event) => props.onChange(props.path, event.target.checked)}\n        />\n        Enabled\n      </label>\n    );\n  }\n\n  if (type === \"number\" || type === \"integer\") {\n    return (\n      <NumberFieldControl\n        disabled={props.disabled}\n        path={props.path}\n        schema={props.schema}\n        type={type}\n        value={props.value}\n        onChange={props.onChange}\n      />\n    );\n  }\n\n  if (type === \"string\") {\n    return (\n      <Input\n        className=\"h-9 rounded-md border-border bg-background text-sm\"\n        disabled={props.disabled}\n        type=\"text\"\n        value={typeof props.value === \"string\" ? props.value : \"\"}\n        placeholder={schemaDefaultPlaceholder(props.schema)}\n        onChange={(event) => {\n          const nextValue = event.target.value;\n          props.onChange(\n            props.path,\n            nextValue.length === 0 && !props.required ? undefined : nextValue,\n          );\n        }}\n      />\n    );\n  }\n\n  return (\n    <JsonValueField\n      disabled={props.disabled}\n      path={props.path}\n      value={props.value}\n      onChange={props.onChange}\n    />\n  );\n}\n\nfunction NumberFieldControl(props: {\n  schema: Record<string, unknown>;\n  type: \"number\" | \"integer\";\n  path: JsonPath;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const externalValue = typeof props.value === \"number\" ? String(props.value) : \"\";\n  const [draft, setDraft] = useState(externalValue);\n\n  useEffect(() => {\n    setDraft(externalValue);\n  }, [externalValue]);\n\n  return (\n    <Input\n      className=\"h-9 rounded-md border-border bg-background text-sm\"\n      disabled={props.disabled}\n      inputMode={props.type === \"integer\" ? \"numeric\" : \"decimal\"}\n      type=\"text\"\n      value={draft}\n      placeholder={schemaDefaultPlaceholder(props.schema)}\n      onBlur={() => {\n        if (draft.trim().length === 0) {\n          setDraft(\"\");\n          return;\n        }\n        const nextValue = parseNumberDraft(draft, props.type);\n        setDraft(nextValue.ok ? String(nextValue.value) : externalValue);\n      }}\n      onChange={(event) => {\n        const nextDraft = event.target.value;\n        setDraft(nextDraft);\n        if (nextDraft.trim().length === 0) {\n          props.onChange(props.path, undefined);\n          return;\n        }\n        const nextValue = parseNumberDraft(nextDraft, props.type);\n        if (nextValue.ok) {\n          props.onChange(props.path, nextValue.value);\n        }\n      }}\n    />\n  );\n}\n\nfunction JsonValueField(props: {\n  path: JsonPath;\n  value: unknown;\n  disabled: boolean;\n  onChange: (path: JsonPath, value: unknown | undefined) => void;\n}) {\n  const externalValue = useMemo(() => fieldJsonValue(props.value), [props.value]);\n  const [draft, setDraft] = useState(externalValue);\n  const parsed = useMemo(() => parseJson(draft), [draft]);\n\n  useEffect(() => {\n    setDraft(externalValue);\n  }, [externalValue]);\n\n  return (\n    <div className=\"grid gap-2\">\n      <Textarea\n        className=\"min-h-24 resize-y rounded-md border-border bg-background p-3 text-xs leading-5\"\n        disabled={props.disabled}\n        value={draft}\n        spellCheck={false}\n        onChange={(event) => {\n          const nextDraft = event.target.value;\n          setDraft(nextDraft);\n          if (nextDraft.trim().length === 0) {\n            props.onChange(props.path, undefined);\n            return;\n          }\n          const nextValue = parseJson(nextDraft);\n          if (nextValue.ok) {\n            props.onChange(props.path, nextValue.value);\n          }\n        }}\n      />\n      {parsed.ok || draft.trim().length === 0 ? null : (\n        <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n          {parsed.error}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction schemaFields(schema: unknown): SchemaFieldDefinition[] {\n  if (!isRecord(schema)) {\n    return [];\n  }\n  const properties = schema.properties;\n  if (!isRecord(properties)) {\n    return [];\n  }\n  const required = schemaRequired(schema);\n  return Object.entries(properties).map(([name, propertySchema]) => ({\n    name,\n    required: required.has(name),\n    schema: isRecord(propertySchema) ? propertySchema : {},\n  }));\n}\n\nfunction schemaRequired(schema: Record<string, unknown>): Set<string> {\n  const required = schema.required;\n  if (!Array.isArray(required)) {\n    return new Set();\n  }\n  return new Set(required.filter((item): item is string => typeof item === \"string\"));\n}\n\nfunction schemaPrimaryType(schema: Record<string, unknown>): string {\n  const type = schema.type;\n  if (typeof type === \"string\") {\n    return type;\n  }\n  if (Array.isArray(type)) {\n    const firstType = type.find(\n      (item): item is string => typeof item === \"string\" && item !== \"null\",\n    );\n    if (firstType !== undefined) {\n      return firstType;\n    }\n  }\n  if (schemaEnum(schema).length > 0) {\n    return \"enum\";\n  }\n  if (isRecord(schema.properties)) {\n    return \"object\";\n  }\n  if (schema.items !== undefined) {\n    return \"array\";\n  }\n  return \"unknown\";\n}\n\nfunction schemaItems(schema: Record<string, unknown>): Record<string, unknown> | undefined {\n  return isRecord(schema.items) ? schema.items : undefined;\n}\n\nfunction schemaEnum(schema: Record<string, unknown>): unknown[] {\n  return Array.isArray(schema.enum) ? schema.enum : [];\n}\n\nfunction schemaLabel(schema: Record<string, unknown>, fallback: string): string {\n  return typeof schema.title === \"string\" && schema.title.length > 0\n    ? schema.title\n    : formatFieldName(fallback);\n}\n\nfunction schemaDescription(schema: Record<string, unknown>): string | undefined {\n  return typeof schema.description === \"string\" && schema.description.length > 0\n    ? schema.description\n    : undefined;\n}\n\nfunction schemaDefaultPlaceholder(schema: Record<string, unknown>): string | undefined {\n  return Object.hasOwn(schema, \"default\") ? formatEnumValue(schema.default) : undefined;\n}\n\nfunction defaultValueForSchema(schema: Record<string, unknown>): unknown {\n  if (Object.hasOwn(schema, \"default\")) {\n    return schema.default;\n  }\n  const enumOptions = schemaEnum(schema);\n  if (enumOptions.length > 0) {\n    return enumOptions[0];\n  }\n  const type = schemaPrimaryType(schema);\n  if (type === \"boolean\") {\n    return false;\n  }\n  if (type === \"integer\" || type === \"number\") {\n    return 0;\n  }\n  if (type === \"array\") {\n    return [];\n  }\n  if (type === \"object\") {\n    return {};\n  }\n  if (type === \"string\") {\n    return \"\";\n  }\n  return null;\n}\n\nfunction getValueAtPath(root: unknown, path: JsonPath): unknown {\n  let current = root;\n  for (const segment of path) {\n    if (typeof segment === \"number\") {\n      if (!Array.isArray(current)) {\n        return undefined;\n      }\n      current = current[segment];\n      continue;\n    }\n    if (!isRecord(current)) {\n      return undefined;\n    }\n    current = current[segment];\n  }\n  return current;\n}\n\nfunction setValueAtPath(root: unknown, path: JsonPath, value: unknown | undefined): unknown {\n  if (path.length === 0) {\n    return value;\n  }\n  const [segment, ...rest] = path;\n  const nextRoot = Array.isArray(root) ? [...root] : isRecord(root) ? { ...root } : {};\n  if (rest.length === 0) {\n    if (value === undefined) {\n      if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n        nextRoot.splice(segment, 1);\n      } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n        delete nextRoot[segment];\n      }\n      return nextRoot;\n    }\n    if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n      nextRoot[segment] = value;\n    } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n      nextRoot[segment] = value;\n    }\n    return nextRoot;\n  }\n  const currentValue =\n    Array.isArray(nextRoot) && typeof segment === \"number\"\n      ? nextRoot[segment]\n      : !Array.isArray(nextRoot) && typeof segment === \"string\"\n        ? nextRoot[segment]\n        : undefined;\n  const nextValue = setValueAtPath(currentValue, rest, value);\n  if (Array.isArray(nextRoot) && typeof segment === \"number\") {\n    nextRoot[segment] = nextValue;\n  } else if (!Array.isArray(nextRoot) && typeof segment === \"string\") {\n    nextRoot[segment] = nextValue;\n  }\n  return nextRoot;\n}\n\nfunction parseJson(value: string): ParseResult {\n  if (value.trim().length === 0) {\n    return { ok: true, value: undefined };\n  }\n  try {\n    return { ok: true, value: JSON.parse(value) };\n  } catch (error) {\n    return { ok: false, error: error instanceof Error ? error.message : String(error) };\n  }\n}\n\ntype NumberParseResult = { ok: true; value: number } | { ok: false };\n\nfunction parseNumberDraft(value: string, type: \"number\" | \"integer\"): NumberParseResult {\n  const normalized = value.trim();\n  if (normalized.length === 0 || isIncompleteNumberDraft(normalized)) {\n    return { ok: false };\n  }\n  const parsed = Number(normalized);\n  if (!Number.isFinite(parsed)) {\n    return { ok: false };\n  }\n  if (type === \"integer\" && !Number.isInteger(parsed)) {\n    return { ok: false };\n  }\n  return { ok: true, value: parsed };\n}\n\nfunction isIncompleteNumberDraft(value: string): boolean {\n  return (\n    value === \"-\" ||\n    value === \"+\" ||\n    value === \".\" ||\n    value === \"-.\" ||\n    value === \"+.\" ||\n    /^[+-]?\\d+\\.$/.test(value) ||\n    /[eE][+-]?$/.test(value)\n  );\n}\n\nfunction fieldJsonValue(value: unknown): string {\n  if (value === undefined) {\n    return \"\";\n  }\n  return formatEditorJson(value);\n}\n\nfunction formatEditorJson(value: unknown): string {\n  return JSON.stringify(value, null, 2);\n}\n\nfunction jsonEqual(left: unknown, right: unknown): boolean {\n  return JSON.stringify(left) === JSON.stringify(right);\n}\n\nfunction formatEnumValue(value: unknown): string {\n  if (typeof value === \"string\") {\n    return value;\n  }\n  if (typeof value === \"number\" || typeof value === \"boolean\") {\n    return String(value);\n  }\n  if (value === null) {\n    return \"null\";\n  }\n  return JSON.stringify(value);\n}\n\nfunction formatPath(path: JsonPath): string {\n  return path.join(\".\");\n}\n\nfunction formatFieldName(value: string): string {\n  return value\n    .replace(/[_-]+/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (match) => match.toUpperCase());\n}\n","import type { ReactNode } from \"react\";\nimport type { StudioAgentToolMetadata, StudioToolRunResponse } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { parseToolDisplayValue } from \"../shared/format\";\nimport { isRecord } from \"../shared/object\";\nimport { JsonSyntax } from \"../shared/renderers\";\nimport { SchemaArgumentEditor } from \"./schema-argument-editor\";\n\nexport type ToolRunState = \"idle\" | \"running\";\n\nexport function ToolRunner(props: {\n  selectedTool: StudioAgentToolMetadata | undefined;\n  argsText: string;\n  runState: ToolRunState;\n  runError: string;\n  runResponse: StudioToolRunResponse | undefined;\n  onArgsTextChange: (value: string) => void;\n  onRun: () => void;\n}) {\n  const propertyCount =\n    props.selectedTool === undefined ? 0 : schemaPropertyCount(props.selectedTool.parameters);\n  return (\n    <section className=\"grid gap-4 border-t border-hair pt-4 xl:grid-cols-[minmax(260px,0.42fr)_minmax(0,1fr)]\">\n      <div className=\"grid content-start gap-3\">\n        <div className=\"grid gap-1.5\">\n          <h2 className=\"m-0 text-base font-semibold text-foreground\">Runner</h2>\n          {props.selectedTool === undefined ? (\n            <p className=\"m-0 text-sm leading-6 text-muted-foreground\">No tool selected</p>\n          ) : (\n            <>\n              <p className=\"m-0 break-all text-sm font-semibold leading-6 text-foreground\">\n                {props.selectedTool.name}\n              </p>\n              <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n                {props.selectedTool.description}\n              </p>\n            </>\n          )}\n        </div>\n        {props.selectedTool === undefined ? null : (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            <Badge className={originBadgeClass(props.selectedTool)}>\n              {toolOriginLabel(props.selectedTool)}\n            </Badge>\n            <Badge className={approvalBadgeClass(props.selectedTool.approval.required)}>\n              approval {props.selectedTool.approval.required ? \"required\" : \"none\"}\n            </Badge>\n            <ToolMetaPill>\n              {propertyCount} {propertyCount === 1 ? \"field\" : \"fields\"}\n            </ToolMetaPill>\n          </div>\n        )}\n        {props.selectedTool?.approval.reason === undefined ? null : (\n          <p className=\"m-0 border-l border-hair pl-3 text-xs leading-5 text-muted-foreground\">\n            {props.selectedTool.approval.reason}\n          </p>\n        )}\n      </div>\n      <div className=\"grid min-w-0 gap-3\">\n        <SchemaArgumentEditor\n          disabled={props.selectedTool === undefined}\n          schema={props.selectedTool?.parameters}\n          value={props.argsText}\n          onChange={props.onArgsTextChange}\n        />\n        <div className=\"flex min-w-0 items-center justify-between gap-3\">\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            Arguments must be valid JSON.\n          </span>\n          <Button\n            className=\"h-8 min-h-8 rounded-md px-4 text-xs\"\n            type=\"button\"\n            disabled={props.runState === \"running\" || props.selectedTool === undefined}\n            onClick={props.onRun}\n          >\n            {props.runState === \"running\" ? \"Running\" : \"Run\"}\n          </Button>\n        </div>\n        {props.runError.length > 0 ? (\n          <div className=\"rounded-md border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive\">\n            {props.runError}\n          </div>\n        ) : null}\n        {props.selectedTool === undefined ? null : (\n          <details className=\"group border-t border-hair pt-3\">\n            <summary className=\"flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n              Parameter schema\n              <span className=\"font-medium normal-case tracking-normal\">\n                {schemaType(props.selectedTool.parameters)}\n              </span>\n            </summary>\n            <div className=\"mt-3\">\n              <SchemaBlock value={props.selectedTool.parameters} title=\"JSON schema\" />\n            </div>\n          </details>\n        )}\n        {props.runResponse === undefined ? null : <ToolRunResult response={props.runResponse} />}\n      </div>\n    </section>\n  );\n}\n\nfunction ToolRunResult(props: { response: StudioToolRunResponse }) {\n  const hasResult = Object.hasOwn(props.response, \"result\");\n  const primaryValue = hasResult ? props.response.result : props.response.error;\n  const title = hasResult ? \"Tool result\" : \"Tool error\";\n\n  return (\n    <div className=\"grid gap-3\">\n      <SchemaBlock value={displayToolRunValue(primaryValue)} title={title} />\n      <details className=\"group border-t border-hair pt-3\">\n        <summary className=\"flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n          Raw run response\n          <span className=\"font-medium normal-case tracking-normal\">\n            {props.response.status} / {props.response.durationMs}ms\n          </span>\n        </summary>\n        <div className=\"mt-3\">\n          <SchemaBlock value={props.response} title=\"Studio envelope\" />\n        </div>\n      </details>\n    </div>\n  );\n}\n\nexport function SchemaBlock(props: { value: unknown; title: string }) {\n  return (\n    <section className=\"grid min-w-0 content-start overflow-hidden rounded-lg bg-background\">\n      <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted px-4\">\n        <span className=\" text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n          {props.title}\n        </span>\n        <span className=\" text-xs text-muted-foreground\">{schemaType(props.value)}</span>\n      </div>\n      <div className=\"min-w-0 overflow-x-auto\">\n        <pre className=\"m-0 max-h-96 min-w-max p-4 text-xs leading-5 text-foreground\">\n          <code>\n            <JsonSyntax text={formatSchema(props.value)} />\n          </code>\n        </pre>\n      </div>\n    </section>\n  );\n}\n\nexport function ToolMetaPill(props: { children: ReactNode }) {\n  return (\n    <span className=\"inline-flex min-h-7 items-center rounded-md bg-muted px-2.5 text-xs font-medium text-muted-foreground\">\n      {props.children}\n    </span>\n  );\n}\n\nexport function approvalBadgeClass(required: boolean): string {\n  return required\n    ? \"border-hair bg-muted text-foreground\"\n    : \"border-transparent bg-transparent text-dim\";\n}\n\nexport function sourceBadgeClass(source: \"static\" | \"dynamic\"): string {\n  return source === \"dynamic\"\n    ? \"border-hair bg-muted text-foreground\"\n    : \"border-hair bg-muted text-muted-foreground\";\n}\n\nexport function originBadgeClass(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined\n    ? sourceBadgeClass(tool.source)\n    : \"border-hair bg-muted text-foreground\";\n}\n\nexport function toolOriginLabel(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined ? tool.source : `MCP / ${tool.mcpServerName}`;\n}\n\nexport function schemaType(value: unknown): string {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return \"value\";\n  }\n  const type = (value as { type?: unknown }).type;\n  return typeof type === \"string\" ? type : \"object\";\n}\n\nexport function schemaPropertyCount(value: unknown): number {\n  if (typeof value !== \"object\" || value === null || Array.isArray(value)) {\n    return 0;\n  }\n  const properties = (value as { properties?: unknown }).properties;\n  return typeof properties === \"object\" && properties !== null && !Array.isArray(properties)\n    ? Object.keys(properties).length\n    : 0;\n}\n\nexport function formatJson(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nexport function parseStudioToolRunResponse(value: unknown): StudioToolRunResponse | undefined {\n  if (!isRecord(value)) {\n    return undefined;\n  }\n  if (typeof value.agentId !== \"string\" || value.agentId.length === 0) {\n    return undefined;\n  }\n  if (typeof value.toolName !== \"string\" || value.toolName.length === 0) {\n    return undefined;\n  }\n  if (value.status !== \"success\" && value.status !== \"error\") {\n    return undefined;\n  }\n  if (typeof value.durationMs !== \"number\" || !Number.isFinite(value.durationMs)) {\n    return undefined;\n  }\n  if (typeof value.startedAt !== \"string\" || typeof value.endedAt !== \"string\") {\n    return undefined;\n  }\n  if (!Array.isArray(value.events)) {\n    return undefined;\n  }\n  return value as StudioToolRunResponse;\n}\n\nfunction displayToolRunValue(value: unknown): unknown {\n  if (typeof value !== \"string\") {\n    return value;\n  }\n  const parsed = parseToolDisplayValue(value);\n  return parsed.kind === \"json\" ? parsed.value : value;\n}\n\nfunction formatSchema(value: unknown): string {\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n"],"mappings":"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"}

package/dist/ui/assets/{tools-page-D4wQGPOl.js → tools-page-CdkExqNd.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r}from"./button-B_AoswCu.js";import{a as i,i as a,n as o,r as s,t as c}from"./select-BdCBnmXx.js";import{a as l,i as u,n as d,r as f,t as p}from"./studio-DzEdCFsX.js";import{t as m}from"./badge-C3fkxijh.js";import{a as h,c as g,d as _,i as v,l as y,n as b,o as x,r as S,s as C}from"./tool-runner-DcuNII62.js";var w=n(e(),1),T=t();function E(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=(0,w.useMemo)(()=>e.summary?.tools??[],[e.summary]),[r,m]=(0,w.useState)(``),[g,_]=(0,w.useState)(`{}`),[v,y]=(0,w.useState)(`idle`),[b,x]=(0,w.useState)(),[E,O]=(0,w.useState)(``),k=(0,w.useMemo)(()=>n.find(e=>e.name===r)??n[0],[r,n]),A=t===void 0||k===void 0?``:`${t.id}:${k.name}`,M=(0,w.useRef)(A),N=(0,w.useRef)(0),P=j(n);(0,w.useEffect)(()=>{if(n.length===0){m(``);return}n.some(e=>e.name===r)||m(n[0]?.name??``)},[r,n]),(0,w.useEffect)(()=>{M.current!==A&&(M.current=A,N.current+=1,y(`idle`),O(``),x(void 0))},[A]);async function F(){if(t===void 0||k===void 0)return;let e;try{e=JSON.parse(g)}catch(e){O(e instanceof Error?e.message:String(e)),x(void 0);return}y(`running`),O(``),x(void 0);let n=A,r=N.current+1;N.current=r;let i=()=>N.current===r&&M.current===n;try{let n=await fetch(`/agents/${encodeURIComponent(t.id)}/tools/${encodeURIComponent(k.name)}/runs`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({args:e})}),r=await n.json();if(!i())return;let a=C(r);if(a===void 0){O(`Unexpected Studio tool run response: ${h(r)}`);return}x(a),(!n.ok||a.status===`error`)&&O(h(a.error??a))}catch(e){i()&&O(e instanceof Error?e.message:String(e))}finally{i()&&y(`idle`)}}return(0,T.jsxs)(l,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":`Tools`,children:[(0,T.jsx)(u,{title:`Tools`,description:`Tool definitions registered on Studio agents, including approval policy and input schema.`,action:(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start`,children:[(0,T.jsx)(d,{label:`tools`,value:P.total}),(0,T.jsx)(d,{label:`mcp`,value:P.mcp}),(0,T.jsx)(d,{label:`static`,value:P.static}),(0,T.jsx)(d,{label:`dynamic`,value:P.dynamic}),(0,T.jsx)(d,{label:`approvals`,value:P.approvals}),e.agents.length>1?(0,T.jsxs)(c,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,T.jsx)(a,{className:`h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full`,children:(0,T.jsx)(i,{placeholder:`Agent`})}),(0,T.jsx)(o,{align:`end`,children:e.agents.map(e=>(0,T.jsx)(s,{value:e.id,children:e.name??e.id},e.id))})]}):null]})}),(0,T.jsx)(f,{className:`overflow-auto`,children:e.enabled?e.loading?(0,T.jsx)(p,{title:`Loading tools`,text:`Reading registered tool metadata.`}):n.length===0?(0,T.jsx)(p,{title:`No tools`,text:`The selected agent has no registered tools.`}):(0,T.jsxs)(`div`,{className:`grid w-full gap-5`,children:[(0,T.jsx)(D,{selectedToolName:k?.name??``,tools:n,onSelectTool:m}),(0,T.jsx)(S,{argsText:g,runError:E,runResponse:b,runState:v,selectedTool:k,onArgsTextChange:_,onRun:()=>void F()})]}):(0,T.jsx)(p,{title:`Tools unavailable`,text:`No registered Studio agent exposes static or dynamic tools.`})})]})}function D(e){return(0,T.jsx)(`div`,{className:`min-w-[1040px]`,children:(0,T.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,T.jsx)(`thead`,{className:`sticky top-0 z-10 bg-header backdrop-blur`,children:(0,T.jsxs)(`tr`,{children:[(0,T.jsx)(k,{children:`Tool`}),(0,T.jsx)(k,{children:`Origin`}),(0,T.jsx)(k,{children:`Schema`}),(0,T.jsx)(k,{children:`Approval`}),(0,T.jsx)(k,{children:`Run`})]})}),(0,T.jsx)(`tbody`,{children:e.tools.map(t=>(0,T.jsx)(O,{active:e.selectedToolName===t.name,tool:t,onSelectTool:e.onSelectTool},`${t.source}:${t.name}`))})]})})}function O(e){let t=g(e.tool.parameters);return(0,T.jsxs)(`tr`,{children:[(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,T.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.tool.name}),e.active?(0,T.jsx)(m,{className:M,children:`selected`}):null]}),(0,T.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:e.tool.agentId}),(0,T.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.tool.description})]})}),(0,T.jsx)(A,{children:(0,T.jsx)(m,{className:x(e.tool),children:_(e.tool)})}),(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,T.jsx)(b,{children:y(e.tool.parameters)}),(0,T.jsxs)(b,{children:[t,` `,t===1?`field`:`fields`]})]})}),(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,T.jsx)(m,{className:v(e.tool.approval.required),children:e.tool.approval.required?`required`:`none`}),e.tool.approval.reason===void 0?null:(0,T.jsx)(`span`,{className:`max-w-[280px] truncate text-xs leading-5 text-muted-foreground`,title:e.tool.approval.reason,children:e.tool.approval.reason})]})}),(0,T.jsx)(A,{children:(0,T.jsx)(r,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:e.active?`secondary`:`ghost`,onClick:()=>e.onSelectTool(e.tool.name),children:e.active?`Selected`:`Use`})})]})}function k(e){return(0,T.jsx)(`th`,{className:`border-b border-hair py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function A(e){return(0,T.jsx)(`td`,{className:`border-b border-hair py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function j(e){return e.reduce((e,t)=>(e.total+=1,t.source===`dynamic`?e.dynamic+=1:e.static+=1,t.mcpServerName!==void 0&&(e.mcp+=1),t.approval.required&&(e.approvals+=1),e),{approvals:0,dynamic:0,mcp:0,static:0,total:0})}var M=`border-hair bg-row-selected text-foreground`;export{E as ToolsPage};
-//# sourceMappingURL=tools-page-D4wQGPOl.js.map
+import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r}from"./button-B_AoswCu.js";import{a as i,i as a,n as o,r as s,t as c}from"./select-BdCBnmXx.js";import{a as l,i as u,n as d,r as f,t as p}from"./studio-DzEdCFsX.js";import{t as m}from"./badge-C3fkxijh.js";import{a as h,c as g,d as _,i as v,l as y,n as b,o as x,r as S,s as C}from"./tool-runner-CExWna8k.js";var w=n(e(),1),T=t();function E(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=(0,w.useMemo)(()=>e.summary?.tools??[],[e.summary]),[r,m]=(0,w.useState)(``),[g,_]=(0,w.useState)(`{}`),[v,y]=(0,w.useState)(`idle`),[b,x]=(0,w.useState)(),[E,O]=(0,w.useState)(``),k=(0,w.useMemo)(()=>n.find(e=>e.name===r)??n[0],[r,n]),A=t===void 0||k===void 0?``:`${t.id}:${k.name}`,M=(0,w.useRef)(A),N=(0,w.useRef)(0),P=j(n);(0,w.useEffect)(()=>{if(n.length===0){m(``);return}n.some(e=>e.name===r)||m(n[0]?.name??``)},[r,n]),(0,w.useEffect)(()=>{M.current!==A&&(M.current=A,N.current+=1,y(`idle`),O(``),x(void 0))},[A]);async function F(){if(t===void 0||k===void 0)return;let e;try{e=JSON.parse(g)}catch(e){O(e instanceof Error?e.message:String(e)),x(void 0);return}y(`running`),O(``),x(void 0);let n=A,r=N.current+1;N.current=r;let i=()=>N.current===r&&M.current===n;try{let n=await fetch(`/agents/${encodeURIComponent(t.id)}/tools/${encodeURIComponent(k.name)}/runs`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({args:e})}),r=await n.json();if(!i())return;let a=C(r);if(a===void 0){O(`Unexpected Studio tool run response: ${h(r)}`);return}x(a),(!n.ok||a.status===`error`)&&O(h(a.error??a))}catch(e){i()&&O(e instanceof Error?e.message:String(e))}finally{i()&&y(`idle`)}}return(0,T.jsxs)(l,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":`Tools`,children:[(0,T.jsx)(u,{title:`Tools`,description:`Tool definitions registered on Studio agents, including approval policy and input schema.`,action:(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start`,children:[(0,T.jsx)(d,{label:`tools`,value:P.total}),(0,T.jsx)(d,{label:`mcp`,value:P.mcp}),(0,T.jsx)(d,{label:`static`,value:P.static}),(0,T.jsx)(d,{label:`dynamic`,value:P.dynamic}),(0,T.jsx)(d,{label:`approvals`,value:P.approvals}),e.agents.length>1?(0,T.jsxs)(c,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,T.jsx)(a,{className:`h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full`,children:(0,T.jsx)(i,{placeholder:`Agent`})}),(0,T.jsx)(o,{align:`end`,children:e.agents.map(e=>(0,T.jsx)(s,{value:e.id,children:e.name??e.id},e.id))})]}):null]})}),(0,T.jsx)(f,{className:`overflow-auto`,children:e.enabled?e.loading?(0,T.jsx)(p,{title:`Loading tools`,text:`Reading registered tool metadata.`}):n.length===0?(0,T.jsx)(p,{title:`No tools`,text:`The selected agent has no registered tools.`}):(0,T.jsxs)(`div`,{className:`grid w-full gap-5`,children:[(0,T.jsx)(D,{selectedToolName:k?.name??``,tools:n,onSelectTool:m}),(0,T.jsx)(S,{argsText:g,runError:E,runResponse:b,runState:v,selectedTool:k,onArgsTextChange:_,onRun:()=>void F()})]}):(0,T.jsx)(p,{title:`Tools unavailable`,text:`No registered Studio agent exposes static or dynamic tools.`})})]})}function D(e){return(0,T.jsx)(`div`,{className:`min-w-[1040px]`,children:(0,T.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,T.jsx)(`thead`,{className:`sticky top-0 z-10 bg-header backdrop-blur`,children:(0,T.jsxs)(`tr`,{children:[(0,T.jsx)(k,{children:`Tool`}),(0,T.jsx)(k,{children:`Origin`}),(0,T.jsx)(k,{children:`Schema`}),(0,T.jsx)(k,{children:`Approval`}),(0,T.jsx)(k,{children:`Run`})]})}),(0,T.jsx)(`tbody`,{children:e.tools.map(t=>(0,T.jsx)(O,{active:e.selectedToolName===t.name,tool:t,onSelectTool:e.onSelectTool},`${t.source}:${t.name}`))})]})})}function O(e){let t=g(e.tool.parameters);return(0,T.jsxs)(`tr`,{children:[(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,T.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.tool.name}),e.active?(0,T.jsx)(m,{className:M,children:`selected`}):null]}),(0,T.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:e.tool.agentId}),(0,T.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.tool.description})]})}),(0,T.jsx)(A,{children:(0,T.jsx)(m,{className:x(e.tool),children:_(e.tool)})}),(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,T.jsx)(b,{children:y(e.tool.parameters)}),(0,T.jsxs)(b,{children:[t,` `,t===1?`field`:`fields`]})]})}),(0,T.jsx)(A,{children:(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,T.jsx)(m,{className:v(e.tool.approval.required),children:e.tool.approval.required?`required`:`none`}),e.tool.approval.reason===void 0?null:(0,T.jsx)(`span`,{className:`max-w-[280px] truncate text-xs leading-5 text-muted-foreground`,title:e.tool.approval.reason,children:e.tool.approval.reason})]})}),(0,T.jsx)(A,{children:(0,T.jsx)(r,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:e.active?`secondary`:`ghost`,onClick:()=>e.onSelectTool(e.tool.name),children:e.active?`Selected`:`Use`})})]})}function k(e){return(0,T.jsx)(`th`,{className:`border-b border-hair py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function A(e){return(0,T.jsx)(`td`,{className:`border-b border-hair py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function j(e){return e.reduce((e,t)=>(e.total+=1,t.source===`dynamic`?e.dynamic+=1:e.static+=1,t.mcpServerName!==void 0&&(e.mcp+=1),t.approval.required&&(e.approvals+=1),e),{approvals:0,dynamic:0,mcp:0,static:0,total:0})}var M=`border-hair bg-row-selected text-foreground`;export{E as ToolsPage};
+//# sourceMappingURL=tools-page-CdkExqNd.js.map

package/dist/ui/assets/{tools-page-D4wQGPOl.js.map → tools-page-CdkExqNd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tools-page-D4wQGPOl.js","names":[],"sources":["../../../src/ui/app/modules/tools/tools-page.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  StudioAgentToolMetadata,\n  StudioAgentToolsSummary,\n  StudioConfig,\n  StudioToolRunResponse,\n} from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport {\n  StudioEmptyState,\n  StudioHeaderMetric,\n  StudioPageContent,\n  StudioPageHeader,\n  StudioPageShell,\n} from \"../../components/ui/studio\";\nimport {\n  approvalBadgeClass,\n  formatJson,\n  originBadgeClass,\n  parseStudioToolRunResponse,\n  schemaPropertyCount,\n  schemaType,\n  ToolMetaPill,\n  ToolRunner,\n  toolOriginLabel,\n} from \"./tool-runner\";\n\nexport function ToolsPage(props: {\n  agents: StudioConfig[\"agents\"];\n  selectedAgentId: string;\n  summary: StudioAgentToolsSummary | undefined;\n  enabled: boolean;\n  loading: boolean;\n  onSelectAgent: (agentId: string) => void;\n}) {\n  const selectedAgent =\n    props.agents.find((agent) => agent.id === props.selectedAgentId) ?? props.agents[0];\n  const tools = useMemo(() => props.summary?.tools ?? [], [props.summary]);\n  const [selectedToolName, setSelectedToolName] = useState(\"\");\n  const [argsText, setArgsText] = useState(\"{}\");\n  const [runState, setRunState] = useState<\"idle\" | \"running\">(\"idle\");\n  const [runResponse, setRunResponse] = useState<StudioToolRunResponse | undefined>();\n  const [runError, setRunError] = useState(\"\");\n  const selectedTool = useMemo(\n    () => tools.find((tool) => tool.name === selectedToolName) ?? tools[0],\n    [selectedToolName, tools],\n  );\n  const selectedToolRunKey =\n    selectedAgent === undefined || selectedTool === undefined\n      ? \"\"\n      : `${selectedAgent.id}:${selectedTool.name}`;\n  const selectedToolRunKeyRef = useRef(selectedToolRunKey);\n  const runRequestIdRef = useRef(0);\n  const toolTotals = summarizeTools(tools);\n\n  useEffect(() => {\n    if (tools.length === 0) {\n      setSelectedToolName(\"\");\n      return;\n    }\n    if (!tools.some((tool) => tool.name === selectedToolName)) {\n      setSelectedToolName(tools[0]?.name ?? \"\");\n    }\n  }, [selectedToolName, tools]);\n\n  useEffect(() => {\n    if (selectedToolRunKeyRef.current === selectedToolRunKey) {\n      return;\n    }\n    selectedToolRunKeyRef.current = selectedToolRunKey;\n    runRequestIdRef.current += 1;\n    setRunState(\"idle\");\n    setRunError(\"\");\n    setRunResponse(undefined);\n  }, [selectedToolRunKey]);\n\n  async function runSelectedTool() {\n    if (selectedAgent === undefined || selectedTool === undefined) {\n      return;\n    }\n    let args: unknown;\n    try {\n      args = JSON.parse(argsText);\n    } catch (parseError) {\n      setRunError(parseError instanceof Error ? parseError.message : String(parseError));\n      setRunResponse(undefined);\n      return;\n    }\n\n    setRunState(\"running\");\n    setRunError(\"\");\n    setRunResponse(undefined);\n    const runToolKey = selectedToolRunKey;\n    const requestId = runRequestIdRef.current + 1;\n    runRequestIdRef.current = requestId;\n    const isCurrentRun = () =>\n      runRequestIdRef.current === requestId && selectedToolRunKeyRef.current === runToolKey;\n    try {\n      const response = await fetch(\n        `/agents/${encodeURIComponent(selectedAgent.id)}/tools/${encodeURIComponent(\n          selectedTool.name,\n        )}/runs`,\n        {\n          method: \"POST\",\n          headers: {\n            \"content-type\": \"application/json\",\n          },\n          body: JSON.stringify({ args }),\n        },\n      );\n      const rawBody = await response.json();\n      if (!isCurrentRun()) {\n        return;\n      }\n      const body = parseStudioToolRunResponse(rawBody);\n      if (body === undefined) {\n        setRunError(`Unexpected Studio tool run response: ${formatJson(rawBody)}`);\n        return;\n      }\n      setRunResponse(body);\n      if (!response.ok || body.status === \"error\") {\n        setRunError(formatJson(body.error ?? body));\n      }\n    } catch (error) {\n      if (isCurrentRun()) {\n        setRunError(error instanceof Error ? error.message : String(error));\n      }\n    } finally {\n      if (isCurrentRun()) {\n        setRunState(\"idle\");\n      }\n    }\n  }\n\n  return (\n    <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"Tools\">\n      <StudioPageHeader\n        title=\"Tools\"\n        description=\"Tool definitions registered on Studio agents, including approval policy and input schema.\"\n        action={\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start\">\n            <StudioHeaderMetric label=\"tools\" value={toolTotals.total} />\n            <StudioHeaderMetric label=\"mcp\" value={toolTotals.mcp} />\n            <StudioHeaderMetric label=\"static\" value={toolTotals.static} />\n            <StudioHeaderMetric label=\"dynamic\" value={toolTotals.dynamic} />\n            <StudioHeaderMetric label=\"approvals\" value={toolTotals.approvals} />\n            {props.agents.length > 1 ? (\n              <Select value={selectedAgent?.id ?? \"\"} onValueChange={props.onSelectAgent}>\n                <SelectTrigger className=\"h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full\">\n                  <SelectValue placeholder=\"Agent\" />\n                </SelectTrigger>\n                <SelectContent align=\"end\">\n                  {props.agents.map((agent) => (\n                    <SelectItem value={agent.id} key={agent.id}>\n                      {agent.name ?? agent.id}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            ) : null}\n          </div>\n        }\n      />\n\n      <StudioPageContent className=\"overflow-auto\">\n        {!props.enabled ? (\n          <StudioEmptyState\n            title=\"Tools unavailable\"\n            text=\"No registered Studio agent exposes static or dynamic tools.\"\n          />\n        ) : props.loading ? (\n          <StudioEmptyState title=\"Loading tools\" text=\"Reading registered tool metadata.\" />\n        ) : tools.length === 0 ? (\n          <StudioEmptyState title=\"No tools\" text=\"The selected agent has no registered tools.\" />\n        ) : (\n          <div className=\"grid w-full gap-5\">\n            <ToolRegistryTable\n              selectedToolName={selectedTool?.name ?? \"\"}\n              tools={tools}\n              onSelectTool={setSelectedToolName}\n            />\n            <ToolRunner\n              argsText={argsText}\n              runError={runError}\n              runResponse={runResponse}\n              runState={runState}\n              selectedTool={selectedTool}\n              onArgsTextChange={setArgsText}\n              onRun={() => void runSelectedTool()}\n            />\n          </div>\n        )}\n      </StudioPageContent>\n    </StudioPageShell>\n  );\n}\n\nfunction ToolRegistryTable(props: {\n  tools: StudioAgentToolMetadata[];\n  selectedToolName: string;\n  onSelectTool: (toolName: string) => void;\n}) {\n  return (\n    <div className=\"min-w-[1040px]\">\n      <table className=\"w-full border-separate border-spacing-0 text-left\">\n        <thead className=\"sticky top-0 z-10 bg-header backdrop-blur\">\n          <tr>\n            <ToolTableHead>Tool</ToolTableHead>\n            <ToolTableHead>Origin</ToolTableHead>\n            <ToolTableHead>Schema</ToolTableHead>\n            <ToolTableHead>Approval</ToolTableHead>\n            <ToolTableHead>Run</ToolTableHead>\n          </tr>\n        </thead>\n        <tbody>\n          {props.tools.map((tool) => (\n            <ToolRegistryRow\n              active={props.selectedToolName === tool.name}\n              key={`${tool.source}:${tool.name}`}\n              tool={tool}\n              onSelectTool={props.onSelectTool}\n            />\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction ToolRegistryRow(props: {\n  tool: StudioAgentToolMetadata;\n  active: boolean;\n  onSelectTool: (toolName: string) => void;\n}) {\n  const propertyCount = schemaPropertyCount(props.tool.parameters);\n  return (\n    <tr>\n      <ToolTableCell>\n        <div className=\"grid min-w-0 gap-1.5\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n              {props.tool.name}\n            </span>\n            {props.active ? <Badge className={selectedBadge}>selected</Badge> : null}\n          </div>\n          <span className=\"min-w-0 truncate text-xs font-medium text-muted-foreground\">\n            {props.tool.agentId}\n          </span>\n          <p className=\"m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground\">\n            {props.tool.description}\n          </p>\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <Badge className={originBadgeClass(props.tool)}>{toolOriginLabel(props.tool)}</Badge>\n      </ToolTableCell>\n      <ToolTableCell>\n        <div className=\"flex min-w-0 flex-wrap gap-2\">\n          <ToolMetaPill>{schemaType(props.tool.parameters)}</ToolMetaPill>\n          <ToolMetaPill>\n            {propertyCount} {propertyCount === 1 ? \"field\" : \"fields\"}\n          </ToolMetaPill>\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <div className=\"grid min-w-0 gap-1.5\">\n          <Badge className={approvalBadgeClass(props.tool.approval.required)}>\n            {props.tool.approval.required ? \"required\" : \"none\"}\n          </Badge>\n          {props.tool.approval.reason === undefined ? null : (\n            <span\n              className=\"max-w-[280px] truncate text-xs leading-5 text-muted-foreground\"\n              title={props.tool.approval.reason}\n            >\n              {props.tool.approval.reason}\n            </span>\n          )}\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <Button\n          className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n          type=\"button\"\n          variant={props.active ? \"secondary\" : \"ghost\"}\n          onClick={() => props.onSelectTool(props.tool.name)}\n        >\n          {props.active ? \"Selected\" : \"Use\"}\n        </Button>\n      </ToolTableCell>\n    </tr>\n  );\n}\n\nfunction ToolTableHead(props: { children: string }) {\n  return (\n    <th className=\"border-b border-hair py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0\">\n      {props.children}\n    </th>\n  );\n}\n\nfunction ToolTableCell(props: { children: ReactNode }) {\n  return (\n    <td className=\"border-b border-hair py-3.5 pr-5 align-top first:pl-0\">{props.children}</td>\n  );\n}\n\nfunction summarizeTools(tools: StudioAgentToolMetadata[]) {\n  return tools.reduce(\n    (totals, tool) => {\n      totals.total += 1;\n      if (tool.source === \"dynamic\") {\n        totals.dynamic += 1;\n      } else {\n        totals.static += 1;\n      }\n      if (tool.mcpServerName !== undefined) {\n        totals.mcp += 1;\n      }\n      if (tool.approval.required) {\n        totals.approvals += 1;\n      }\n      return totals;\n    },\n    { approvals: 0, dynamic: 0, mcp: 0, static: 0, total: 0 },\n  );\n}\n\nconst selectedBadge = \"border-hair bg-row-selected text-foreground\";\n"],"mappings":"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"}
+{"version":3,"file":"tools-page-CdkExqNd.js","names":[],"sources":["../../../src/ui/app/modules/tools/tools-page.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  StudioAgentToolMetadata,\n  StudioAgentToolsSummary,\n  StudioConfig,\n  StudioToolRunResponse,\n} from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport {\n  StudioEmptyState,\n  StudioHeaderMetric,\n  StudioPageContent,\n  StudioPageHeader,\n  StudioPageShell,\n} from \"../../components/ui/studio\";\nimport {\n  approvalBadgeClass,\n  formatJson,\n  originBadgeClass,\n  parseStudioToolRunResponse,\n  schemaPropertyCount,\n  schemaType,\n  ToolMetaPill,\n  ToolRunner,\n  toolOriginLabel,\n} from \"./tool-runner\";\n\nexport function ToolsPage(props: {\n  agents: StudioConfig[\"agents\"];\n  selectedAgentId: string;\n  summary: StudioAgentToolsSummary | undefined;\n  enabled: boolean;\n  loading: boolean;\n  onSelectAgent: (agentId: string) => void;\n}) {\n  const selectedAgent =\n    props.agents.find((agent) => agent.id === props.selectedAgentId) ?? props.agents[0];\n  const tools = useMemo(() => props.summary?.tools ?? [], [props.summary]);\n  const [selectedToolName, setSelectedToolName] = useState(\"\");\n  const [argsText, setArgsText] = useState(\"{}\");\n  const [runState, setRunState] = useState<\"idle\" | \"running\">(\"idle\");\n  const [runResponse, setRunResponse] = useState<StudioToolRunResponse | undefined>();\n  const [runError, setRunError] = useState(\"\");\n  const selectedTool = useMemo(\n    () => tools.find((tool) => tool.name === selectedToolName) ?? tools[0],\n    [selectedToolName, tools],\n  );\n  const selectedToolRunKey =\n    selectedAgent === undefined || selectedTool === undefined\n      ? \"\"\n      : `${selectedAgent.id}:${selectedTool.name}`;\n  const selectedToolRunKeyRef = useRef(selectedToolRunKey);\n  const runRequestIdRef = useRef(0);\n  const toolTotals = summarizeTools(tools);\n\n  useEffect(() => {\n    if (tools.length === 0) {\n      setSelectedToolName(\"\");\n      return;\n    }\n    if (!tools.some((tool) => tool.name === selectedToolName)) {\n      setSelectedToolName(tools[0]?.name ?? \"\");\n    }\n  }, [selectedToolName, tools]);\n\n  useEffect(() => {\n    if (selectedToolRunKeyRef.current === selectedToolRunKey) {\n      return;\n    }\n    selectedToolRunKeyRef.current = selectedToolRunKey;\n    runRequestIdRef.current += 1;\n    setRunState(\"idle\");\n    setRunError(\"\");\n    setRunResponse(undefined);\n  }, [selectedToolRunKey]);\n\n  async function runSelectedTool() {\n    if (selectedAgent === undefined || selectedTool === undefined) {\n      return;\n    }\n    let args: unknown;\n    try {\n      args = JSON.parse(argsText);\n    } catch (parseError) {\n      setRunError(parseError instanceof Error ? parseError.message : String(parseError));\n      setRunResponse(undefined);\n      return;\n    }\n\n    setRunState(\"running\");\n    setRunError(\"\");\n    setRunResponse(undefined);\n    const runToolKey = selectedToolRunKey;\n    const requestId = runRequestIdRef.current + 1;\n    runRequestIdRef.current = requestId;\n    const isCurrentRun = () =>\n      runRequestIdRef.current === requestId && selectedToolRunKeyRef.current === runToolKey;\n    try {\n      const response = await fetch(\n        `/agents/${encodeURIComponent(selectedAgent.id)}/tools/${encodeURIComponent(\n          selectedTool.name,\n        )}/runs`,\n        {\n          method: \"POST\",\n          headers: {\n            \"content-type\": \"application/json\",\n          },\n          body: JSON.stringify({ args }),\n        },\n      );\n      const rawBody = await response.json();\n      if (!isCurrentRun()) {\n        return;\n      }\n      const body = parseStudioToolRunResponse(rawBody);\n      if (body === undefined) {\n        setRunError(`Unexpected Studio tool run response: ${formatJson(rawBody)}`);\n        return;\n      }\n      setRunResponse(body);\n      if (!response.ok || body.status === \"error\") {\n        setRunError(formatJson(body.error ?? body));\n      }\n    } catch (error) {\n      if (isCurrentRun()) {\n        setRunError(error instanceof Error ? error.message : String(error));\n      }\n    } finally {\n      if (isCurrentRun()) {\n        setRunState(\"idle\");\n      }\n    }\n  }\n\n  return (\n    <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"Tools\">\n      <StudioPageHeader\n        title=\"Tools\"\n        description=\"Tool definitions registered on Studio agents, including approval policy and input schema.\"\n        action={\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start\">\n            <StudioHeaderMetric label=\"tools\" value={toolTotals.total} />\n            <StudioHeaderMetric label=\"mcp\" value={toolTotals.mcp} />\n            <StudioHeaderMetric label=\"static\" value={toolTotals.static} />\n            <StudioHeaderMetric label=\"dynamic\" value={toolTotals.dynamic} />\n            <StudioHeaderMetric label=\"approvals\" value={toolTotals.approvals} />\n            {props.agents.length > 1 ? (\n              <Select value={selectedAgent?.id ?? \"\"} onValueChange={props.onSelectAgent}>\n                <SelectTrigger className=\"h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full\">\n                  <SelectValue placeholder=\"Agent\" />\n                </SelectTrigger>\n                <SelectContent align=\"end\">\n                  {props.agents.map((agent) => (\n                    <SelectItem value={agent.id} key={agent.id}>\n                      {agent.name ?? agent.id}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            ) : null}\n          </div>\n        }\n      />\n\n      <StudioPageContent className=\"overflow-auto\">\n        {!props.enabled ? (\n          <StudioEmptyState\n            title=\"Tools unavailable\"\n            text=\"No registered Studio agent exposes static or dynamic tools.\"\n          />\n        ) : props.loading ? (\n          <StudioEmptyState title=\"Loading tools\" text=\"Reading registered tool metadata.\" />\n        ) : tools.length === 0 ? (\n          <StudioEmptyState title=\"No tools\" text=\"The selected agent has no registered tools.\" />\n        ) : (\n          <div className=\"grid w-full gap-5\">\n            <ToolRegistryTable\n              selectedToolName={selectedTool?.name ?? \"\"}\n              tools={tools}\n              onSelectTool={setSelectedToolName}\n            />\n            <ToolRunner\n              argsText={argsText}\n              runError={runError}\n              runResponse={runResponse}\n              runState={runState}\n              selectedTool={selectedTool}\n              onArgsTextChange={setArgsText}\n              onRun={() => void runSelectedTool()}\n            />\n          </div>\n        )}\n      </StudioPageContent>\n    </StudioPageShell>\n  );\n}\n\nfunction ToolRegistryTable(props: {\n  tools: StudioAgentToolMetadata[];\n  selectedToolName: string;\n  onSelectTool: (toolName: string) => void;\n}) {\n  return (\n    <div className=\"min-w-[1040px]\">\n      <table className=\"w-full border-separate border-spacing-0 text-left\">\n        <thead className=\"sticky top-0 z-10 bg-header backdrop-blur\">\n          <tr>\n            <ToolTableHead>Tool</ToolTableHead>\n            <ToolTableHead>Origin</ToolTableHead>\n            <ToolTableHead>Schema</ToolTableHead>\n            <ToolTableHead>Approval</ToolTableHead>\n            <ToolTableHead>Run</ToolTableHead>\n          </tr>\n        </thead>\n        <tbody>\n          {props.tools.map((tool) => (\n            <ToolRegistryRow\n              active={props.selectedToolName === tool.name}\n              key={`${tool.source}:${tool.name}`}\n              tool={tool}\n              onSelectTool={props.onSelectTool}\n            />\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction ToolRegistryRow(props: {\n  tool: StudioAgentToolMetadata;\n  active: boolean;\n  onSelectTool: (toolName: string) => void;\n}) {\n  const propertyCount = schemaPropertyCount(props.tool.parameters);\n  return (\n    <tr>\n      <ToolTableCell>\n        <div className=\"grid min-w-0 gap-1.5\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n              {props.tool.name}\n            </span>\n            {props.active ? <Badge className={selectedBadge}>selected</Badge> : null}\n          </div>\n          <span className=\"min-w-0 truncate text-xs font-medium text-muted-foreground\">\n            {props.tool.agentId}\n          </span>\n          <p className=\"m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground\">\n            {props.tool.description}\n          </p>\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <Badge className={originBadgeClass(props.tool)}>{toolOriginLabel(props.tool)}</Badge>\n      </ToolTableCell>\n      <ToolTableCell>\n        <div className=\"flex min-w-0 flex-wrap gap-2\">\n          <ToolMetaPill>{schemaType(props.tool.parameters)}</ToolMetaPill>\n          <ToolMetaPill>\n            {propertyCount} {propertyCount === 1 ? \"field\" : \"fields\"}\n          </ToolMetaPill>\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <div className=\"grid min-w-0 gap-1.5\">\n          <Badge className={approvalBadgeClass(props.tool.approval.required)}>\n            {props.tool.approval.required ? \"required\" : \"none\"}\n          </Badge>\n          {props.tool.approval.reason === undefined ? null : (\n            <span\n              className=\"max-w-[280px] truncate text-xs leading-5 text-muted-foreground\"\n              title={props.tool.approval.reason}\n            >\n              {props.tool.approval.reason}\n            </span>\n          )}\n        </div>\n      </ToolTableCell>\n      <ToolTableCell>\n        <Button\n          className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n          type=\"button\"\n          variant={props.active ? \"secondary\" : \"ghost\"}\n          onClick={() => props.onSelectTool(props.tool.name)}\n        >\n          {props.active ? \"Selected\" : \"Use\"}\n        </Button>\n      </ToolTableCell>\n    </tr>\n  );\n}\n\nfunction ToolTableHead(props: { children: string }) {\n  return (\n    <th className=\"border-b border-hair py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0\">\n      {props.children}\n    </th>\n  );\n}\n\nfunction ToolTableCell(props: { children: ReactNode }) {\n  return (\n    <td className=\"border-b border-hair py-3.5 pr-5 align-top first:pl-0\">{props.children}</td>\n  );\n}\n\nfunction summarizeTools(tools: StudioAgentToolMetadata[]) {\n  return tools.reduce(\n    (totals, tool) => {\n      totals.total += 1;\n      if (tool.source === \"dynamic\") {\n        totals.dynamic += 1;\n      } else {\n        totals.static += 1;\n      }\n      if (tool.mcpServerName !== undefined) {\n        totals.mcp += 1;\n      }\n      if (tool.approval.required) {\n        totals.approvals += 1;\n      }\n      return totals;\n    },\n    { approvals: 0, dynamic: 0, mcp: 0, static: 0, total: 0 },\n  );\n}\n\nconst selectedBadge = \"border-hair bg-row-selected text-foreground\";\n"],"mappings":"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"}

package/dist/ui/assets/{transcript-item-B6OLwa1p.js → transcript-item-D9NWsnsD.js}

@@ -1,3 +1,3 @@
-import{i as e,r as t,s as n,t as r}from"./utils-DzstcfqT.js";import{a as i,t as a}from"./button-B_AoswCu.js";import{n as o,t as s}from"./Check.es-DgvuCllR.js";import{t as c}from"./Copy.es-DV7tb_eC.js";import{n as l,t as u}from"./icon-DyadsXLr.js";import{t as d}from"./textarea-fAtCF2cf.js";import{t as f}from"./badge-C3fkxijh.js";import{i as p,r as m}from"./renderers-CfrpUrJr.js";var h=n(e(),1),g=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,196h-4V40a12,12,0,0,0-12-12H152a12,12,0,0,0-12,12V76H96A12,12,0,0,0,84,88v36H48a12,12,0,0,0-12,12v60H32a12,12,0,0,0,0,24H224a12,12,0,0,0,0-24ZM164,52h32V196H164Zm-56,48h32v96H108ZM60,148H84v48H60Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M208,40V208H152V40Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16h8V136a8,8,0,0,1,8-8H72a8,8,0,0,1,8,8v64H96V88a8,8,0,0,1,8-8h32a8,8,0,0,1,8,8V200h16V40a8,8,0,0,1,8-8h40a8,8,0,0,1,8,8V200h8A8,8,0,0,1,232,208Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,202H214V40a6,6,0,0,0-6-6H152a6,6,0,0,0-6,6V82H96a6,6,0,0,0-6,6v42H48a6,6,0,0,0-6,6v66H32a6,6,0,0,0,0,12H224a6,6,0,0,0,0-12ZM158,46h44V202H158ZM102,94h44V202H102ZM54,142H90v60H54Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,204H212V40a4,4,0,0,0-4-4H152a4,4,0,0,0-4,4V84H96a4,4,0,0,0-4,4v44H48a4,4,0,0,0-4,4v68H32a4,4,0,0,0,0,8H224a4,4,0,0,0,0-8ZM156,44h48V204H156ZM100,92h48V204H100ZM52,140H92v64H52Z`}))]]),_=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M219.71,117.38a12,12,0,0,0-7.25-8.52L161.28,88.39l10.59-70.61a12,12,0,0,0-20.64-10l-112,120a12,12,0,0,0,4.31,19.33l51.18,20.47L84.13,238.22a12,12,0,0,0,20.64,10l112-120A12,12,0,0,0,219.71,117.38ZM113.6,203.55l6.27-41.77a12,12,0,0,0-7.41-12.92L68.74,131.37,142.4,52.45l-6.27,41.77a12,12,0,0,0,7.41,12.92l43.72,17.49Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M96,240l16-80L48,136,160,16,144,96l64,24Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M213.84,118.63a6,6,0,0,0-3.73-4.25L150.88,92.17l15-75a6,6,0,0,0-10.27-5.27l-112,120a6,6,0,0,0,2.28,9.71l59.23,22.21-15,75a6,6,0,0,0,3.14,6.52A6.07,6.07,0,0,0,96,246a6,6,0,0,0,4.39-1.91l112-120A6,6,0,0,0,213.84,118.63ZM106,220.46l11.85-59.28a6,6,0,0,0-3.77-6.8l-55.6-20.85,91.46-98L138.12,94.82a6,6,0,0,0,3.77,6.8l55.6,20.85Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M211.89,119.09a4,4,0,0,0-2.49-2.84l-60.81-22.8,15.33-76.67a4,4,0,0,0-6.84-3.51l-112,120a4,4,0,0,0-1,3.64,4,4,0,0,0,2.49,2.84l60.81,22.8L92.08,239.22a4,4,0,0,0,6.84,3.51l112-120A4,4,0,0,0,211.89,119.09ZM102.68,227l13.24-66.2a4,4,0,0,0-2.52-4.53L55,134.36,153.32,29l-13.24,66.2a4,4,0,0,0,2.52,4.53L201,121.64Z`}))]]),v=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,164a36.07,36.07,0,0,0-33.94,24H72a28,28,0,0,1,0-56h96a44,44,0,0,0,0-88H72a12,12,0,0,0,0,24h96a20,20,0,0,1,0,40H72a52,52,0,0,0,0,104h94.06A36,36,0,1,0,200,164Zm0,48a12,12,0,1,1,12-12A12,12,0,0,1,200,212Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,200a24,24,0,1,1-24-24A24,24,0,0,1,224,200Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M228,200a28,28,0,0,1-54.83,8H72a48,48,0,0,1,0-96h96a24,24,0,0,0,0-48H72a8,8,0,0,1,0-16h96a40,40,0,0,1,0,80H72a32,32,0,0,0,0,64H173.17A28,28,0,0,1,228,200Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,170a30.05,30.05,0,0,0-29.4,24H72a34,34,0,0,1,0-68h96a38,38,0,0,0,0-76H72a6,6,0,0,0,0,12h96a26,26,0,0,1,0,52H72a46,46,0,0,0,0,92h98.6A30,30,0,1,0,200,170Zm0,48a18,18,0,1,1,18-18A18,18,0,0,1,200,218Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,172a28,28,0,0,0-27.71,24H72a36,36,0,0,1,0-72h96a36,36,0,0,0,0-72H72a4,4,0,0,0,0,8h96a28,28,0,0,1,0,56H72a44,44,0,0,0,0,88H172.29A28,28,0,1,0,200,172Zm0,48a20,20,0,1,1,20-20A20,20,0,0,1,200,220Z`}))]]),y=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:g}));y.displayName=`ChartBarIcon`;var b=y,x=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:_}));x.displayName=`LightningIcon`;var S=x,C=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:v}));C.displayName=`PathIcon`;var w=C,T=t();function E(e){return e.durationMs===void 0?null:(0,T.jsx)(`span`,{"aria-live":`off`,className:r(`inline-flex items-center gap-1.5 text-xs font-medium tabular-nums text-muted-foreground`,e.className),children:D(e.durationMs)})}function D(e){let t=Math.floor((Number.isFinite(e)?Math.max(0,e):0)/1e3),n=Math.floor(t/60),r=t%60;return`Finished - ${n===0?`${r}s`:`${n}m ${r}s`}`}var O=(0,h.memo)(function(e){let t=e.displayText??(`text`in e.entry?e.entry.text:``);if(e.entry.kind===`reasoning`)return(0,T.jsxs)(`article`,{className:`max-w-205 justify-self-start text-muted-foreground`,"data-entry-id":String(e.entry.entryId),"data-entry-kind":`reasoning`,children:[(0,T.jsx)(`div`,{className:`mb-1 text-xs font-semibold uppercase text-muted-foreground`,children:`Reasoning`}),(0,T.jsx)(m,{live:e.live,size:`base`,text:t})]});if(e.entry.kind===`tool`)return(0,T.jsx)(B,{entry:e.entry,live:e.live,decidingApprovals:e.decidingApprovals,answeringQuestions:e.answeringQuestions,onApprovalDecision:e.onApprovalDecision,onQuestionAnswer:e.onQuestionAnswer});let n=e.entry.role===`assistant`?e.entry.traceId:void 0,i=e.entry.role===`assistant`&&z(t),a=e.entry.role===`assistant`&&`tone`in e.entry&&e.entry.tone===`error`,o=e.entry.role===`assistant`&&`tone`in e.entry&&e.entry.tone===`pending`,s=e.entry.role===`assistant`&&!o&&e.entry.text.trim().length>0,c=e.entry.durationMs??e.metrics?.durationMs,l=s||c!==void 0;return e.entry.role===`user`?(0,T.jsxs)(`article`,{className:`grid w-fit max-w-[min(64ch,82%)] justify-items-end justify-self-end self-start text-foreground`,"data-entry-id":String(e.entry.entryId),"data-entry-kind":`message`,children:[e.entry.text.trim().length===0?null:(0,T.jsx)(`div`,{className:`rounded-lg bg-muted px-4 py-2.5`,children:(0,T.jsx)(m,{size:`base`,text:e.entry.text})}),e.entry.attachments===void 0?null:(0,T.jsx)(R,{attachments:e.entry.attachments})]}):(0,T.jsxs)(`article`,{className:r(`self-start`,i?`w-full max-w-full`:`max-w-[min(82ch,100%)]`,e.entry.role===`assistant`&&r(`justify-self-start text-foreground`,a&&`text-destructive`)),"data-entry-id":String(e.entry.entryId),"data-entry-kind":`message`,children:[o?(0,T.jsx)(L,{}):null,t.trim().length===0?null:(0,T.jsx)(m,{live:e.live,size:`base`,text:t}),l?(0,T.jsx)(k,{metrics:e.metrics,showActions:s,text:e.entry.text,traceId:n,durationMs:c,onOpenTrace:e.onOpenTrace}):null]})});function k(e){let[t,n]=(0,h.useState)(!1),r=e.traceId;async function i(){if(!(typeof navigator>`u`||navigator.clipboard===void 0))try{await navigator.clipboard.writeText(e.text),n(!0),window.setTimeout(()=>n(!1),1200)}catch{n(!1)}}return(0,T.jsxs)(`div`,{className:`mt-3 flex min-w-0 items-center gap-1.5`,children:[e.showActions?(0,T.jsx)(a,{"aria-label":t?`Response copied`:`Copy response`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:t?`Copied`:`Copy response`,type:`button`,variant:`ghost`,onClick:()=>void i(),children:(0,T.jsx)(u,{icon:t?s:c,"aria-hidden":`true`})}):null,e.showActions?(0,T.jsxs)(`div`,{className:`group relative`,children:[(0,T.jsx)(a,{"aria-label":`Response metrics`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:P(e.metrics),type:`button`,variant:`ghost`,children:(0,T.jsx)(u,{icon:b,"aria-hidden":`true`})}),(0,T.jsx)(`div`,{className:`pointer-events-none absolute left-0 top-full z-30 mt-2 hidden w-64 rounded-lg border border-hair bg-popover p-3 text-popover-foreground shadow-md group-focus-within:grid group-hover:grid`,role:`tooltip`,children:(0,T.jsx)(A,{metrics:e.metrics})})]}):null,!e.showActions||r===void 0?null:(0,T.jsx)(a,{"aria-label":`Open trace ${r}`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:`Open trace ${r}`,type:`button`,variant:`ghost`,onClick:()=>e.onOpenTrace(r),children:(0,T.jsx)(u,{icon:w,"aria-hidden":`true`})}),(0,T.jsx)(E,{className:e.showActions?`ml-1.5`:void 0,durationMs:e.durationMs})]})}function A(e){let t=M(e.metrics);return(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-2 text-xs leading-5`,children:[(0,T.jsx)(`div`,{className:`font-semibold text-foreground`,children:`Response metrics`}),(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,T.jsx)(j,{label:`Cost`,value:`Unavailable`}),t.length===0?(0,T.jsx)(`div`,{className:`text-muted-foreground`,children:`No usage metrics yet`}):t.map(e=>(0,T.jsx)(j,{label:e.label,value:e.value},e.label))]})]})}function j(e){return(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,T.jsx)(`span`,{className:`text-muted-foreground`,children:e.label}),(0,T.jsx)(`span`,{className:`shrink-0 font-medium tabular-nums text-foreground`,children:e.value})]})}function M(e){let t=[],n=e?.usage;return n?.totalTokens!==void 0&&t.push({label:`Total`,value:`${F(n.totalTokens)} tokens`}),n?.inputTokens!==void 0&&t.push({label:`Input`,value:F(n.inputTokens)}),n?.outputTokens!==void 0&&t.push({label:`Output`,value:F(n.outputTokens)}),N(t,`Cached`,n,`cachedInputTokens`),N(t,`Cache create`,n,`cacheCreationInputTokens`),e?.durationMs!==void 0&&t.push({label:`Duration`,value:I(e.durationMs)}),t}function N(e,t,n,r){let i=n?.[r];i!==void 0&&i>0&&e.push({label:t,value:F(i)})}function P(e){let t=M(e);return t.length===0?`Cost unavailable. No usage metrics yet.`:[`Cost unavailable`,...t.map(e=>`${e.label}: ${e.value}`)].join(`. `)}function F(e){return e.toLocaleString()}function I(e){return e<1e3?`${e}ms`:`${(e/1e3).toFixed(1)}s`}function L(){return(0,T.jsxs)(`div`,{"aria-label":`Assistant is thinking`,"aria-live":`polite`,className:`inline-flex min-h-8 items-center gap-2 py-1 text-muted-foreground`,role:`status`,children:[(0,T.jsx)(`span`,{className:`text-base font-medium`,children:`Thinking`}),(0,T.jsxs)(`span`,{className:`flex items-center gap-1`,"aria-hidden":`true`,children:[(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current motion-reduce:animate-none`}),(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current [animation-delay:150ms] motion-reduce:animate-none`}),(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current [animation-delay:300ms] motion-reduce:animate-none`})]})]})}function R(e){return(0,T.jsx)(`div`,{className:`mt-2 flex max-w-full flex-wrap gap-2`,children:e.attachments.map((e,t)=>{let n=`${e.kind}-${e.name??e.mediaType??t}-${t}`;if(e.kind===`image`){let t=e.url??(e.data===void 0?void 0:`data:${e.mediaType??`image/png`};base64,${e.data}`);return(0,T.jsx)(`div`,{className:`overflow-hidden rounded-lg border border-hair bg-card`,children:t===void 0?(0,T.jsx)(`div`,{className:`grid h-20 w-24 place-items-center px-2 text-center text-xs text-muted-foreground`,children:`Image`}):(0,T.jsx)(`img`,{alt:e.name??`Attached image`,className:`h-20 w-24 object-cover`,src:t})},n)}return(0,T.jsx)(`span`,{className:`inline-flex max-w-full items-center gap-1.5 rounded-lg border border-hair bg-card px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,T.jsx)(`span`,{className:`min-w-0 truncate`,children:e.name??e.mediaType??`Document`})},n)})})}function z(e){let t=e.split(`
+import{i as e,r as t,s as n,t as r}from"./utils-DzstcfqT.js";import{a as i,t as a}from"./button-B_AoswCu.js";import{n as o,t as s}from"./Check.es-DgvuCllR.js";import{t as c}from"./Copy.es-DV7tb_eC.js";import{n as l,t as u}from"./icon-DyadsXLr.js";import{t as d}from"./textarea-fAtCF2cf.js";import{t as f}from"./badge-C3fkxijh.js";import{i as p,r as m}from"./renderers-DRD34eUr.js";var h=n(e(),1),g=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,196h-4V40a12,12,0,0,0-12-12H152a12,12,0,0,0-12,12V76H96A12,12,0,0,0,84,88v36H48a12,12,0,0,0-12,12v60H32a12,12,0,0,0,0,24H224a12,12,0,0,0,0-24ZM164,52h32V196H164Zm-56,48h32v96H108ZM60,148H84v48H60Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M208,40V208H152V40Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16h8V136a8,8,0,0,1,8-8H72a8,8,0,0,1,8,8v64H96V88a8,8,0,0,1,8-8h32a8,8,0,0,1,8,8V200h16V40a8,8,0,0,1,8-8h40a8,8,0,0,1,8,8V200h8A8,8,0,0,1,232,208Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,202H214V40a6,6,0,0,0-6-6H152a6,6,0,0,0-6,6V82H96a6,6,0,0,0-6,6v42H48a6,6,0,0,0-6,6v66H32a6,6,0,0,0,0,12H224a6,6,0,0,0,0-12ZM158,46h44V202H158ZM102,94h44V202H102ZM54,142H90v60H54Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,204H212V40a4,4,0,0,0-4-4H152a4,4,0,0,0-4,4V84H96a4,4,0,0,0-4,4v44H48a4,4,0,0,0-4,4v68H32a4,4,0,0,0,0,8H224a4,4,0,0,0,0-8ZM156,44h48V204H156ZM100,92h48V204H100ZM52,140H92v64H52Z`}))]]),_=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M219.71,117.38a12,12,0,0,0-7.25-8.52L161.28,88.39l10.59-70.61a12,12,0,0,0-20.64-10l-112,120a12,12,0,0,0,4.31,19.33l51.18,20.47L84.13,238.22a12,12,0,0,0,20.64,10l112-120A12,12,0,0,0,219.71,117.38ZM113.6,203.55l6.27-41.77a12,12,0,0,0-7.41-12.92L68.74,131.37,142.4,52.45l-6.27,41.77a12,12,0,0,0,7.41,12.92l43.72,17.49Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M96,240l16-80L48,136,160,16,144,96l64,24Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M213.85,125.46l-112,120a8,8,0,0,1-13.69-7l14.66-73.33L45.19,143.49a8,8,0,0,1-3-13l112-120a8,8,0,0,1,13.69,7L153.18,90.9l57.63,21.61a8,8,0,0,1,3,12.95Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M213.84,118.63a6,6,0,0,0-3.73-4.25L150.88,92.17l15-75a6,6,0,0,0-10.27-5.27l-112,120a6,6,0,0,0,2.28,9.71l59.23,22.21-15,75a6,6,0,0,0,3.14,6.52A6.07,6.07,0,0,0,96,246a6,6,0,0,0,4.39-1.91l112-120A6,6,0,0,0,213.84,118.63ZM106,220.46l11.85-59.28a6,6,0,0,0-3.77-6.8l-55.6-20.85,91.46-98L138.12,94.82a6,6,0,0,0,3.77,6.8l55.6,20.85Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M211.89,119.09a4,4,0,0,0-2.49-2.84l-60.81-22.8,15.33-76.67a4,4,0,0,0-6.84-3.51l-112,120a4,4,0,0,0-1,3.64,4,4,0,0,0,2.49,2.84l60.81,22.8L92.08,239.22a4,4,0,0,0,6.84,3.51l112-120A4,4,0,0,0,211.89,119.09ZM102.68,227l13.24-66.2a4,4,0,0,0-2.52-4.53L55,134.36,153.32,29l-13.24,66.2a4,4,0,0,0,2.52,4.53L201,121.64Z`}))]]),v=new Map([[`bold`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,164a36.07,36.07,0,0,0-33.94,24H72a28,28,0,0,1,0-56h96a44,44,0,0,0,0-88H72a12,12,0,0,0,0,24h96a20,20,0,0,1,0,40H72a52,52,0,0,0,0,104h94.06A36,36,0,1,0,200,164Zm0,48a12,12,0,1,1,12-12A12,12,0,0,1,200,212Z`}))],[`duotone`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M224,200a24,24,0,1,1-24-24A24,24,0,0,1,224,200Z`,opacity:`0.2`}),h.createElement(`path`,{d:`M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z`}))],[`fill`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M228,200a28,28,0,0,1-54.83,8H72a48,48,0,0,1,0-96h96a24,24,0,0,0,0-48H72a8,8,0,0,1,0-16h96a40,40,0,0,1,0,80H72a32,32,0,0,0,0,64H173.17A28,28,0,0,1,228,200Z`}))],[`light`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,170a30.05,30.05,0,0,0-29.4,24H72a34,34,0,0,1,0-68h96a38,38,0,0,0,0-76H72a6,6,0,0,0,0,12h96a26,26,0,0,1,0,52H72a46,46,0,0,0,0,92h98.6A30,30,0,1,0,200,170Zm0,48a18,18,0,1,1,18-18A18,18,0,0,1,200,218Z`}))],[`regular`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z`}))],[`thin`,h.createElement(h.Fragment,null,h.createElement(`path`,{d:`M200,172a28,28,0,0,0-27.71,24H72a36,36,0,0,1,0-72h96a36,36,0,0,0,0-72H72a4,4,0,0,0,0,8h96a28,28,0,0,1,0,56H72a44,44,0,0,0,0,88H172.29A28,28,0,1,0,200,172Zm0,48a20,20,0,1,1,20-20A20,20,0,0,1,200,220Z`}))]]),y=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:g}));y.displayName=`ChartBarIcon`;var b=y,x=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:_}));x.displayName=`LightningIcon`;var S=x,C=h.forwardRef((e,t)=>h.createElement(l,{ref:t,...e,weights:v}));C.displayName=`PathIcon`;var w=C,T=t();function E(e){return e.durationMs===void 0?null:(0,T.jsx)(`span`,{"aria-live":`off`,className:r(`inline-flex items-center gap-1.5 text-xs font-medium tabular-nums text-muted-foreground`,e.className),children:D(e.durationMs)})}function D(e){let t=Math.floor((Number.isFinite(e)?Math.max(0,e):0)/1e3),n=Math.floor(t/60),r=t%60;return`Finished - ${n===0?`${r}s`:`${n}m ${r}s`}`}var O=(0,h.memo)(function(e){let t=e.displayText??(`text`in e.entry?e.entry.text:``);if(e.entry.kind===`reasoning`)return(0,T.jsxs)(`article`,{className:`max-w-205 justify-self-start text-muted-foreground`,"data-entry-id":String(e.entry.entryId),"data-entry-kind":`reasoning`,children:[(0,T.jsx)(`div`,{className:`mb-1 text-xs font-semibold uppercase text-muted-foreground`,children:`Reasoning`}),(0,T.jsx)(m,{live:e.live,size:`base`,text:t})]});if(e.entry.kind===`tool`)return(0,T.jsx)(B,{entry:e.entry,live:e.live,decidingApprovals:e.decidingApprovals,answeringQuestions:e.answeringQuestions,onApprovalDecision:e.onApprovalDecision,onQuestionAnswer:e.onQuestionAnswer});let n=e.entry.role===`assistant`?e.entry.traceId:void 0,i=e.entry.role===`assistant`&&z(t),a=e.entry.role===`assistant`&&`tone`in e.entry&&e.entry.tone===`error`,o=e.entry.role===`assistant`&&`tone`in e.entry&&e.entry.tone===`pending`,s=e.entry.role===`assistant`&&!o&&e.entry.text.trim().length>0,c=e.entry.durationMs??e.metrics?.durationMs,l=s||c!==void 0;return e.entry.role===`user`?(0,T.jsxs)(`article`,{className:`grid w-fit max-w-[min(64ch,82%)] justify-items-end justify-self-end self-start text-foreground`,"data-entry-id":String(e.entry.entryId),"data-entry-kind":`message`,children:[e.entry.text.trim().length===0?null:(0,T.jsx)(`div`,{className:`rounded-lg bg-muted px-4 py-2.5`,children:(0,T.jsx)(m,{size:`base`,text:e.entry.text})}),e.entry.attachments===void 0?null:(0,T.jsx)(R,{attachments:e.entry.attachments})]}):(0,T.jsxs)(`article`,{className:r(`self-start`,i?`w-full max-w-full`:`max-w-[min(82ch,100%)]`,e.entry.role===`assistant`&&r(`justify-self-start text-foreground`,a&&`text-destructive`)),"data-entry-id":String(e.entry.entryId),"data-entry-kind":`message`,children:[o?(0,T.jsx)(L,{}):null,t.trim().length===0?null:(0,T.jsx)(m,{live:e.live,size:`base`,text:t}),l?(0,T.jsx)(k,{metrics:e.metrics,showActions:s,text:e.entry.text,traceId:n,durationMs:c,onOpenTrace:e.onOpenTrace}):null]})});function k(e){let[t,n]=(0,h.useState)(!1),r=e.traceId;async function i(){if(!(typeof navigator>`u`||navigator.clipboard===void 0))try{await navigator.clipboard.writeText(e.text),n(!0),window.setTimeout(()=>n(!1),1200)}catch{n(!1)}}return(0,T.jsxs)(`div`,{className:`mt-3 flex min-w-0 items-center gap-1.5`,children:[e.showActions?(0,T.jsx)(a,{"aria-label":t?`Response copied`:`Copy response`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:t?`Copied`:`Copy response`,type:`button`,variant:`ghost`,onClick:()=>void i(),children:(0,T.jsx)(u,{icon:t?s:c,"aria-hidden":`true`})}):null,e.showActions?(0,T.jsxs)(`div`,{className:`group relative`,children:[(0,T.jsx)(a,{"aria-label":`Response metrics`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:P(e.metrics),type:`button`,variant:`ghost`,children:(0,T.jsx)(u,{icon:b,"aria-hidden":`true`})}),(0,T.jsx)(`div`,{className:`pointer-events-none absolute left-0 top-full z-30 mt-2 hidden w-64 rounded-lg border border-hair bg-popover p-3 text-popover-foreground shadow-md group-focus-within:grid group-hover:grid`,role:`tooltip`,children:(0,T.jsx)(A,{metrics:e.metrics})})]}):null,!e.showActions||r===void 0?null:(0,T.jsx)(a,{"aria-label":`Open trace ${r}`,className:`h-8 min-h-8 w-8 rounded-lg border border-hair bg-muted p-0 text-muted-foreground shadow-none hover:border-foreground hover:bg-transparent hover:text-foreground`,title:`Open trace ${r}`,type:`button`,variant:`ghost`,onClick:()=>e.onOpenTrace(r),children:(0,T.jsx)(u,{icon:w,"aria-hidden":`true`})}),(0,T.jsx)(E,{className:e.showActions?`ml-1.5`:void 0,durationMs:e.durationMs})]})}function A(e){let t=M(e.metrics);return(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-2 text-xs leading-5`,children:[(0,T.jsx)(`div`,{className:`font-semibold text-foreground`,children:`Response metrics`}),(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,T.jsx)(j,{label:`Cost`,value:`Unavailable`}),t.length===0?(0,T.jsx)(`div`,{className:`text-muted-foreground`,children:`No usage metrics yet`}):t.map(e=>(0,T.jsx)(j,{label:e.label,value:e.value},e.label))]})]})}function j(e){return(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,T.jsx)(`span`,{className:`text-muted-foreground`,children:e.label}),(0,T.jsx)(`span`,{className:`shrink-0 font-medium tabular-nums text-foreground`,children:e.value})]})}function M(e){let t=[],n=e?.usage;return n?.totalTokens!==void 0&&t.push({label:`Total`,value:`${F(n.totalTokens)} tokens`}),n?.inputTokens!==void 0&&t.push({label:`Input`,value:F(n.inputTokens)}),n?.outputTokens!==void 0&&t.push({label:`Output`,value:F(n.outputTokens)}),N(t,`Cached`,n,`cachedInputTokens`),N(t,`Cache create`,n,`cacheCreationInputTokens`),e?.durationMs!==void 0&&t.push({label:`Duration`,value:I(e.durationMs)}),t}function N(e,t,n,r){let i=n?.[r];i!==void 0&&i>0&&e.push({label:t,value:F(i)})}function P(e){let t=M(e);return t.length===0?`Cost unavailable. No usage metrics yet.`:[`Cost unavailable`,...t.map(e=>`${e.label}: ${e.value}`)].join(`. `)}function F(e){return e.toLocaleString()}function I(e){return e<1e3?`${e}ms`:`${(e/1e3).toFixed(1)}s`}function L(){return(0,T.jsxs)(`div`,{"aria-label":`Assistant is thinking`,"aria-live":`polite`,className:`inline-flex min-h-8 items-center gap-2 py-1 text-muted-foreground`,role:`status`,children:[(0,T.jsx)(`span`,{className:`text-base font-medium`,children:`Thinking`}),(0,T.jsxs)(`span`,{className:`flex items-center gap-1`,"aria-hidden":`true`,children:[(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current motion-reduce:animate-none`}),(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current [animation-delay:150ms] motion-reduce:animate-none`}),(0,T.jsx)(`span`,{className:`size-1 animate-pulse rounded-full bg-current [animation-delay:300ms] motion-reduce:animate-none`})]})]})}function R(e){return(0,T.jsx)(`div`,{className:`mt-2 flex max-w-full flex-wrap gap-2`,children:e.attachments.map((e,t)=>{let n=`${e.kind}-${e.name??e.mediaType??t}-${t}`;if(e.kind===`image`){let t=e.url??(e.data===void 0?void 0:`data:${e.mediaType??`image/png`};base64,${e.data}`);return(0,T.jsx)(`div`,{className:`overflow-hidden rounded-lg border border-hair bg-card`,children:t===void 0?(0,T.jsx)(`div`,{className:`grid h-20 w-24 place-items-center px-2 text-center text-xs text-muted-foreground`,children:`Image`}):(0,T.jsx)(`img`,{alt:e.name??`Attached image`,className:`h-20 w-24 object-cover`,src:t})},n)}return(0,T.jsx)(`span`,{className:`inline-flex max-w-full items-center gap-1.5 rounded-lg border border-hair bg-card px-2 py-1 text-xs font-medium text-muted-foreground`,children:(0,T.jsx)(`span`,{className:`min-w-0 truncate`,children:e.name??e.mediaType??`Document`})},n)})})}function z(e){let t=e.split(`
 `);return t.some((e,n)=>{let r=t[n+1];return e.includes(`|`)&&r!==void 0&&/^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(r)})}function B(e){let[t,n]=(0,h.useState)(e.entry.approval?.status!==`pending`&&e.entry.question?.status!==`pending`),i=e.entry.approval,s=e.entry.question,c=e.entry.childEvents??[],l=e.entry.args!==void 0||e.entry.result!==void 0||c.length>0||i!==void 0||s!==void 0,d=i?.status===`pending`,f=s?.status===`pending`,m=i?.status===`cancelled`||s?.status===`cancelled`,g=i?.status===`rejected`,_=i?.status===`timed_out`,v=i!==void 0&&e.decidingApprovals.has(i.id),y=s!==void 0&&e.answeringQuestions.has(s.id),b=d?`Approval required`:f?`Input required`:m?`Cancelled`:g?`Rejected`:_?`Timed out`:e.live===!0&&e.entry.result===void 0?`Running`:void 0;return(0,T.jsxs)(`article`,{className:`w-full justify-self-start text-foreground`,"data-entry-id":String(e.entry.entryId),"data-entry-kind":`tool`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 py-0.5`,children:[(0,T.jsxs)(a,{"aria-expanded":l?!t:void 0,"aria-label":`${t?`Expand`:`Collapse`} ${e.entry.toolName} tool call`,className:`h-auto min-h-9 min-w-0 flex-1 justify-start gap-2.5 rounded-lg border-0 bg-transparent px-1 py-0.5 text-left text-inherit shadow-none hover:bg-transparent hover:text-inherit`,type:`button`,variant:`ghost`,onClick:()=>n(e=>!e),children:[(0,T.jsx)(`span`,{className:`grid size-6 shrink-0 place-items-center rounded-md border border-hair bg-muted text-muted-foreground`,"data-tool-icon":`action`,children:(0,T.jsx)(u,{icon:S,className:`size-2.5`,weight:`fill`,"aria-hidden":`true`})}),(0,T.jsx)(`strong`,{className:`min-w-0 truncate font-mono text-sm font-medium text-foreground`,children:e.entry.toolName}),b===void 0?null:(0,T.jsxs)(`span`,{className:`ml-auto inline-flex shrink-0 items-center gap-1.5 text-sm font-normal text-muted-foreground`,children:[(0,T.jsx)(`span`,{className:r(`size-1.5 rounded-full bg-dim`,b===`Running`&&`animate-pulse bg-foreground motion-reduce:animate-none`,(m||g||_)&&`bg-destructive`),"aria-hidden":`true`}),b]}),l?(0,T.jsx)(`span`,{className:`grid size-6 shrink-0 place-items-center text-muted-foreground`,children:(0,T.jsx)(u,{icon:o,className:r(`size-4 transition-transform`,t&&`-rotate-90`),"aria-hidden":`true`})}):null]}),d&&i!==void 0?(0,T.jsx)(K,{disabled:v,onDecision:t=>e.onApprovalDecision(i.id,t)}):null]}),t||!l?null:(0,T.jsxs)(`div`,{className:`ml-8 grid gap-3 py-2`,children:[i===void 0?null:(0,T.jsx)(G,{approval:i}),s===void 0?null:(0,T.jsx)(H,{disabled:y,question:s,onAnswer:t=>e.onQuestionAnswer(s.id,t)}),s!==void 0||e.entry.args===void 0?null:(0,T.jsx)(p,{title:`Input`,value:e.entry.args}),c.length===0?null:(0,T.jsx)(V,{events:c}),s!==void 0||e.entry.result===void 0?null:(0,T.jsx)(p,{title:`Output`,value:e.entry.result})]})]})}function V(e){return(0,T.jsxs)(`div`,{className:`overflow-hidden rounded-none border border-hair bg-background`,children:[(0,T.jsx)(`div`,{className:`bg-muted px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:`Subagent activity`}),(0,T.jsx)(`div`,{className:`grid gap-3 p-3`,children:e.events.map(e=>{let t=e.agentName??e.agentId;return e.kind===`message`||e.kind===`reasoning`?(0,T.jsxs)(`div`,{className:`grid gap-1 rounded-none border border-hair bg-card p-3`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,T.jsx)(f,{className:`border-border bg-muted px-1.5 py-0.5 text-xs uppercase text-muted-foreground`,children:e.kind===`reasoning`?`Reasoning`:`Response`}),(0,T.jsx)(`span`,{className:`min-w-0 truncate text-xs font-semibold text-muted-foreground`,children:t})]}),(0,T.jsx)(m,{size:`base`,text:e.text})]},`${e.kind}-${e.agentId}-${e.text}`):(0,T.jsxs)(`div`,{className:`grid gap-2 rounded-none border border-hair bg-card p-3`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,T.jsx)(f,{className:`border-hair bg-muted px-1.5 py-0.5 text-xs uppercase text-foreground`,children:`Tool`}),(0,T.jsxs)(`span`,{className:`min-w-0 truncate text-xs font-semibold text-muted-foreground`,children:[t,` / `,e.toolName]})]}),e.args===void 0?null:(0,T.jsx)(p,{title:`Input`,value:e.args}),e.result===void 0?null:(0,T.jsx)(p,{title:`Output`,value:e.result})]},`${e.kind}-${e.agentId}-${e.toolName}-${e.callId??e.args??e.result??``}`)})})]})}function H(e){let[t,n]=(0,h.useState)({}),[r,i]=(0,h.useState)(0),o=e.question.status===`pending`,s=e.question.questions.length,c=e.question.questions.map(e=>{let n=t[e.id],r=n?.customValue?.trim()??``,i=r.length>0?r:n?.answer,a={questionId:e.id,answer:i?.trim()??``};return n?.choice!==void 0&&(a.choice=n.choice),r.length>0&&(a.custom=!0),a}),l=s===0?0:Math.min(r,s-1),u=e.question.questions[l],d=c[l]?.answer??``,f=c.filter(e=>e.answer.length>0).length,p=d.length>0,m=o&&c.every(e=>e.answer.length>0),g=l===0,_=l>=s-1;if(u===void 0)return(0,T.jsx)(`div`,{className:`rounded-none border border-border bg-background p-4 text-sm font-medium text-muted-foreground`,children:`No questions`});let v=()=>i(e=>Math.max(0,e-1)),y=()=>i(t=>Math.min(e.question.questions.length-1,t+1)),b=(e,t)=>n(n=>({...n,[e]:t}));return(0,T.jsxs)(`div`,{className:`grid gap-3`,children:[e.question.status===`cancelled`?(0,T.jsx)(`div`,{className:`rounded-none border border-hair bg-muted px-3 py-2.5 text-sm font-medium text-muted-foreground`,children:`Question cancelled`}):null,(0,T.jsx)(U,{disabled:e.disabled||!o,index:l,total:s,question:u,value:t[u.id],answer:e.question.answers?.find(e=>e.questionId===u.id),onChange:e=>b(u.id,e),onAdvance:_?void 0:y},u.id),o?(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3 rounded-none bg-muted px-3 py-2`,children:[(0,T.jsxs)(`div`,{className:`min-w-0 text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:[f,`/`,s,` answered`]}),(0,T.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[g?null:(0,T.jsx)(a,{type:`button`,variant:`secondary`,onClick:v,children:`Back`}),_?(0,T.jsx)(a,{className:`h-9 min-h-9 px-4`,disabled:e.disabled||!m,type:`button`,onClick:()=>e.onAnswer(c),children:`Submit answers`}):(0,T.jsx)(a,{className:`h-9 min-h-9 px-4`,disabled:e.disabled||!p,type:`button`,onClick:y,children:`Next question`})]})]}):s>1?(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3 rounded-none bg-muted px-3 py-2`,children:[(0,T.jsx)(`div`,{className:`min-w-0 text-xs font-semibold uppercase tracking-[0.2em] text-foreground`,children:`Answered`}),(0,T.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,T.jsx)(a,{disabled:g,type:`button`,variant:`secondary`,onClick:v,children:`Back`}),(0,T.jsx)(a,{disabled:_,type:`button`,variant:`secondary`,onClick:y,children:`Next`})]})]}):null]})}function U(e){let t=e.answer?.answer,n=W(e.value),i=t===void 0?n.length>0?`Ready`:`Waiting`:`Answered`;return(0,T.jsxs)(`section`,{className:`grid gap-4 rounded-none border border-hair bg-background p-4`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-4`,children:[(0,T.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,T.jsxs)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:[`Question `,e.index+1,` of `,e.total]}),(0,T.jsx)(`h3`,{className:`m-0 text-base font-semibold leading-7 text-foreground [overflow-wrap:anywhere]`,children:e.question.question})]}),(0,T.jsx)(`span`,{className:r(`shrink-0 text-xs font-semibold uppercase tracking-[0.18em]`,i===`Answered`&&`text-foreground`,i===`Ready`&&`text-foreground`,i===`Waiting`&&`text-muted-foreground`),children:i})]}),t===void 0?null:(0,T.jsx)(`div`,{className:`rounded-lg border border-hair bg-muted px-3 py-2 text-sm font-medium text-foreground`,children:t}),t===void 0&&e.question.choices.length>0?(0,T.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:e.question.choices.map(t=>{let n=e.value?.choice===t.value;return(0,T.jsx)(a,{className:r(`h-8 min-h-8 px-3 text-xs`,n&&`border-foreground`),disabled:e.disabled,size:`sm`,type:`button`,variant:n?`default`:`secondary`,onClick:()=>{e.onChange({answer:t.value,choice:t.value,customValue:e.value?.customValue??``}),e.onAdvance?.()},children:t.label},t.value)})}):null,t!==void 0||e.question.choices.length>0&&!e.question.allowCustom?null:(0,T.jsx)(d,{className:`min-h-24 text-sm`,disabled:e.disabled,placeholder:`Type a custom answer`,rows:3,value:e.value?.customValue??``,onChange:t=>e.onChange({...e.value,customValue:t.currentTarget.value})})]})}function W(e){let t=e?.customValue?.trim()??``;return t.length>0?t:e?.answer?.trim()??``}function G(e){return(0,T.jsxs)(`div`,{className:`grid gap-2 rounded-none border border-hair bg-muted px-3 py-2.5`,children:[(0,T.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,T.jsx)(f,{className:r(`border-hair bg-background px-1.5 py-0.5 text-xs uppercase text-muted-foreground`,e.approval.status===`approved`&&`text-foreground`,e.approval.status===`rejected`&&`text-destructive`),children:`Approval`}),(0,T.jsx)(`div`,{className:`min-w-0`,children:(0,T.jsx)(`div`,{className:`text-sm font-medium text-foreground`,children:i(e.approval)})})]}),e.approval.reason===void 0?null:(0,T.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground [overflow-wrap:anywhere]`,children:e.approval.reason})]})}function K(e){return(0,T.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,T.jsx)(a,{className:`h-8 min-h-8 border-0 bg-transparent px-3 text-sm text-muted-foreground shadow-none hover:bg-status-danger-fill hover:text-destructive`,disabled:e.disabled,size:`sm`,type:`button`,variant:`ghost`,onClick:()=>e.onDecision(!1),children:`Reject`}),(0,T.jsx)(a,{className:`h-8 min-h-8 px-3 text-sm`,disabled:e.disabled,size:`sm`,type:`button`,onClick:()=>e.onDecision(!0),children:`Approve`})]})}export{O as TranscriptItem};
-//# sourceMappingURL=transcript-item-B6OLwa1p.js.map
+//# sourceMappingURL=transcript-item-D9NWsnsD.js.map