@anvia/studio 1.0.13 → 1.0.14

package/dist/ui/assets/{status-page-Ys5dQyMG.js → status-page-B-57_iOR.js}

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

package/dist/ui/assets/{status-page-Ys5dQyMG.js.map → status-page-B-57_iOR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"status-page-Ys5dQyMG.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 {\n  StudioEmptyState,\n  StudioHeaderMetric,\n  StudioPageContent,\n  StudioPageHeader,\n  StudioPageShell,\n} from \"../../components/ui/studio\";\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    <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"Status\">\n      <StudioPageHeader\n        title=\"Status\"\n        description=\"Runtime health, storage adapters, feature capabilities, and current record counts.\"\n        action={\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start\">\n            <StudioHeaderMetric label=\"agents\" value={summary?.counts.agents ?? 0} />\n            <StudioHeaderMetric label=\"sessions\" value={summary?.counts.sessions ?? \"-\"} />\n            <StudioHeaderMetric 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        }\n      />\n\n      <StudioPageContent className=\"overflow-auto\">\n        {!props.enabled ? (\n          <StudioEmptyState\n            title=\"Status unavailable\"\n            text=\"This Studio runtime did not expose status.\"\n          />\n        ) : loading && summary === undefined ? (\n          <StudioEmptyState title=\"Loading status\" text=\"Reading runtime status.\" />\n        ) : error.length > 0 ? (\n          <StudioEmptyState title=\"Status error\" text={error} />\n        ) : summary === undefined ? null : (\n          <StatusDashboard summary={summary} />\n        )}\n      </StudioPageContent>\n    </StudioPageShell>\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-hair 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-hair 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-hair bg-muted text-foreground\">online</Badge>\n          <Badge className=\"border-hair bg-background text-muted-foreground\">\n            {props.enabledCapabilityCount} capabilities\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid border-y border-hair\">\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-hair\">\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-hair\">\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-hair sm:grid-cols-2 sm:divide-x sm:divide-hair\">\n          {entries.map(([name, capability], index) => (\n            <div\n              className={[\n                \"grid min-w-0 gap-1 border-b border-hair 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-hair\" open>\n        <summary className=\"flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted 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-hair\">\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 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-hair 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-hair 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-hair px-3 py-8 text-center text-sm text-muted-foreground\">\n      {props.text}\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-B-57_iOR.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 {\n  StudioEmptyState,\n  StudioHeaderMetric,\n  StudioPageContent,\n  StudioPageHeader,\n  StudioPageShell,\n} from \"../../components/ui/studio\";\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    <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"Status\">\n      <StudioPageHeader\n        title=\"Status\"\n        description=\"Runtime health, storage adapters, feature capabilities, and current record counts.\"\n        action={\n          <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start\">\n            <StudioHeaderMetric label=\"agents\" value={summary?.counts.agents ?? 0} />\n            <StudioHeaderMetric label=\"sessions\" value={summary?.counts.sessions ?? \"-\"} />\n            <StudioHeaderMetric 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        }\n      />\n\n      <StudioPageContent className=\"overflow-auto\">\n        {!props.enabled ? (\n          <StudioEmptyState\n            title=\"Status unavailable\"\n            text=\"This Studio runtime did not expose status.\"\n          />\n        ) : loading && summary === undefined ? (\n          <StudioEmptyState title=\"Loading status\" text=\"Reading runtime status.\" />\n        ) : error.length > 0 ? (\n          <StudioEmptyState title=\"Status error\" text={error} />\n        ) : summary === undefined ? null : (\n          <StatusDashboard summary={summary} />\n        )}\n      </StudioPageContent>\n    </StudioPageShell>\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-hair 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-hair 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-hair bg-muted text-foreground\">online</Badge>\n          <Badge className=\"border-hair bg-background text-muted-foreground\">\n            {props.enabledCapabilityCount} capabilities\n          </Badge>\n        </div>\n      </div>\n      <div className=\"grid border-y border-hair\">\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-hair\">\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-hair\">\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-hair sm:grid-cols-2 sm:divide-x sm:divide-hair\">\n          {entries.map(([name, capability], index) => (\n            <div\n              className={[\n                \"grid min-w-0 gap-1 border-b border-hair 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-hair\" open>\n        <summary className=\"flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted 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-hair\">\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 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-hair 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-hair 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-hair px-3 py-8 text-center text-sm text-muted-foreground\">\n      {props.text}\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-Cwfc3yY8.js → tool-runner-DcuNII62.js}

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

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

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

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

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