@anvia/studio 0.7.36 → 0.7.37

package/dist/ui/assets/{status-page-BaDIKvef.js → status-page-CkowleFX.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n}from"./utils-BN2yP0LH.js";import{o as r}from"./format-D43vTqrO.js";import{L as i}from"./index-DsFqmLt-.js";import{t as a}from"./badge-CeTBFuRX.js";import{t as o}from"./renderers-IW2ZAJZw.js";var s=n(e(),1),c=t();function l(e){let[t,n]=(0,s.useState)(),[r,a]=(0,s.useState)(!1),[o,l]=(0,s.useState)(``),d=(0,s.useCallback)(async()=>{if(!e.enabled){n(void 0);return}a(!0),l(``);try{let e=await fetch(`/status`);if(!e.ok)throw Error(`Status failed with HTTP ${e.status}`);n(await e.json())}catch(e){l(e instanceof Error?e.message:String(e)),n(void 0)}finally{a(!1)}},[e.enabled]);return(0,s.useEffect)(()=>{d()},[d]),(0,c.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Status`,children:[(0,c.jsx)(`header`,{className:`bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur`,children:(0,c.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,c.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,c.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground`,children:`Operations`}),(0,c.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Status`}),(0,c.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Runtime health, storage adapters, feature capabilities, and current record counts.`})]}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,c.jsx)(g,{label:`agents`,value:t?.counts.agents??0}),(0,c.jsx)(g,{label:`sessions`,value:t?.counts.sessions??`-`}),(0,c.jsx)(g,{label:`traces`,value:t?.counts.traces??`-`}),(0,c.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:`secondary`,disabled:r,onClick:()=>void d(),children:`Refresh`})]})]})}),(0,c.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-4 pr-6`,children:e.enabled?r&&t===void 0?(0,c.jsx)(S,{title:`Loading status`,text:`Reading runtime status.`}):o.length>0?(0,c.jsx)(S,{title:`Status error`,text:o}):t===void 0?null:(0,c.jsx)(u,{summary:t}):(0,c.jsx)(S,{title:`Status unavailable`,text:`This Studio runtime did not expose status.`})})]})}function u(e){let t=Object.entries(e.summary.capabilities).filter(([,e])=>e?.enabled===!0).length;return(0,c.jsxs)(`div`,{className:`grid h-full min-h-0 gap-5 border-t border-border/80 pt-4`,children:[(0,c.jsxs)(`section`,{className:`grid gap-5 xl:grid-cols-[minmax(280px,0.58fr)_minmax(0,1.42fr)]`,children:[(0,c.jsx)(d,{summary:e.summary,enabledCapabilityCount:t}),(0,c.jsxs)(`div`,{className:`grid gap-5 lg:grid-cols-2`,children:[(0,c.jsx)(f,{storage:e.summary.storage}),(0,c.jsx)(p,{counts:e.summary.counts})]})]}),(0,c.jsxs)(`section`,{className:`grid gap-5 xl:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)]`,children:[(0,c.jsx)(m,{capabilities:e.summary.capabilities}),(0,c.jsx)(h,{summary:e.summary})]})]})}function d(e){return(0,c.jsxs)(`section`,{className:`grid content-start gap-5 border-b border-border/80 pb-5 xl:border-b-0 xl:border-r xl:pb-0 xl:pr-5`,children:[(0,c.jsxs)(`div`,{className:`grid gap-3`,children:[(0,c.jsx)(v,{children:`runtime`}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,c.jsx)(a,{className:`border-border/80 bg-muted/45 text-foreground`,children:`online`}),(0,c.jsxs)(a,{className:`border-border/80 bg-background/45 text-muted-foreground`,children:[e.enabledCapabilityCount,` capabilities`]})]})]}),(0,c.jsxs)(`div`,{className:`grid border-y border-border/80`,children:[(0,c.jsx)(y,{label:`id`,value:e.summary.runner.id}),(0,c.jsx)(y,{label:`name`,value:e.summary.runner.name??`-`}),(0,c.jsx)(y,{label:`version`,value:e.summary.runner.version??`-`}),(0,c.jsx)(y,{label:`generated`,value:`${r(e.summary.generatedAt)} / ${e.summary.generatedAt}`})]})]})}function f(e){let t=Object.entries(e.storage);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`storage`,value:`${t.length} adapters`}),t.length===0?(0,c.jsx)(x,{text:`No storage adapters reported.`}):(0,c.jsx)(`div`,{className:`grid border-y border-border/80`,children:t.map(([e,t])=>(0,c.jsx)(b,{label:C(e),value:t??`-`,tone:t===void 0?`muted`:`normal`},e))})]})}function p(e){let t=Object.entries(e.counts).filter(e=>typeof e[1]==`number`);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`records`,value:`${t.length} counters`}),(0,c.jsx)(`div`,{className:`grid border-y border-border/80`,children:t.map(([e,t])=>(0,c.jsx)(b,{label:C(e),value:t},e))})]})}function m(e){let t=Object.entries(e.capabilities);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`capabilities`,value:`${t.length} reported`}),t.length===0?(0,c.jsx)(x,{text:`No capabilities reported.`}):(0,c.jsx)(`div`,{className:`grid border-y border-border/80 sm:grid-cols-2 sm:divide-x sm:divide-border/80`,children:t.map(([e,n],r)=>(0,c.jsxs)(`div`,{className:[`grid min-w-0 gap-1 border-b border-border/70 px-3 py-3`,r>=t.length-(t.length%2==0?2:1)?`sm:border-b-0`:``].join(` `),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:C(e)}),(0,c.jsx)(`span`,{className:n?.enabled?`text-xs font-medium text-foreground`:`text-xs font-medium text-muted-foreground`,children:n?.enabled?`enabled`:`disabled`})]}),n?.reason===void 0?null:(0,c.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:n.reason})]},e))})]})}function h(e){return(0,c.jsxs)(`section`,{className:`grid min-w-0 content-start gap-3`,children:[(0,c.jsx)(_,{title:`raw summary`,value:`JSON`}),(0,c.jsxs)(`details`,{className:`group grid min-w-0 overflow-hidden border-y border-border/80`,open:!0,children:[(0,c.jsxs)(`summary`,{className:`flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted/10 px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Payload`,(0,c.jsx)(`span`,{className:`font-medium normal-case tracking-normal group-open:hidden`,children:`Show`}),(0,c.jsx)(`span`,{className:`hidden font-medium normal-case tracking-normal group-open:inline`,children:`Hide`})]}),(0,c.jsx)(`div`,{className:`min-w-0 overflow-x-auto border-t border-border/70`,children:(0,c.jsx)(`pre`,{className:`m-0 max-h-[28rem] min-w-max p-4 text-xs leading-5 text-foreground`,children:(0,c.jsx)(`code`,{children:(0,c.jsx)(o,{text:JSON.stringify(e.summary,null,2)})})})})]})]})}function g(e){return(0,c.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,c.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function _(e){return(0,c.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,c.jsx)(v,{children:e.title}),(0,c.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:e.value})]})}function v(e){return(0,c.jsx)(`h2`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.children})}function y(e){return(0,c.jsxs)(`div`,{className:`grid min-w-0 gap-1 border-b border-border/70 px-3 py-3 first:pt-3 last:border-b-0`,children:[(0,c.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm text-foreground`,title:String(e.value),children:e.value})]})}function b(e){return(0,c.jsxs)(`div`,{className:`grid min-w-0 grid-cols-[minmax(120px,0.5fr)_minmax(0,1fr)] gap-3 border-b border-border/70 px-3 py-3 last:border-b-0`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-muted-foreground`,children:e.label}),(0,c.jsx)(`span`,{className:[`min-w-0 truncate text-right text-sm font-semibold tabular-nums`,e.tone===`muted`?`text-muted-foreground`:`text-foreground`].join(` `),title:String(e.value),children:e.value})]})}function x(e){return(0,c.jsx)(`div`,{className:`border-y border-dashed border-border/80 px-3 py-8 text-center text-sm text-muted-foreground`,children:e.text})}function S(e){return(0,c.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,c.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,c.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,c.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.text})]})})}function C(e){return e.replace(/([a-z])([A-Z])/g,`$1 $2`).replace(/[_-]+/g,` `).toLowerCase()}export{l as StatusPage};
-//# sourceMappingURL=status-page-BaDIKvef.js.map
+import{i as e,r as t,s as n}from"./utils-BN2yP0LH.js";import{o as r}from"./format-D43vTqrO.js";import{L as i}from"./index-xQsqDxvf.js";import{t as a}from"./badge-CeTBFuRX.js";import{t as o}from"./renderers-Cvw2zSQ7.js";var s=n(e(),1),c=t();function l(e){let[t,n]=(0,s.useState)(),[r,a]=(0,s.useState)(!1),[o,l]=(0,s.useState)(``),d=(0,s.useCallback)(async()=>{if(!e.enabled){n(void 0);return}a(!0),l(``);try{let e=await fetch(`/status`);if(!e.ok)throw Error(`Status failed with HTTP ${e.status}`);n(await e.json())}catch(e){l(e instanceof Error?e.message:String(e)),n(void 0)}finally{a(!1)}},[e.enabled]);return(0,s.useEffect)(()=>{d()},[d]),(0,c.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Status`,children:[(0,c.jsx)(`header`,{className:`bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur`,children:(0,c.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,c.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,c.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground`,children:`Operations`}),(0,c.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Status`}),(0,c.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Runtime health, storage adapters, feature capabilities, and current record counts.`})]}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,c.jsx)(g,{label:`agents`,value:t?.counts.agents??0}),(0,c.jsx)(g,{label:`sessions`,value:t?.counts.sessions??`-`}),(0,c.jsx)(g,{label:`traces`,value:t?.counts.traces??`-`}),(0,c.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:`secondary`,disabled:r,onClick:()=>void d(),children:`Refresh`})]})]})}),(0,c.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-4 pr-6`,children:e.enabled?r&&t===void 0?(0,c.jsx)(S,{title:`Loading status`,text:`Reading runtime status.`}):o.length>0?(0,c.jsx)(S,{title:`Status error`,text:o}):t===void 0?null:(0,c.jsx)(u,{summary:t}):(0,c.jsx)(S,{title:`Status unavailable`,text:`This Studio runtime did not expose status.`})})]})}function u(e){let t=Object.entries(e.summary.capabilities).filter(([,e])=>e?.enabled===!0).length;return(0,c.jsxs)(`div`,{className:`grid h-full min-h-0 gap-5 border-t border-border/80 pt-4`,children:[(0,c.jsxs)(`section`,{className:`grid gap-5 xl:grid-cols-[minmax(280px,0.58fr)_minmax(0,1.42fr)]`,children:[(0,c.jsx)(d,{summary:e.summary,enabledCapabilityCount:t}),(0,c.jsxs)(`div`,{className:`grid gap-5 lg:grid-cols-2`,children:[(0,c.jsx)(f,{storage:e.summary.storage}),(0,c.jsx)(p,{counts:e.summary.counts})]})]}),(0,c.jsxs)(`section`,{className:`grid gap-5 xl:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)]`,children:[(0,c.jsx)(m,{capabilities:e.summary.capabilities}),(0,c.jsx)(h,{summary:e.summary})]})]})}function d(e){return(0,c.jsxs)(`section`,{className:`grid content-start gap-5 border-b border-border/80 pb-5 xl:border-b-0 xl:border-r xl:pb-0 xl:pr-5`,children:[(0,c.jsxs)(`div`,{className:`grid gap-3`,children:[(0,c.jsx)(v,{children:`runtime`}),(0,c.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,c.jsx)(a,{className:`border-border/80 bg-muted/45 text-foreground`,children:`online`}),(0,c.jsxs)(a,{className:`border-border/80 bg-background/45 text-muted-foreground`,children:[e.enabledCapabilityCount,` capabilities`]})]})]}),(0,c.jsxs)(`div`,{className:`grid border-y border-border/80`,children:[(0,c.jsx)(y,{label:`id`,value:e.summary.runner.id}),(0,c.jsx)(y,{label:`name`,value:e.summary.runner.name??`-`}),(0,c.jsx)(y,{label:`version`,value:e.summary.runner.version??`-`}),(0,c.jsx)(y,{label:`generated`,value:`${r(e.summary.generatedAt)} / ${e.summary.generatedAt}`})]})]})}function f(e){let t=Object.entries(e.storage);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`storage`,value:`${t.length} adapters`}),t.length===0?(0,c.jsx)(x,{text:`No storage adapters reported.`}):(0,c.jsx)(`div`,{className:`grid border-y border-border/80`,children:t.map(([e,t])=>(0,c.jsx)(b,{label:C(e),value:t??`-`,tone:t===void 0?`muted`:`normal`},e))})]})}function p(e){let t=Object.entries(e.counts).filter(e=>typeof e[1]==`number`);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`records`,value:`${t.length} counters`}),(0,c.jsx)(`div`,{className:`grid border-y border-border/80`,children:t.map(([e,t])=>(0,c.jsx)(b,{label:C(e),value:t},e))})]})}function m(e){let t=Object.entries(e.capabilities);return(0,c.jsxs)(`section`,{className:`grid content-start gap-3`,children:[(0,c.jsx)(_,{title:`capabilities`,value:`${t.length} reported`}),t.length===0?(0,c.jsx)(x,{text:`No capabilities reported.`}):(0,c.jsx)(`div`,{className:`grid border-y border-border/80 sm:grid-cols-2 sm:divide-x sm:divide-border/80`,children:t.map(([e,n],r)=>(0,c.jsxs)(`div`,{className:[`grid min-w-0 gap-1 border-b border-border/70 px-3 py-3`,r>=t.length-(t.length%2==0?2:1)?`sm:border-b-0`:``].join(` `),children:[(0,c.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:C(e)}),(0,c.jsx)(`span`,{className:n?.enabled?`text-xs font-medium text-foreground`:`text-xs font-medium text-muted-foreground`,children:n?.enabled?`enabled`:`disabled`})]}),n?.reason===void 0?null:(0,c.jsx)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:n.reason})]},e))})]})}function h(e){return(0,c.jsxs)(`section`,{className:`grid min-w-0 content-start gap-3`,children:[(0,c.jsx)(_,{title:`raw summary`,value:`JSON`}),(0,c.jsxs)(`details`,{className:`group grid min-w-0 overflow-hidden border-y border-border/80`,open:!0,children:[(0,c.jsxs)(`summary`,{className:`flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted/10 px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[`Payload`,(0,c.jsx)(`span`,{className:`font-medium normal-case tracking-normal group-open:hidden`,children:`Show`}),(0,c.jsx)(`span`,{className:`hidden font-medium normal-case tracking-normal group-open:inline`,children:`Hide`})]}),(0,c.jsx)(`div`,{className:`min-w-0 overflow-x-auto border-t border-border/70`,children:(0,c.jsx)(`pre`,{className:`m-0 max-h-[28rem] min-w-max p-4 text-xs leading-5 text-foreground`,children:(0,c.jsx)(`code`,{children:(0,c.jsx)(o,{text:JSON.stringify(e.summary,null,2)})})})})]})]})}function g(e){return(0,c.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,c.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function _(e){return(0,c.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,c.jsx)(v,{children:e.title}),(0,c.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:e.value})]})}function v(e){return(0,c.jsx)(`h2`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.children})}function y(e){return(0,c.jsxs)(`div`,{className:`grid min-w-0 gap-1 border-b border-border/70 px-3 py-3 first:pt-3 last:border-b-0`,children:[(0,c.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm text-foreground`,title:String(e.value),children:e.value})]})}function b(e){return(0,c.jsxs)(`div`,{className:`grid min-w-0 grid-cols-[minmax(120px,0.5fr)_minmax(0,1fr)] gap-3 border-b border-border/70 px-3 py-3 last:border-b-0`,children:[(0,c.jsx)(`span`,{className:`min-w-0 truncate text-sm font-medium text-muted-foreground`,children:e.label}),(0,c.jsx)(`span`,{className:[`min-w-0 truncate text-right text-sm font-semibold tabular-nums`,e.tone===`muted`?`text-muted-foreground`:`text-foreground`].join(` `),title:String(e.value),children:e.value})]})}function x(e){return(0,c.jsx)(`div`,{className:`border-y border-dashed border-border/80 px-3 py-8 text-center text-sm text-muted-foreground`,children:e.text})}function S(e){return(0,c.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,c.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,c.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,c.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.text})]})})}function C(e){return e.replace(/([a-z])([A-Z])/g,`$1 $2`).replace(/[_-]+/g,` `).toLowerCase()}export{l as StatusPage};
+//# sourceMappingURL=status-page-CkowleFX.js.map

package/dist/ui/assets/{status-page-BaDIKvef.js.map → status-page-CkowleFX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"status-page-BaDIKvef.js","names":[],"sources":["../../../src/ui/app/modules/status/status-page.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport type { StudioStatusSummary } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { formatRelativeTime } from \"../shared/format\";\nimport { JsonSyntax } from \"../shared/renderers\";\n\nexport function StatusPage(props: { enabled: boolean }) {\n  const [summary, setSummary] = useState<StudioStatusSummary | undefined>();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n\n  const loadStatus = useCallback(async () => {\n    if (!props.enabled) {\n      setSummary(undefined);\n      return;\n    }\n    setLoading(true);\n    setError(\"\");\n    try {\n      const response = await fetch(\"/status\");\n      if (!response.ok) {\n        throw new Error(`Status failed with HTTP ${response.status}`);\n      }\n      setSummary((await response.json()) as StudioStatusSummary);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError.message : String(loadError));\n      setSummary(undefined);\n    } finally {\n      setLoading(false);\n    }\n  }, [props.enabled]);\n\n  useEffect(() => {\n    void loadStatus();\n  }, [loadStatus]);\n\n  return (\n    <section\n      className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55\"\n      aria-label=\"Status\"\n    >\n      <header className=\"bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur\">\n        <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1\">\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground\">\n              Operations\n            </div>\n            <h1 className=\"m-0 text-2xl font-semibold leading-none tracking-tight text-foreground\">\n              Status\n            </h1>\n            <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n              Runtime health, storage adapters, feature capabilities, and current record counts.\n            </p>\n          </div>\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start\">\n            <StatusMetric label=\"agents\" value={summary?.counts.agents ?? 0} />\n            <StatusMetric label=\"sessions\" value={summary?.counts.sessions ?? \"-\"} />\n            <StatusMetric label=\"traces\" value={summary?.counts.traces ?? \"-\"} />\n            <Button\n              className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n              type=\"button\"\n              variant=\"secondary\"\n              disabled={loading}\n              onClick={() => void loadStatus()}\n            >\n              Refresh\n            </Button>\n          </div>\n        </div>\n      </header>\n\n      <div className=\"min-h-0 overflow-auto pb-6 pl-4 pr-6\">\n        {!props.enabled ? (\n          <EmptyState\n            title=\"Status unavailable\"\n            text=\"This Studio runtime did not expose status.\"\n          />\n        ) : loading && summary === undefined ? (\n          <EmptyState title=\"Loading status\" text=\"Reading runtime status.\" />\n        ) : error.length > 0 ? (\n          <EmptyState title=\"Status error\" text={error} />\n        ) : summary === undefined ? null : (\n          <StatusDashboard summary={summary} />\n        )}\n      </div>\n    </section>\n  );\n}\n\nfunction StatusDashboard(props: { summary: StudioStatusSummary }) {\n  const capabilityEntries = Object.entries(props.summary.capabilities);\n  const enabledCapabilityCount = capabilityEntries.filter(\n    ([, capability]) => capability?.enabled === true,\n  ).length;\n\n  return (\n    <div className=\"grid h-full min-h-0 gap-5 border-t border-border/80 pt-4\">\n      <section className=\"grid gap-5 xl:grid-cols-[minmax(280px,0.58fr)_minmax(0,1.42fr)]\">\n        <RuntimeSummary summary={props.summary} enabledCapabilityCount={enabledCapabilityCount} />\n        <div className=\"grid gap-5 lg:grid-cols-2\">\n          <StorageMatrix storage={props.summary.storage} />\n          <CountsLedger counts={props.summary.counts} />\n        </div>\n      </section>\n      <section className=\"grid gap-5 xl:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)]\">\n        <CapabilityLedger capabilities={props.summary.capabilities} />\n        <RawSummary summary={props.summary} />\n      </section>\n    </div>\n  );\n}\n\nfunction RuntimeSummary(props: { summary: StudioStatusSummary; enabledCapabilityCount: number }) {\n  return (\n    <section className=\"grid content-start gap-5 border-b border-border/80 pb-5 xl:border-b-0 xl:border-r xl:pb-0 xl:pr-5\">\n      <div className=\"grid gap-3\">\n        <SectionLabel>runtime</SectionLabel>\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <Badge className=\"border-border/80 bg-muted/45 text-foreground\">online</Badge>\n          <Badge className=\"border-border/80 bg-background/45 text-muted-foreground\">\n            {props.enabledCapabilityCount} capabilities\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid border-y border-border/80\">\n        <StatusFact label=\"id\" value={props.summary.runner.id} />\n        <StatusFact label=\"name\" value={props.summary.runner.name ?? \"-\"} />\n        <StatusFact label=\"version\" value={props.summary.runner.version ?? \"-\"} />\n        <StatusFact\n          label=\"generated\"\n          value={`${formatRelativeTime(props.summary.generatedAt)} / ${props.summary.generatedAt}`}\n        />\n      </div>\n    </section>\n  );\n}\n\nfunction StorageMatrix(props: { storage: StudioStatusSummary[\"storage\"] }) {\n  const entries = Object.entries(props.storage);\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"storage\" value={`${entries.length} adapters`} />\n      {entries.length === 0 ? (\n        <DashedNote text=\"No storage adapters reported.\" />\n      ) : (\n        <div className=\"grid border-y border-border/80\">\n          {entries.map(([key, value]) => (\n            <StatusRow\n              label={humanizeKey(key)}\n              value={value ?? \"-\"}\n              key={key}\n              tone={value === undefined ? \"muted\" : \"normal\"}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction CountsLedger(props: { counts: StudioStatusSummary[\"counts\"] }) {\n  const entries = Object.entries(props.counts).filter((entry): entry is [string, number] => {\n    return typeof entry[1] === \"number\";\n  });\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"records\" value={`${entries.length} counters`} />\n      <div className=\"grid border-y border-border/80\">\n        {entries.map(([key, value]) => (\n          <StatusRow label={humanizeKey(key)} value={value} key={key} />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction CapabilityLedger(props: { capabilities: StudioStatusSummary[\"capabilities\"] }) {\n  const entries = Object.entries(props.capabilities);\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"capabilities\" value={`${entries.length} reported`} />\n      {entries.length === 0 ? (\n        <DashedNote text=\"No capabilities reported.\" />\n      ) : (\n        <div className=\"grid border-y border-border/80 sm:grid-cols-2 sm:divide-x sm:divide-border/80\">\n          {entries.map(([name, capability], index) => (\n            <div\n              className={[\n                \"grid min-w-0 gap-1 border-b border-border/70 px-3 py-3\",\n                index >= entries.length - (entries.length % 2 === 0 ? 2 : 1) ? \"sm:border-b-0\" : \"\",\n              ].join(\" \")}\n              key={name}\n            >\n              <div className=\"flex min-w-0 items-center justify-between gap-3\">\n                <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n                  {humanizeKey(name)}\n                </span>\n                <span\n                  className={\n                    capability?.enabled\n                      ? \"text-xs font-medium text-foreground\"\n                      : \"text-xs font-medium text-muted-foreground\"\n                  }\n                >\n                  {capability?.enabled ? \"enabled\" : \"disabled\"}\n                </span>\n              </div>\n              {capability?.reason === undefined ? null : (\n                <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{capability.reason}</p>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction RawSummary(props: { summary: StudioStatusSummary }) {\n  return (\n    <section className=\"grid min-w-0 content-start gap-3\">\n      <SectionHeader title=\"raw summary\" value=\"JSON\" />\n      <details className=\"group grid min-w-0 overflow-hidden border-y border-border/80\" open>\n        <summary className=\"flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted/10 px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n          Payload\n          <span className=\"font-medium normal-case tracking-normal group-open:hidden\">Show</span>\n          <span className=\"hidden font-medium normal-case tracking-normal group-open:inline\">\n            Hide\n          </span>\n        </summary>\n        <div className=\"min-w-0 overflow-x-auto border-t border-border/70\">\n          <pre className=\"m-0 max-h-[28rem] min-w-max p-4 text-xs leading-5 text-foreground\">\n            <code>\n              <JsonSyntax text={JSON.stringify(props.summary, null, 2)} />\n            </code>\n          </pre>\n        </div>\n      </details>\n    </section>\n  );\n}\n\nfunction StatusMetric(props: { label: string; value: string | number }) {\n  return (\n    <span className=\"inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground\">\n      <span className=\"font-semibold tabular-nums text-foreground\">{props.value}</span>\n      {props.label}\n    </span>\n  );\n}\n\nfunction SectionHeader(props: { title: string; value: string }) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <SectionLabel>{props.title}</SectionLabel>\n      <span className=\"text-xs font-medium text-muted-foreground\">{props.value}</span>\n    </div>\n  );\n}\n\nfunction SectionLabel(props: { children: string }) {\n  return (\n    <h2 className=\"m-0 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n      {props.children}\n    </h2>\n  );\n}\n\nfunction StatusFact(props: { label: string; value: string | number }) {\n  return (\n    <div className=\"grid min-w-0 gap-1 border-b border-border/70 px-3 py-3 first:pt-3 last:border-b-0\">\n      <span className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n        {props.label}\n      </span>\n      <span className=\"min-w-0 truncate text-sm text-foreground\" title={String(props.value)}>\n        {props.value}\n      </span>\n    </div>\n  );\n}\n\nfunction StatusRow(props: { label: string; value: string | number; tone?: \"normal\" | \"muted\" }) {\n  return (\n    <div className=\"grid min-w-0 grid-cols-[minmax(120px,0.5fr)_minmax(0,1fr)] gap-3 border-b border-border/70 px-3 py-3 last:border-b-0\">\n      <span className=\"min-w-0 truncate text-sm font-medium text-muted-foreground\">\n        {props.label}\n      </span>\n      <span\n        className={[\n          \"min-w-0 truncate text-right text-sm font-semibold tabular-nums\",\n          props.tone === \"muted\" ? \"text-muted-foreground\" : \"text-foreground\",\n        ].join(\" \")}\n        title={String(props.value)}\n      >\n        {props.value}\n      </span>\n    </div>\n  );\n}\n\nfunction DashedNote(props: { text: string }) {\n  return (\n    <div className=\"border-y border-dashed border-border/80 px-3 py-8 text-center text-sm text-muted-foreground\">\n      {props.text}\n    </div>\n  );\n}\n\nfunction EmptyState(props: { title: string; text: string }) {\n  return (\n    <div className=\"grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center\">\n      <div className=\"grid max-w-md gap-2\">\n        <h2 className=\"m-0 text-base font-semibold text-foreground\">{props.title}</h2>\n        <p className=\"m-0 text-sm leading-6 text-muted-foreground\">{props.text}</p>\n      </div>\n    </div>\n  );\n}\n\nfunction humanizeKey(value: string): string {\n  return value\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/[_-]+/g, \" \")\n    .toLowerCase();\n}\n"],"mappings":"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"}
+{"version":3,"file":"status-page-CkowleFX.js","names":[],"sources":["../../../src/ui/app/modules/status/status-page.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport type { StudioStatusSummary } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { formatRelativeTime } from \"../shared/format\";\nimport { JsonSyntax } from \"../shared/renderers\";\n\nexport function StatusPage(props: { enabled: boolean }) {\n  const [summary, setSummary] = useState<StudioStatusSummary | undefined>();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n\n  const loadStatus = useCallback(async () => {\n    if (!props.enabled) {\n      setSummary(undefined);\n      return;\n    }\n    setLoading(true);\n    setError(\"\");\n    try {\n      const response = await fetch(\"/status\");\n      if (!response.ok) {\n        throw new Error(`Status failed with HTTP ${response.status}`);\n      }\n      setSummary((await response.json()) as StudioStatusSummary);\n    } catch (loadError) {\n      setError(loadError instanceof Error ? loadError.message : String(loadError));\n      setSummary(undefined);\n    } finally {\n      setLoading(false);\n    }\n  }, [props.enabled]);\n\n  useEffect(() => {\n    void loadStatus();\n  }, [loadStatus]);\n\n  return (\n    <section\n      className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55\"\n      aria-label=\"Status\"\n    >\n      <header className=\"bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur\">\n        <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1\">\n          <div className=\"grid min-w-0 gap-2\">\n            <div className=\"text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground\">\n              Operations\n            </div>\n            <h1 className=\"m-0 text-2xl font-semibold leading-none tracking-tight text-foreground\">\n              Status\n            </h1>\n            <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n              Runtime health, storage adapters, feature capabilities, and current record counts.\n            </p>\n          </div>\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start\">\n            <StatusMetric label=\"agents\" value={summary?.counts.agents ?? 0} />\n            <StatusMetric label=\"sessions\" value={summary?.counts.sessions ?? \"-\"} />\n            <StatusMetric label=\"traces\" value={summary?.counts.traces ?? \"-\"} />\n            <Button\n              className=\"h-8 min-h-8 rounded-md px-3 text-xs\"\n              type=\"button\"\n              variant=\"secondary\"\n              disabled={loading}\n              onClick={() => void loadStatus()}\n            >\n              Refresh\n            </Button>\n          </div>\n        </div>\n      </header>\n\n      <div className=\"min-h-0 overflow-auto pb-6 pl-4 pr-6\">\n        {!props.enabled ? (\n          <EmptyState\n            title=\"Status unavailable\"\n            text=\"This Studio runtime did not expose status.\"\n          />\n        ) : loading && summary === undefined ? (\n          <EmptyState title=\"Loading status\" text=\"Reading runtime status.\" />\n        ) : error.length > 0 ? (\n          <EmptyState title=\"Status error\" text={error} />\n        ) : summary === undefined ? null : (\n          <StatusDashboard summary={summary} />\n        )}\n      </div>\n    </section>\n  );\n}\n\nfunction StatusDashboard(props: { summary: StudioStatusSummary }) {\n  const capabilityEntries = Object.entries(props.summary.capabilities);\n  const enabledCapabilityCount = capabilityEntries.filter(\n    ([, capability]) => capability?.enabled === true,\n  ).length;\n\n  return (\n    <div className=\"grid h-full min-h-0 gap-5 border-t border-border/80 pt-4\">\n      <section className=\"grid gap-5 xl:grid-cols-[minmax(280px,0.58fr)_minmax(0,1.42fr)]\">\n        <RuntimeSummary summary={props.summary} enabledCapabilityCount={enabledCapabilityCount} />\n        <div className=\"grid gap-5 lg:grid-cols-2\">\n          <StorageMatrix storage={props.summary.storage} />\n          <CountsLedger counts={props.summary.counts} />\n        </div>\n      </section>\n      <section className=\"grid gap-5 xl:grid-cols-[minmax(0,1.05fr)_minmax(0,0.95fr)]\">\n        <CapabilityLedger capabilities={props.summary.capabilities} />\n        <RawSummary summary={props.summary} />\n      </section>\n    </div>\n  );\n}\n\nfunction RuntimeSummary(props: { summary: StudioStatusSummary; enabledCapabilityCount: number }) {\n  return (\n    <section className=\"grid content-start gap-5 border-b border-border/80 pb-5 xl:border-b-0 xl:border-r xl:pb-0 xl:pr-5\">\n      <div className=\"grid gap-3\">\n        <SectionLabel>runtime</SectionLabel>\n        <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n          <Badge className=\"border-border/80 bg-muted/45 text-foreground\">online</Badge>\n          <Badge className=\"border-border/80 bg-background/45 text-muted-foreground\">\n            {props.enabledCapabilityCount} capabilities\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid border-y border-border/80\">\n        <StatusFact label=\"id\" value={props.summary.runner.id} />\n        <StatusFact label=\"name\" value={props.summary.runner.name ?? \"-\"} />\n        <StatusFact label=\"version\" value={props.summary.runner.version ?? \"-\"} />\n        <StatusFact\n          label=\"generated\"\n          value={`${formatRelativeTime(props.summary.generatedAt)} / ${props.summary.generatedAt}`}\n        />\n      </div>\n    </section>\n  );\n}\n\nfunction StorageMatrix(props: { storage: StudioStatusSummary[\"storage\"] }) {\n  const entries = Object.entries(props.storage);\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"storage\" value={`${entries.length} adapters`} />\n      {entries.length === 0 ? (\n        <DashedNote text=\"No storage adapters reported.\" />\n      ) : (\n        <div className=\"grid border-y border-border/80\">\n          {entries.map(([key, value]) => (\n            <StatusRow\n              label={humanizeKey(key)}\n              value={value ?? \"-\"}\n              key={key}\n              tone={value === undefined ? \"muted\" : \"normal\"}\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction CountsLedger(props: { counts: StudioStatusSummary[\"counts\"] }) {\n  const entries = Object.entries(props.counts).filter((entry): entry is [string, number] => {\n    return typeof entry[1] === \"number\";\n  });\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"records\" value={`${entries.length} counters`} />\n      <div className=\"grid border-y border-border/80\">\n        {entries.map(([key, value]) => (\n          <StatusRow label={humanizeKey(key)} value={value} key={key} />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nfunction CapabilityLedger(props: { capabilities: StudioStatusSummary[\"capabilities\"] }) {\n  const entries = Object.entries(props.capabilities);\n  return (\n    <section className=\"grid content-start gap-3\">\n      <SectionHeader title=\"capabilities\" value={`${entries.length} reported`} />\n      {entries.length === 0 ? (\n        <DashedNote text=\"No capabilities reported.\" />\n      ) : (\n        <div className=\"grid border-y border-border/80 sm:grid-cols-2 sm:divide-x sm:divide-border/80\">\n          {entries.map(([name, capability], index) => (\n            <div\n              className={[\n                \"grid min-w-0 gap-1 border-b border-border/70 px-3 py-3\",\n                index >= entries.length - (entries.length % 2 === 0 ? 2 : 1) ? \"sm:border-b-0\" : \"\",\n              ].join(\" \")}\n              key={name}\n            >\n              <div className=\"flex min-w-0 items-center justify-between gap-3\">\n                <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n                  {humanizeKey(name)}\n                </span>\n                <span\n                  className={\n                    capability?.enabled\n                      ? \"text-xs font-medium text-foreground\"\n                      : \"text-xs font-medium text-muted-foreground\"\n                  }\n                >\n                  {capability?.enabled ? \"enabled\" : \"disabled\"}\n                </span>\n              </div>\n              {capability?.reason === undefined ? null : (\n                <p className=\"m-0 text-xs leading-5 text-muted-foreground\">{capability.reason}</p>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction RawSummary(props: { summary: StudioStatusSummary }) {\n  return (\n    <section className=\"grid min-w-0 content-start gap-3\">\n      <SectionHeader title=\"raw summary\" value=\"JSON\" />\n      <details className=\"group grid min-w-0 overflow-hidden border-y border-border/80\" open>\n        <summary className=\"flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted/10 px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden\">\n          Payload\n          <span className=\"font-medium normal-case tracking-normal group-open:hidden\">Show</span>\n          <span className=\"hidden font-medium normal-case tracking-normal group-open:inline\">\n            Hide\n          </span>\n        </summary>\n        <div className=\"min-w-0 overflow-x-auto border-t border-border/70\">\n          <pre className=\"m-0 max-h-[28rem] min-w-max p-4 text-xs leading-5 text-foreground\">\n            <code>\n              <JsonSyntax text={JSON.stringify(props.summary, null, 2)} />\n            </code>\n          </pre>\n        </div>\n      </details>\n    </section>\n  );\n}\n\nfunction StatusMetric(props: { label: string; value: string | number }) {\n  return (\n    <span className=\"inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground\">\n      <span className=\"font-semibold tabular-nums text-foreground\">{props.value}</span>\n      {props.label}\n    </span>\n  );\n}\n\nfunction SectionHeader(props: { title: string; value: string }) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <SectionLabel>{props.title}</SectionLabel>\n      <span className=\"text-xs font-medium text-muted-foreground\">{props.value}</span>\n    </div>\n  );\n}\n\nfunction SectionLabel(props: { children: string }) {\n  return (\n    <h2 className=\"m-0 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n      {props.children}\n    </h2>\n  );\n}\n\nfunction StatusFact(props: { label: string; value: string | number }) {\n  return (\n    <div className=\"grid min-w-0 gap-1 border-b border-border/70 px-3 py-3 first:pt-3 last:border-b-0\">\n      <span className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n        {props.label}\n      </span>\n      <span className=\"min-w-0 truncate text-sm text-foreground\" title={String(props.value)}>\n        {props.value}\n      </span>\n    </div>\n  );\n}\n\nfunction StatusRow(props: { label: string; value: string | number; tone?: \"normal\" | \"muted\" }) {\n  return (\n    <div className=\"grid min-w-0 grid-cols-[minmax(120px,0.5fr)_minmax(0,1fr)] gap-3 border-b border-border/70 px-3 py-3 last:border-b-0\">\n      <span className=\"min-w-0 truncate text-sm font-medium text-muted-foreground\">\n        {props.label}\n      </span>\n      <span\n        className={[\n          \"min-w-0 truncate text-right text-sm font-semibold tabular-nums\",\n          props.tone === \"muted\" ? \"text-muted-foreground\" : \"text-foreground\",\n        ].join(\" \")}\n        title={String(props.value)}\n      >\n        {props.value}\n      </span>\n    </div>\n  );\n}\n\nfunction DashedNote(props: { text: string }) {\n  return (\n    <div className=\"border-y border-dashed border-border/80 px-3 py-8 text-center text-sm text-muted-foreground\">\n      {props.text}\n    </div>\n  );\n}\n\nfunction EmptyState(props: { title: string; text: string }) {\n  return (\n    <div className=\"grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center\">\n      <div className=\"grid max-w-md gap-2\">\n        <h2 className=\"m-0 text-base font-semibold text-foreground\">{props.title}</h2>\n        <p className=\"m-0 text-sm leading-6 text-muted-foreground\">{props.text}</p>\n      </div>\n    </div>\n  );\n}\n\nfunction humanizeKey(value: string): string {\n  return value\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/[_-]+/g, \" \")\n    .toLowerCase();\n}\n"],"mappings":"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"}

package/dist/ui/assets/{tool-runner-C5vzRzrt.js → tool-runner-s0PQJleK.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n,t as r}from"./utils-BN2yP0LH.js";import{d as i,m as a}from"./format-D43vTqrO.js";import{L as o,d as s,f as c,l,n as u,p as d,u as ee}from"./index-DsFqmLt-.js";import{t as f}from"./badge-CeTBFuRX.js";import{t as p}from"./renderers-IW2ZAJZw.js";var m=n(e(),1),h=t();function g({className:e,type:t,...n}){return(0,h.jsx)(`input`,{type:t,className:r(`h-9 w-full rounded-lg border border-input bg-card/90 px-3 text-foreground outline-none transition duration-200 placeholder:text-muted-foreground/65 focus:border-muted-foreground/60 focus:ring-2 focus:ring-muted-foreground/20`,e),...n})}function te(e){let[t,n]=(0,m.useState)(`form`),r=(0,m.useMemo)(()=>E(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-border/80 bg-background/45 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/55 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)(u,{className:`min-h-36 resize-y rounded-md border-border bg-background/45 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-destructive/30 bg-destructive/10 px-3 py-2 text-xs leading-5 text-destructive`,children:e.error})]})}function y(e){let t=N(e.rootValue,e.path),n=A(e.field.schema,e.field.name),r=j(e.field.schema),i=D(e.field.schema);if(i===`object`){let i=E(e.field.schema);return(0,h.jsxs)(`fieldset`,{className:`grid min-w-0 gap-3 border-b border-border/70 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)(T,{disabled:e.disabled,path:e.path,value:t,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-border/70 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-border/70 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)(C,{disabled:e.disabled,path:e.path,required:e.field.required,schema:e.field.schema,value:t,onChange:e.onChange})]})}function b(e){let t=O(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-border/70 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)(o,{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,re(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)(T,{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-border/70 px-3 py-2 text-xs text-muted-foreground`,children:`Empty array`}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-border/70 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)(o,{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/35 px-2 py-0.5 text-[11px] font-medium text-muted-foreground`,children:`required`})}function C(e){let t=k(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)(l,{value:n===-1?``:String(n),disabled:e.disabled,onValueChange:n=>e.onChange(e.path,t[Number(n)]),children:[(0,h.jsx)(c,{className:`h-9 min-h-9 rounded-md border-border bg-background/45 text-sm`,children:(0,h.jsx)(d,{placeholder:`Select value`})}),(0,h.jsx)(ee,{children:r.map(e=>(0,h.jsx)(s,{value:e.value,children:e.label},e.key))})]}),n===-1||e.required?null:(0,h.jsx)(o,{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=D(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-border/70 bg-background/45 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)(w,{disabled:e.disabled,path:e.path,schema:e.schema,type:n,value:e.value,onChange:e.onChange}):n===`string`?(0,h.jsx)(g,{className:`h-9 rounded-md border-border bg-background/45 text-sm`,disabled:e.disabled,type:`text`,value:typeof e.value==`string`?e.value:``,placeholder:M(e.schema),onChange:t=>{let n=t.target.value;e.onChange(e.path,n.length===0&&!e.required?void 0:n)}}):(0,h.jsx)(T,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange})}function w(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)(g,{className:`h-9 rounded-md border-border bg-background/45 text-sm`,disabled:e.disabled,inputMode:e.type===`integer`?`numeric`:`decimal`,type:`text`,value:n,placeholder:M(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 T(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)(u,{className:`min-h-24 resize-y rounded-md border-border bg-background/45 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-destructive/30 bg-destructive/10 px-3 py-2 text-xs leading-5 text-destructive`,children:i.error})]})}function E(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 D(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 k(e).length>0?`enum`:a(e.properties)?`object`:e.items===void 0?`unknown`:`array`}function O(e){return a(e.items)?e.items:void 0}function k(e){return Array.isArray(e.enum)?e.enum:[]}function A(e,t){return typeof e.title==`string`&&e.title.length>0?e.title:U(t)}function j(e){return typeof e.description==`string`&&e.description.length>0?e.description:void 0}function M(e){return Object.hasOwn(e,`default`)?V(e.default):void 0}function re(e){if(Object.hasOwn(e,`default`))return e.default;let t=k(e);if(t.length>0)return t[0];let n=D(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-border/80 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-border/80 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)(te,{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)(o,{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-destructive/30 bg-destructive/10 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-border/70 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:oe(n),title:r}),(0,h.jsxs)(`details`,{className:`group border-t border-border/70 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/45`,children:[(0,h.jsxs)(`div`,{className:`flex min-h-9 items-center justify-between gap-3 bg-muted/20 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)(p,{text:se(e.value)})})})})]})}function q(e){return(0,h.jsx)(`span`,{className:`inline-flex min-h-7 items-center rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground`,children:e.children})}function J(e){return e?`border-border/80 bg-muted/35 text-foreground`:`border-transparent bg-transparent text-muted-foreground/60`}function Y(e){return e===`dynamic`?`border-border/80 bg-muted/45 text-foreground`:`border-border/80 bg-muted/55 text-muted-foreground`}function X(e){return e.mcpServerName===void 0?Y(e.source):`border-border/80 bg-muted/35 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 ie(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function ae(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 oe(e){if(typeof e!=`string`)return e;let t=i(e);return t.kind===`json`?t.value:e}function se(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}export{ie as a,$ as c,Z as d,J as i,Q as l,q as n,X as o,W as r,ae as s,K as t,Y as u};
-//# sourceMappingURL=tool-runner-C5vzRzrt.js.map
+import{i as e,r as t,s as n,t as r}from"./utils-BN2yP0LH.js";import{d as i,m as a}from"./format-D43vTqrO.js";import{L as o,d as s,f as c,l,n as u,p as d,u as ee}from"./index-xQsqDxvf.js";import{t as f}from"./badge-CeTBFuRX.js";import{t as p}from"./renderers-Cvw2zSQ7.js";var m=n(e(),1),h=t();function g({className:e,type:t,...n}){return(0,h.jsx)(`input`,{type:t,className:r(`h-9 w-full rounded-lg border border-input bg-card/90 px-3 text-foreground outline-none transition duration-200 placeholder:text-muted-foreground/65 focus:border-muted-foreground/60 focus:ring-2 focus:ring-muted-foreground/20`,e),...n})}function te(e){let[t,n]=(0,m.useState)(`form`),r=(0,m.useMemo)(()=>E(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-border/80 bg-background/45 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/55 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)(u,{className:`min-h-36 resize-y rounded-md border-border bg-background/45 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-destructive/30 bg-destructive/10 px-3 py-2 text-xs leading-5 text-destructive`,children:e.error})]})}function y(e){let t=N(e.rootValue,e.path),n=A(e.field.schema,e.field.name),r=j(e.field.schema),i=D(e.field.schema);if(i===`object`){let i=E(e.field.schema);return(0,h.jsxs)(`fieldset`,{className:`grid min-w-0 gap-3 border-b border-border/70 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)(T,{disabled:e.disabled,path:e.path,value:t,onChange:e.onChange}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-border/70 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-border/70 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)(C,{disabled:e.disabled,path:e.path,required:e.field.required,schema:e.field.schema,value:t,onChange:e.onChange})]})}function b(e){let t=O(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-border/70 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)(o,{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,re(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)(T,{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-border/70 px-3 py-2 text-xs text-muted-foreground`,children:`Empty array`}):(0,h.jsx)(`div`,{className:`grid gap-3 border-l border-border/70 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)(o,{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/35 px-2 py-0.5 text-[11px] font-medium text-muted-foreground`,children:`required`})}function C(e){let t=k(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)(l,{value:n===-1?``:String(n),disabled:e.disabled,onValueChange:n=>e.onChange(e.path,t[Number(n)]),children:[(0,h.jsx)(c,{className:`h-9 min-h-9 rounded-md border-border bg-background/45 text-sm`,children:(0,h.jsx)(d,{placeholder:`Select value`})}),(0,h.jsx)(ee,{children:r.map(e=>(0,h.jsx)(s,{value:e.value,children:e.label},e.key))})]}),n===-1||e.required?null:(0,h.jsx)(o,{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=D(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-border/70 bg-background/45 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)(w,{disabled:e.disabled,path:e.path,schema:e.schema,type:n,value:e.value,onChange:e.onChange}):n===`string`?(0,h.jsx)(g,{className:`h-9 rounded-md border-border bg-background/45 text-sm`,disabled:e.disabled,type:`text`,value:typeof e.value==`string`?e.value:``,placeholder:M(e.schema),onChange:t=>{let n=t.target.value;e.onChange(e.path,n.length===0&&!e.required?void 0:n)}}):(0,h.jsx)(T,{disabled:e.disabled,path:e.path,value:e.value,onChange:e.onChange})}function w(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)(g,{className:`h-9 rounded-md border-border bg-background/45 text-sm`,disabled:e.disabled,inputMode:e.type===`integer`?`numeric`:`decimal`,type:`text`,value:n,placeholder:M(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 T(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)(u,{className:`min-h-24 resize-y rounded-md border-border bg-background/45 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-destructive/30 bg-destructive/10 px-3 py-2 text-xs leading-5 text-destructive`,children:i.error})]})}function E(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 D(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 k(e).length>0?`enum`:a(e.properties)?`object`:e.items===void 0?`unknown`:`array`}function O(e){return a(e.items)?e.items:void 0}function k(e){return Array.isArray(e.enum)?e.enum:[]}function A(e,t){return typeof e.title==`string`&&e.title.length>0?e.title:U(t)}function j(e){return typeof e.description==`string`&&e.description.length>0?e.description:void 0}function M(e){return Object.hasOwn(e,`default`)?V(e.default):void 0}function re(e){if(Object.hasOwn(e,`default`))return e.default;let t=k(e);if(t.length>0)return t[0];let n=D(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-border/80 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-border/80 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)(te,{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)(o,{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-destructive/30 bg-destructive/10 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-border/70 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:oe(n),title:r}),(0,h.jsxs)(`details`,{className:`group border-t border-border/70 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/45`,children:[(0,h.jsxs)(`div`,{className:`flex min-h-9 items-center justify-between gap-3 bg-muted/20 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)(p,{text:se(e.value)})})})})]})}function q(e){return(0,h.jsx)(`span`,{className:`inline-flex min-h-7 items-center rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground`,children:e.children})}function J(e){return e?`border-border/80 bg-muted/35 text-foreground`:`border-transparent bg-transparent text-muted-foreground/60`}function Y(e){return e===`dynamic`?`border-border/80 bg-muted/45 text-foreground`:`border-border/80 bg-muted/55 text-muted-foreground`}function X(e){return e.mcpServerName===void 0?Y(e.source):`border-border/80 bg-muted/35 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 ie(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function ae(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 oe(e){if(typeof e!=`string`)return e;let t=i(e);return t.kind===`json`?t.value:e}function se(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}export{ie as a,$ as c,Z as d,J as i,Q as l,q as n,X as o,W as r,ae as s,K as t,Y as u};
+//# sourceMappingURL=tool-runner-s0PQJleK.js.map

package/dist/ui/assets/{tool-runner-C5vzRzrt.js.map → tool-runner-s0PQJleK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tool-runner-C5vzRzrt.js","names":[],"sources":["../../../src/ui/app/components/ui/input.tsx","../../../src/ui/app/modules/tools/schema-argument-editor.tsx","../../../src/ui/app/modules/tools/tool-runner.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"h-9 w-full rounded-lg border border-input bg-card/90 px-3 text-foreground outline-none transition duration-200 placeholder:text-muted-foreground/65 focus:border-muted-foreground/60 focus:ring-2 focus:ring-muted-foreground/20\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","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-border/80 bg-background/45 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/55 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/45 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-destructive/30 bg-destructive/10 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-border/70 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-border/70 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-border/70 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-border/70 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-border/70 px-3 py-2 text-xs text-muted-foreground\">\n          Empty array\n        </div>\n      ) : (\n        <div className=\"grid gap-3 border-l border-border/70 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/35 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/45 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-border/70 bg-background/45 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/45 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/45 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/45 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-destructive/30 bg-destructive/10 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-border/80 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-border/80 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-destructive/30 bg-destructive/10 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-border/70 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-border/70 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/45\">\n      <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted/20 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/25 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-border/80 bg-muted/35 text-foreground\"\n    : \"border-transparent bg-transparent text-muted-foreground/60\";\n}\n\nexport function sourceBadgeClass(source: \"static\" | \"dynamic\"): string {\n  return source === \"dynamic\"\n    ? \"border-border/80 bg-muted/45 text-foreground\"\n    : \"border-border/80 bg-muted/55 text-muted-foreground\";\n}\n\nexport function originBadgeClass(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined\n    ? sourceBadgeClass(tool.source)\n    : \"border-border/80 bg-muted/35 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-s0PQJleK.js","names":[],"sources":["../../../src/ui/app/components/ui/input.tsx","../../../src/ui/app/modules/tools/schema-argument-editor.tsx","../../../src/ui/app/modules/tools/tool-runner.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      className={cn(\n        \"h-9 w-full rounded-lg border border-input bg-card/90 px-3 text-foreground outline-none transition duration-200 placeholder:text-muted-foreground/65 focus:border-muted-foreground/60 focus:ring-2 focus:ring-muted-foreground/20\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","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-border/80 bg-background/45 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/55 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/45 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-destructive/30 bg-destructive/10 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-border/70 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-border/70 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-border/70 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-border/70 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-border/70 px-3 py-2 text-xs text-muted-foreground\">\n          Empty array\n        </div>\n      ) : (\n        <div className=\"grid gap-3 border-l border-border/70 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/35 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/45 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-border/70 bg-background/45 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/45 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/45 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/45 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-destructive/30 bg-destructive/10 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-border/80 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-border/80 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-destructive/30 bg-destructive/10 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-border/70 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-border/70 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/45\">\n      <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted/20 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/25 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-border/80 bg-muted/35 text-foreground\"\n    : \"border-transparent bg-transparent text-muted-foreground/60\";\n}\n\nexport function sourceBadgeClass(source: \"static\" | \"dynamic\"): string {\n  return source === \"dynamic\"\n    ? \"border-border/80 bg-muted/45 text-foreground\"\n    : \"border-border/80 bg-muted/55 text-muted-foreground\";\n}\n\nexport function originBadgeClass(tool: StudioAgentToolMetadata): string {\n  return tool.mcpServerName === undefined\n    ? sourceBadgeClass(tool.source)\n    : \"border-border/80 bg-muted/35 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-ClNVTM2F.js → tools-page-Ba5ej9lZ.js}

@@ -1,2 +1,2 @@
-import{i as e,r as t,s as n}from"./utils-BN2yP0LH.js";import{L as r,d as i,f as a,l as o,p as s,u as c}from"./index-DsFqmLt-.js";import{t as l}from"./badge-CeTBFuRX.js";import{a as u,c as d,d as f,i as p,l as m,n as h,o as g,r as _,s as v}from"./tool-runner-C5vzRzrt.js";var y=n(e(),1),b=t();function x(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=e.summary?.tools??[],[r,l]=(0,y.useState)(``),[d,f]=(0,y.useState)(`{}`),[p,m]=(0,y.useState)(`idle`),[h,g]=(0,y.useState)(),[x,C]=(0,y.useState)(``),w=(0,y.useMemo)(()=>n.find(e=>e.name===r)??n[0],[r,n]),T=t===void 0||w===void 0?``:`${t.id}:${w.name}`,O=(0,y.useRef)(T),A=(0,y.useRef)(0),j=D(n);(0,y.useEffect)(()=>{if(n.length===0){l(``);return}n.some(e=>e.name===r)||l(n[0]?.name??``)},[r,n]),(0,y.useEffect)(()=>{O.current!==T&&(O.current=T,A.current+=1,m(`idle`),C(``),g(void 0))},[T]);async function M(){if(t===void 0||w===void 0)return;let e;try{e=JSON.parse(d)}catch(e){C(e instanceof Error?e.message:String(e)),g(void 0);return}m(`running`),C(``),g(void 0);let n=T,r=A.current+1;A.current=r;let i=()=>A.current===r&&O.current===n;try{let n=await fetch(`/agents/${encodeURIComponent(t.id)}/tools/${encodeURIComponent(w.name)}/runs`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({args:e})}),r=await n.json();if(!i())return;let a=v(r);if(a===void 0){C(`Unexpected Studio tool run response: ${u(r)}`);return}g(a),(!n.ok||a.status===`error`)&&C(u(a.error??a))}catch(e){i()&&C(e instanceof Error?e.message:String(e))}finally{i()&&m(`idle`)}}return(0,b.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Tools`,children:[(0,b.jsx)(`header`,{className:`bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur`,children:(0,b.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,b.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Tools`}),(0,b.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Tool definitions registered on Studio agents, including approval policy and input schema.`})]}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,b.jsx)(E,{label:`tools`,value:j.total}),(0,b.jsx)(E,{label:`mcp`,value:j.mcp}),(0,b.jsx)(E,{label:`static`,value:j.static}),(0,b.jsx)(E,{label:`dynamic`,value:j.dynamic}),(0,b.jsx)(E,{label:`approvals`,value:j.approvals}),e.agents.length>1?(0,b.jsxs)(o,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,b.jsx)(a,{className:`h-8 min-h-8 w-64 rounded-md border-border bg-background/45 text-xs max-md:w-full`,children:(0,b.jsx)(s,{placeholder:`Agent`})}),(0,b.jsx)(c,{align:`end`,children:e.agents.map(e=>(0,b.jsx)(i,{value:e.id,children:e.name??e.id},e.id))})]}):null]})]})}),(0,b.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-4 pr-6`,children:(0,b.jsx)(`div`,{className:`grid w-full gap-5`,children:e.enabled?e.loading?(0,b.jsx)(k,{title:`Loading tools`,message:`Reading registered tool metadata.`}):n.length===0?(0,b.jsx)(k,{title:`No tools`,message:`The selected agent has no registered tools.`}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(S,{selectedToolName:w?.name??``,tools:n,onSelectTool:l}),(0,b.jsx)(_,{argsText:d,runError:x,runResponse:h,runState:p,selectedTool:w,onArgsTextChange:f,onRun:()=>void M()})]}):(0,b.jsx)(k,{title:`Tools unavailable`,message:`No registered Studio agent exposes static or dynamic tools.`})})})]})}function S(e){return(0,b.jsx)(`div`,{className:`min-w-[1040px]`,children:(0,b.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,b.jsx)(`thead`,{className:`sticky top-0 z-10 bg-background/95 backdrop-blur`,children:(0,b.jsxs)(`tr`,{children:[(0,b.jsx)(w,{children:`Tool`}),(0,b.jsx)(w,{children:`Origin`}),(0,b.jsx)(w,{children:`Schema`}),(0,b.jsx)(w,{children:`Approval`}),(0,b.jsx)(w,{children:`Run`})]})}),(0,b.jsx)(`tbody`,{children:e.tools.map(t=>(0,b.jsx)(C,{active:e.selectedToolName===t.name,tool:t,onSelectTool:e.onSelectTool},`${t.source}:${t.name}`))})]})})}function C(e){let t=d(e.tool.parameters);return(0,b.jsxs)(`tr`,{children:[(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,b.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.tool.name}),e.active?(0,b.jsx)(l,{className:O,children:`selected`}):null]}),(0,b.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:e.tool.agentId}),(0,b.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.tool.description})]})}),(0,b.jsx)(T,{children:(0,b.jsx)(l,{className:g(e.tool),children:f(e.tool)})}),(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,b.jsx)(h,{children:m(e.tool.parameters)}),(0,b.jsxs)(h,{children:[t,` `,t===1?`field`:`fields`]})]})}),(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,b.jsx)(l,{className:p(e.tool.approval.required),children:e.tool.approval.required?`required`:`none`}),e.tool.approval.reason===void 0?null:(0,b.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,b.jsx)(T,{children:(0,b.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 w(e){return(0,b.jsx)(`th`,{className:`border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function T(e){return(0,b.jsx)(`td`,{className:`border-b border-border/70 py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function E(e){return(0,b.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,b.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function D(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 O=`border-border/80 bg-muted/45 text-foreground`;function k(e){return(0,b.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,b.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,b.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,b.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.message})]})})}export{x as ToolsPage};
-//# sourceMappingURL=tools-page-ClNVTM2F.js.map
+import{i as e,r as t,s as n}from"./utils-BN2yP0LH.js";import{L as r,d as i,f as a,l as o,p as s,u as c}from"./index-xQsqDxvf.js";import{t as l}from"./badge-CeTBFuRX.js";import{a as u,c as d,d as f,i as p,l as m,n as h,o as g,r as _,s as v}from"./tool-runner-s0PQJleK.js";var y=n(e(),1),b=t();function x(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=e.summary?.tools??[],[r,l]=(0,y.useState)(``),[d,f]=(0,y.useState)(`{}`),[p,m]=(0,y.useState)(`idle`),[h,g]=(0,y.useState)(),[x,C]=(0,y.useState)(``),w=(0,y.useMemo)(()=>n.find(e=>e.name===r)??n[0],[r,n]),T=t===void 0||w===void 0?``:`${t.id}:${w.name}`,O=(0,y.useRef)(T),A=(0,y.useRef)(0),j=D(n);(0,y.useEffect)(()=>{if(n.length===0){l(``);return}n.some(e=>e.name===r)||l(n[0]?.name??``)},[r,n]),(0,y.useEffect)(()=>{O.current!==T&&(O.current=T,A.current+=1,m(`idle`),C(``),g(void 0))},[T]);async function M(){if(t===void 0||w===void 0)return;let e;try{e=JSON.parse(d)}catch(e){C(e instanceof Error?e.message:String(e)),g(void 0);return}m(`running`),C(``),g(void 0);let n=T,r=A.current+1;A.current=r;let i=()=>A.current===r&&O.current===n;try{let n=await fetch(`/agents/${encodeURIComponent(t.id)}/tools/${encodeURIComponent(w.name)}/runs`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({args:e})}),r=await n.json();if(!i())return;let a=v(r);if(a===void 0){C(`Unexpected Studio tool run response: ${u(r)}`);return}g(a),(!n.ok||a.status===`error`)&&C(u(a.error??a))}catch(e){i()&&C(e instanceof Error?e.message:String(e))}finally{i()&&m(`idle`)}}return(0,b.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Tools`,children:[(0,b.jsx)(`header`,{className:`bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur`,children:(0,b.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,b.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Tools`}),(0,b.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Tool definitions registered on Studio agents, including approval policy and input schema.`})]}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,b.jsx)(E,{label:`tools`,value:j.total}),(0,b.jsx)(E,{label:`mcp`,value:j.mcp}),(0,b.jsx)(E,{label:`static`,value:j.static}),(0,b.jsx)(E,{label:`dynamic`,value:j.dynamic}),(0,b.jsx)(E,{label:`approvals`,value:j.approvals}),e.agents.length>1?(0,b.jsxs)(o,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,b.jsx)(a,{className:`h-8 min-h-8 w-64 rounded-md border-border bg-background/45 text-xs max-md:w-full`,children:(0,b.jsx)(s,{placeholder:`Agent`})}),(0,b.jsx)(c,{align:`end`,children:e.agents.map(e=>(0,b.jsx)(i,{value:e.id,children:e.name??e.id},e.id))})]}):null]})]})}),(0,b.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-4 pr-6`,children:(0,b.jsx)(`div`,{className:`grid w-full gap-5`,children:e.enabled?e.loading?(0,b.jsx)(k,{title:`Loading tools`,message:`Reading registered tool metadata.`}):n.length===0?(0,b.jsx)(k,{title:`No tools`,message:`The selected agent has no registered tools.`}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(S,{selectedToolName:w?.name??``,tools:n,onSelectTool:l}),(0,b.jsx)(_,{argsText:d,runError:x,runResponse:h,runState:p,selectedTool:w,onArgsTextChange:f,onRun:()=>void M()})]}):(0,b.jsx)(k,{title:`Tools unavailable`,message:`No registered Studio agent exposes static or dynamic tools.`})})})]})}function S(e){return(0,b.jsx)(`div`,{className:`min-w-[1040px]`,children:(0,b.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,b.jsx)(`thead`,{className:`sticky top-0 z-10 bg-background/95 backdrop-blur`,children:(0,b.jsxs)(`tr`,{children:[(0,b.jsx)(w,{children:`Tool`}),(0,b.jsx)(w,{children:`Origin`}),(0,b.jsx)(w,{children:`Schema`}),(0,b.jsx)(w,{children:`Approval`}),(0,b.jsx)(w,{children:`Run`})]})}),(0,b.jsx)(`tbody`,{children:e.tools.map(t=>(0,b.jsx)(C,{active:e.selectedToolName===t.name,tool:t,onSelectTool:e.onSelectTool},`${t.source}:${t.name}`))})]})})}function C(e){let t=d(e.tool.parameters);return(0,b.jsxs)(`tr`,{children:[(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,b.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.tool.name}),e.active?(0,b.jsx)(l,{className:O,children:`selected`}):null]}),(0,b.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:e.tool.agentId}),(0,b.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.tool.description})]})}),(0,b.jsx)(T,{children:(0,b.jsx)(l,{className:g(e.tool),children:f(e.tool)})}),(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,b.jsx)(h,{children:m(e.tool.parameters)}),(0,b.jsxs)(h,{children:[t,` `,t===1?`field`:`fields`]})]})}),(0,b.jsx)(T,{children:(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,b.jsx)(l,{className:p(e.tool.approval.required),children:e.tool.approval.required?`required`:`none`}),e.tool.approval.reason===void 0?null:(0,b.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,b.jsx)(T,{children:(0,b.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 w(e){return(0,b.jsx)(`th`,{className:`border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function T(e){return(0,b.jsx)(`td`,{className:`border-b border-border/70 py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function E(e){return(0,b.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,b.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function D(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 O=`border-border/80 bg-muted/45 text-foreground`;function k(e){return(0,b.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,b.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,b.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,b.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.message})]})})}export{x as ToolsPage};
+//# sourceMappingURL=tools-page-Ba5ej9lZ.js.map