@anvia/studio 0.7.4 → 0.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/index.d.ts +17 -1
  2. package/dist/index.js +66 -12
  3. package/dist/index.js.map +1 -1
  4. package/dist/ui/assets/PathIcon-DX1w_Nk9.js +2 -0
  5. package/dist/ui/assets/PathIcon-DX1w_Nk9.js.map +1 -0
  6. package/dist/ui/assets/PlayIcon-Culan3xL.js +2 -0
  7. package/dist/ui/assets/PlayIcon-Culan3xL.js.map +1 -0
  8. package/dist/ui/assets/RefreshIcon-B3w42HZJ.js +2 -0
  9. package/dist/ui/assets/RefreshIcon-B3w42HZJ.js.map +1 -0
  10. package/dist/ui/assets/agents-page-B8Tw2e11.js +2 -0
  11. package/dist/ui/assets/agents-page-B8Tw2e11.js.map +1 -0
  12. package/dist/ui/assets/badge-BH7gz3tB.js +2 -0
  13. package/dist/ui/assets/badge-BH7gz3tB.js.map +1 -0
  14. package/dist/ui/assets/evals-page-ClfscpGe.js +2 -0
  15. package/dist/ui/assets/evals-page-ClfscpGe.js.map +1 -0
  16. package/dist/ui/assets/format-C9HPGfkW.js +2 -0
  17. package/dist/ui/assets/format-C9HPGfkW.js.map +1 -0
  18. package/dist/ui/assets/index-C3lio5tU.css +1 -0
  19. package/dist/ui/assets/index-COJ_MozM.js +54 -0
  20. package/dist/ui/assets/index-COJ_MozM.js.map +1 -0
  21. package/dist/ui/assets/knowledge-page-Dt81OgNg.js +2 -0
  22. package/dist/ui/assets/knowledge-page-Dt81OgNg.js.map +1 -0
  23. package/dist/ui/assets/mcps-page-Bm4k-j7D.js +2 -0
  24. package/dist/ui/assets/mcps-page-Bm4k-j7D.js.map +1 -0
  25. package/dist/ui/assets/memory-page-CxinVNJm.js +2 -0
  26. package/dist/ui/assets/memory-page-CxinVNJm.js.map +1 -0
  27. package/dist/ui/assets/pipelines-page-CIAhfO0w.js +8 -0
  28. package/dist/ui/assets/{pipelines-page-B1kaAtRn.js.map → pipelines-page-CIAhfO0w.js.map} +1 -1
  29. package/dist/ui/assets/{renderers-BsGl9Gjx.js → renderers-CIC1VVRv.js} +3 -3
  30. package/dist/ui/assets/{renderers-BsGl9Gjx.js.map → renderers-CIC1VVRv.js.map} +1 -1
  31. package/dist/ui/assets/sessions-page-DqKjZ6zC.js +2 -0
  32. package/dist/ui/assets/sessions-page-DqKjZ6zC.js.map +1 -0
  33. package/dist/ui/assets/status-page-N-P1HQHB.js +2 -0
  34. package/dist/ui/assets/status-page-N-P1HQHB.js.map +1 -0
  35. package/dist/ui/assets/tools-page-B0Y9wa_k.js +2 -0
  36. package/dist/ui/assets/tools-page-B0Y9wa_k.js.map +1 -0
  37. package/dist/ui/assets/trace-browser-BRkv3nwQ.js +10 -0
  38. package/dist/ui/assets/trace-browser-BRkv3nwQ.js.map +1 -0
  39. package/dist/ui/assets/transcript-item-goNEUTqW.js +3 -0
  40. package/dist/ui/assets/transcript-item-goNEUTqW.js.map +1 -0
  41. package/dist/ui/index.html +3 -2
  42. package/package.json +3 -2
  43. package/dist/ui/assets/ArrowClockwise.es-BRsjq4nG.js +0 -2
  44. package/dist/ui/assets/ArrowClockwise.es-BRsjq4nG.js.map +0 -1
  45. package/dist/ui/assets/Path.es-BUWhvlO4.js +0 -2
  46. package/dist/ui/assets/Path.es-BUWhvlO4.js.map +0 -1
  47. package/dist/ui/assets/Play.es-BMj9mcZd.js +0 -2
  48. package/dist/ui/assets/Play.es-BMj9mcZd.js.map +0 -1
  49. package/dist/ui/assets/agents-page-Cs0-55-x.js +0 -2
  50. package/dist/ui/assets/agents-page-Cs0-55-x.js.map +0 -1
  51. package/dist/ui/assets/badge-Bqf5Z3q8.js +0 -2
  52. package/dist/ui/assets/badge-Bqf5Z3q8.js.map +0 -1
  53. package/dist/ui/assets/evals-page-CEsOQH1F.js +0 -2
  54. package/dist/ui/assets/evals-page-CEsOQH1F.js.map +0 -1
  55. package/dist/ui/assets/index-CISgSi9m.js +0 -54
  56. package/dist/ui/assets/index-CISgSi9m.js.map +0 -1
  57. package/dist/ui/assets/index-DZcBJXlw.css +0 -1
  58. package/dist/ui/assets/knowledge-page-DkuuWYwn.js +0 -2
  59. package/dist/ui/assets/knowledge-page-DkuuWYwn.js.map +0 -1
  60. package/dist/ui/assets/mcps-page-Cg44hTqs.js +0 -2
  61. package/dist/ui/assets/mcps-page-Cg44hTqs.js.map +0 -1
  62. package/dist/ui/assets/memory-page-CSfAtDIq.js +0 -2
  63. package/dist/ui/assets/memory-page-CSfAtDIq.js.map +0 -1
  64. package/dist/ui/assets/pipelines-page-B1kaAtRn.js +0 -8
  65. package/dist/ui/assets/sessions-page-BC0CO7NX.js +0 -2
  66. package/dist/ui/assets/sessions-page-BC0CO7NX.js.map +0 -1
  67. package/dist/ui/assets/status-page-BRktao-I.js +0 -2
  68. package/dist/ui/assets/status-page-BRktao-I.js.map +0 -1
  69. package/dist/ui/assets/tools-page-FH6kc45U.js +0 -2
  70. package/dist/ui/assets/tools-page-FH6kc45U.js.map +0 -1
  71. package/dist/ui/assets/trace-browser-KsF4pJ1E.js +0 -10
  72. package/dist/ui/assets/trace-browser-KsF4pJ1E.js.map +0 -1
  73. package/dist/ui/assets/transcript-item-BwOv5UHH.js +0 -3
  74. package/dist/ui/assets/transcript-item-BwOv5UHH.js.map +0 -1
@@ -1,2 +0,0 @@
1
- import{i as e,r as t,s as n}from"./utils-BN2yP0LH.js";import{w as r}from"./index-CISgSi9m.js";import{t as i}from"./badge-Bqf5Z3q8.js";import{t as a}from"./renderers-BsGl9Gjx.js";var o=n(e(),1),s=t();function c(e){let[t,n]=(0,o.useState)(),[c,p]=(0,o.useState)(!1),[m,h]=(0,o.useState)(``),g=(0,o.useCallback)(async()=>{if(!e.enabled){n(void 0);return}p(!0),h(``);try{let e=await fetch(`/status`);if(!e.ok)throw Error(`Status failed with HTTP ${e.status}`);n(await e.json())}catch(e){h(e instanceof Error?e.message:String(e)),n(void 0)}finally{p(!1)}},[e.enabled]);return(0,o.useEffect)(()=>{g()},[g]),(0,s.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Status`,children:[(0,s.jsx)(`header`,{className:`bg-background/70 pb-5 pl-0 pr-6 pt-0 backdrop-blur`,children:(0,s.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,s.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,s.jsx)(`div`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.24em] text-primary`,children:`Operations`}),(0,s.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Status`}),(0,s.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Runtime health, storage adapters, feature capabilities, and current record counts.`})]}),(0,s.jsx)(r,{className:`h-9 min-h-9 rounded-lg px-3 font-mono text-xs`,type:`button`,variant:`secondary`,disabled:c,onClick:()=>void g(),children:`Refresh`})]})}),(0,s.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-0 pr-6`,children:e.enabled?c&&t===void 0?(0,s.jsx)(f,{title:`Loading status`,text:`Reading runtime status.`}):m.length>0?(0,s.jsx)(f,{title:`Status error`,text:m}):t===void 0?null:(0,s.jsxs)(`div`,{className:`grid gap-4`,children:[(0,s.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-4`,children:[(0,s.jsx)(l,{label:`Agents`,value:t.counts.agents}),(0,s.jsx)(l,{label:`Pipelines`,value:t.counts.pipelines}),(0,s.jsx)(l,{label:`Sessions`,value:t.counts.sessions??`-`}),(0,s.jsx)(l,{label:`Traces`,value:t.counts.traces??`-`})]}),(0,s.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)]`,children:[(0,s.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5`,children:[(0,s.jsx)(d,{children:`runtime`}),(0,s.jsx)(u,{label:`id`,value:t.runner.id}),(0,s.jsx)(u,{label:`name`,value:t.runner.name??`-`}),(0,s.jsx)(u,{label:`version`,value:t.runner.version??`-`}),(0,s.jsx)(u,{label:`generated`,value:t.generatedAt})]}),(0,s.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5`,children:[(0,s.jsx)(d,{children:`storage`}),(0,s.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[Object.entries(t.storage).map(([e,t])=>(0,s.jsx)(u,{label:e,value:t??`-`},e)),Object.entries(t.storage).length===0?(0,s.jsx)(`div`,{className:`rounded-lg border border-dashed border-border/80 bg-background/45 px-3 py-2 text-sm text-muted-foreground`,children:`No storage adapters reported.`}):null]})]})]}),(0,s.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5`,children:[(0,s.jsx)(d,{children:`capabilities`}),(0,s.jsx)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:Object.entries(t.capabilities).map(([e,t])=>(0,s.jsx)(i,{className:t?.enabled?`border-primary/35 bg-primary/10 text-primary`:`border-border/80 bg-muted/55 text-muted-foreground`,children:e},e))})]}),(0,s.jsxs)(`section`,{className:`grid min-w-0 overflow-hidden rounded-xl border border-border/80 bg-card/45`,children:[(0,s.jsx)(`div`,{className:`flex min-h-10 items-center justify-between gap-3 border-b border-border/80 bg-muted/20 px-4`,children:(0,s.jsx)(d,{children:`raw summary`})}),(0,s.jsx)(`div`,{className:`min-w-0 overflow-x-auto`,children:(0,s.jsx)(`pre`,{className:`m-0 min-w-max p-4 font-mono text-[12px] leading-5 text-foreground`,children:(0,s.jsx)(`code`,{children:(0,s.jsx)(a,{text:JSON.stringify(t,null,2)})})})})]})]}):(0,s.jsx)(f,{title:`Status unavailable`,text:`This Studio runtime did not expose status.`})})]})}function l(e){return(0,s.jsxs)(`div`,{className:`grid gap-2 rounded-xl border border-border/80 bg-card/45 p-5`,children:[(0,s.jsx)(`span`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:e.label}),(0,s.jsx)(`span`,{className:`font-mono text-3xl font-semibold tracking-tight text-foreground`,children:e.value})]})}function u(e){return(0,s.jsxs)(`div`,{className:`grid min-w-0 gap-1 rounded-lg bg-background/45 px-3 py-2 text-sm`,children:[(0,s.jsx)(`span`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,s.jsx)(`span`,{className:`min-w-0 truncate font-mono text-xs text-foreground`,title:String(e.value),children:e.value})]})}function d(e){return(0,s.jsx)(`h2`,{className:`m-0 font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:e.children})}function f(e){return(0,s.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,s.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,s.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,s.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.text})]})})}export{c as StatusPage};
2
- //# sourceMappingURL=status-page-BRktao-I.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"status-page-BRktao-I.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 { JsonSyntax } from \"../shared/renderers\";\n\nexport function StatusPage(props: { enabled: boolean }) {\n const [summary, setSummary] = useState<StudioStatusSummary | undefined>();\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const loadStatus = useCallback(async () => {\n if (!props.enabled) {\n setSummary(undefined);\n return;\n }\n setLoading(true);\n setError(\"\");\n try {\n const response = await fetch(\"/status\");\n if (!response.ok) {\n throw new Error(`Status failed with HTTP ${response.status}`);\n }\n setSummary((await response.json()) as StudioStatusSummary);\n } catch (loadError) {\n setError(loadError instanceof Error ? loadError.message : String(loadError));\n setSummary(undefined);\n } finally {\n setLoading(false);\n }\n }, [props.enabled]);\n\n useEffect(() => {\n void loadStatus();\n }, [loadStatus]);\n\n return (\n <section\n className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55\"\n aria-label=\"Status\"\n >\n <header className=\"bg-background/70 pb-5 pl-0 pr-6 pt-0 backdrop-blur\">\n <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1\">\n <div className=\"grid min-w-0 gap-2\">\n <div className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.24em] text-primary\">\n Operations\n </div>\n <h1 className=\"m-0 text-2xl font-semibold leading-none tracking-tight text-foreground\">\n Status\n </h1>\n <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n Runtime health, storage adapters, feature capabilities, and current record counts.\n </p>\n </div>\n <Button\n className=\"h-9 min-h-9 rounded-lg px-3 font-mono text-xs\"\n type=\"button\"\n variant=\"secondary\"\n disabled={loading}\n onClick={() => void loadStatus()}\n >\n Refresh\n </Button>\n </div>\n </header>\n\n <div className=\"min-h-0 overflow-auto pb-6 pl-0 pr-6\">\n {!props.enabled ? (\n <EmptyState\n title=\"Status unavailable\"\n text=\"This Studio runtime did not expose status.\"\n />\n ) : loading && summary === undefined ? (\n <EmptyState title=\"Loading status\" text=\"Reading runtime status.\" />\n ) : error.length > 0 ? (\n <EmptyState title=\"Status error\" text={error} />\n ) : summary === undefined ? null : (\n <div className=\"grid gap-4\">\n <div className=\"grid gap-4 lg:grid-cols-4\">\n <Metric label=\"Agents\" value={summary.counts.agents} />\n <Metric label=\"Pipelines\" value={summary.counts.pipelines} />\n <Metric label=\"Sessions\" value={summary.counts.sessions ?? \"-\"} />\n <Metric label=\"Traces\" value={summary.counts.traces ?? \"-\"} />\n </div>\n <div className=\"grid gap-4 xl:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)]\">\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5\">\n <SectionLabel>runtime</SectionLabel>\n <KeyValue label=\"id\" value={summary.runner.id} />\n <KeyValue label=\"name\" value={summary.runner.name ?? \"-\"} />\n <KeyValue label=\"version\" value={summary.runner.version ?? \"-\"} />\n <KeyValue label=\"generated\" value={summary.generatedAt} />\n </section>\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5\">\n <SectionLabel>storage</SectionLabel>\n <div className=\"grid gap-2 sm:grid-cols-2\">\n {Object.entries(summary.storage).map(([key, value]) => (\n <KeyValue key={key} label={key} value={value ?? \"-\"} />\n ))}\n {Object.entries(summary.storage).length === 0 ? (\n <div className=\"rounded-lg border border-dashed border-border/80 bg-background/45 px-3 py-2 text-sm text-muted-foreground\">\n No storage adapters reported.\n </div>\n ) : null}\n </div>\n </section>\n </div>\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-card/45 p-5\">\n <SectionLabel>capabilities</SectionLabel>\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n {Object.entries(summary.capabilities).map(([name, capability]) => (\n <Badge\n className={\n capability?.enabled\n ? \"border-primary/35 bg-primary/10 text-primary\"\n : \"border-border/80 bg-muted/55 text-muted-foreground\"\n }\n key={name}\n >\n {name}\n </Badge>\n ))}\n </div>\n </section>\n <section className=\"grid min-w-0 overflow-hidden rounded-xl border border-border/80 bg-card/45\">\n <div className=\"flex min-h-10 items-center justify-between gap-3 border-b border-border/80 bg-muted/20 px-4\">\n <SectionLabel>raw summary</SectionLabel>\n </div>\n <div className=\"min-w-0 overflow-x-auto\">\n <pre className=\"m-0 min-w-max p-4 font-mono text-[12px] leading-5 text-foreground\">\n <code>\n <JsonSyntax text={JSON.stringify(summary, null, 2)} />\n </code>\n </pre>\n </div>\n </section>\n </div>\n )}\n </div>\n </section>\n );\n}\n\nfunction Metric(props: { label: string; value: string | number }) {\n return (\n <div className=\"grid gap-2 rounded-xl border border-border/80 bg-card/45 p-5\">\n <span className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n {props.label}\n </span>\n <span className=\"font-mono text-3xl font-semibold tracking-tight text-foreground\">\n {props.value}\n </span>\n </div>\n );\n}\n\nfunction KeyValue(props: { label: string; value: string | number }) {\n return (\n <div className=\"grid min-w-0 gap-1 rounded-lg bg-background/45 px-3 py-2 text-sm\">\n <span className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n {props.label}\n </span>\n <span\n className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n title={String(props.value)}\n >\n {props.value}\n </span>\n </div>\n );\n}\n\nfunction SectionLabel(props: { children: string }) {\n return (\n <h2 className=\"m-0 font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n {props.children}\n </h2>\n );\n}\n\nfunction EmptyState(props: { title: string; text: string }) {\n return (\n <div className=\"grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center\">\n <div className=\"grid max-w-md gap-2\">\n <h2 className=\"m-0 text-base font-semibold text-foreground\">{props.title}</h2>\n <p className=\"m-0 text-sm leading-6 text-muted-foreground\">{props.text}</p>\n </div>\n </div>\n );\n}\n"],"mappings":"uMAMA,SAAgB,EAAW,EAA6B,CACtD,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,WAAyD,CACnE,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAO,IAAA,EAAA,EAAA,UAAqB,GAAG,CAEhC,GAAA,EAAA,EAAA,aAAyB,SAAY,CACzC,GAAI,CAAC,EAAM,QAAS,CAClB,EAAW,IAAA,GAAU,CACrB,OAEF,EAAW,GAAK,CAChB,EAAS,GAAG,CACZ,GAAI,CACF,IAAM,EAAW,MAAM,MAAM,UAAU,CACvC,GAAI,CAAC,EAAS,GACZ,MAAU,MAAM,2BAA2B,EAAS,SAAS,CAE/D,EAAY,MAAM,EAAS,MAAM,CAAyB,OACnD,EAAW,CAClB,EAAS,aAAqB,MAAQ,EAAU,QAAU,OAAO,EAAU,CAAC,CAC5E,EAAW,IAAA,GAAU,QACb,CACR,EAAW,GAAM,GAElB,CAAC,EAAM,QAAQ,CAAC,CAMnB,OAJA,EAAA,EAAA,eAAgB,CACT,GAAY,EAChB,CAAC,EAAW,CAAC,EAGd,EAAA,EAAA,MAAC,UAAD,CACE,UAAU,+EACV,aAAW,kBAFb,EAIE,EAAA,EAAA,KAAC,SAAD,CAAQ,UAAU,+DAChB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yFAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wFAA+E,aAExF,CAAA,EACN,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,kFAAyE,SAElF,CAAA,EACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oEAA2D,qFAEpE,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,gDACV,KAAK,SACL,QAAQ,YACR,SAAU,EACV,YAAe,KAAK,GAAY,UACjC,UAEQ,CAAA,CACL,GACC,CAAA,EAET,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gDACX,EAAM,QAKJ,GAAW,IAAY,IAAA,IACzB,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,iBAAiB,KAAK,0BAA4B,CAAA,CAClE,EAAM,OAAS,GACjB,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,eAAe,KAAM,EAAS,CAAA,CAC9C,IAAY,IAAA,GAAY,MAC1B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sBAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,MAAM,SAAS,MAAO,EAAQ,OAAO,OAAU,CAAA,EACvD,EAAA,EAAA,KAAC,EAAD,CAAQ,MAAM,YAAY,MAAO,EAAQ,OAAO,UAAa,CAAA,EAC7D,EAAA,EAAA,KAAC,EAAD,CAAQ,MAAM,WAAW,MAAO,EAAQ,OAAO,UAAY,IAAO,CAAA,EAClE,EAAA,EAAA,KAAC,EAAD,CAAQ,MAAM,SAAS,MAAO,EAAQ,OAAO,QAAU,IAAO,CAAA,CAC1D,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,EACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,wEAAnB,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,UAAsB,CAAA,EACpC,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,KAAK,MAAO,EAAQ,OAAO,GAAM,CAAA,EACjD,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,OAAO,MAAO,EAAQ,OAAO,MAAQ,IAAO,CAAA,EAC5D,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,UAAU,MAAO,EAAQ,OAAO,SAAW,IAAO,CAAA,EAClE,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,YAAY,MAAO,EAAQ,YAAe,CAAA,CAClD,IACV,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,wEAAnB,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,UAAsB,CAAA,EACpC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,CACG,OAAO,QAAQ,EAAQ,QAAQ,CAAC,KAAK,CAAC,EAAK,MAC1C,EAAA,EAAA,KAAC,EAAD,CAAoB,MAAO,EAAK,MAAO,GAAS,IAAO,CAAxC,EAAwC,CACvD,CACD,OAAO,QAAQ,EAAQ,QAAQ,CAAC,SAAW,GAC1C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qHAA4G,gCAErH,CAAA,CACJ,KACA,GACE,GACN,IACN,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,wEAAnB,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,eAA2B,CAAA,EACzC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wCACZ,OAAO,QAAQ,EAAQ,aAAa,CAAC,KAAK,CAAC,EAAM,MAChD,EAAA,EAAA,KAAC,EAAD,CACE,UACE,GAAY,QACR,+CACA,8DAIL,EACK,CAHD,EAGC,CACR,CACE,CAAA,CACE,IACV,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,sFAAnB,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wGACb,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,cAA0B,CAAA,CACpC,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACb,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8EACb,EAAA,EAAA,KAAC,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAY,KAAM,KAAK,UAAU,EAAS,KAAM,EAAE,CAAI,CAAA,CACjD,CAAA,CACH,CAAA,CACF,CAAA,CACE,GACN,IAnEN,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,qBACN,KAAK,6CACL,CAAA,CAkEA,CAAA,CACE,GAId,SAAS,EAAO,EAAkD,CAChE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wEAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gGACb,EAAM,MACF,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,2EACb,EAAM,MACF,CAAA,CACH,GAIV,SAAS,EAAS,EAAkD,CAClE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4EAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,iGACb,EAAM,MACF,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,qDACV,MAAO,OAAO,EAAM,MAAM,UAEzB,EAAM,MACF,CAAA,CACH,GAIV,SAAS,EAAa,EAA6B,CACjD,OACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oGACX,EAAM,SACJ,CAAA,CAIT,SAAS,EAAW,EAAwC,CAC1D,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0HACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,uDAA+C,EAAM,MAAW,CAAA,EAC9E,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uDAA+C,EAAM,KAAS,CAAA,CACvE,GACF,CAAA"}
@@ -1,2 +0,0 @@
1
- import{i as e,r as t,s as n,t as r}from"./utils-BN2yP0LH.js";import{a as i,i as a,n as o,o as s,r as c,t as l,w as u}from"./index-CISgSi9m.js";import{t as d}from"./badge-Bqf5Z3q8.js";import{t as f}from"./renderers-BsGl9Gjx.js";var p=n(e(),1),m=t();function h(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=e.summary?.tools??[],[r,f]=(0,p.useState)(``),[h,b]=(0,p.useState)(`{}`),[S,w]=(0,p.useState)(`idle`),[T,E]=(0,p.useState)(),[D,O]=(0,p.useState)(``),k=(0,p.useMemo)(()=>n.find(e=>e.name===r)??n[0],[r,n]);(0,p.useEffect)(()=>{if(n.length===0){f(``);return}n.some(e=>e.name===r)||f(n[0]?.name??``)},[r,n]);async function A(){if(t===void 0||k===void 0)return;let e;try{e=JSON.parse(h)}catch(e){O(e instanceof Error?e.message:String(e)),E(void 0);return}w(`running`),O(``),E(void 0);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();E(r),(!n.ok||r.status===`error`)&&O(C(r.error??r))}catch(e){O(e instanceof Error?e.message:String(e))}finally{w(`idle`)}}return(0,m.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Tools`,children:[(0,m.jsx)(`header`,{className:`bg-background/70 pb-5 pl-0 pr-6 pt-0 backdrop-blur`,children:(0,m.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,m.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,m.jsx)(`div`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.24em] text-primary`,children:`Agent capabilities`}),(0,m.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Tools`}),(0,m.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Tool definitions registered on Studio agents, including approval policy and input schema.`})]}),e.agents.length>1?(0,m.jsxs)(o,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,m.jsx)(i,{className:`h-9 min-h-9 w-64 rounded-lg border-border bg-card/80 font-mono text-xs max-md:w-full`,children:(0,m.jsx)(s,{placeholder:`Agent`})}),(0,m.jsx)(c,{align:`end`,children:e.agents.map(e=>(0,m.jsx)(a,{value:e.id,children:e.name??e.id},e.id))})]}):null]})}),(0,m.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-0 pr-6`,children:(0,m.jsx)(`div`,{className:`grid w-full gap-4`,children:e.enabled?e.loading?(0,m.jsx)(v,{title:`Loading tools`,message:`Reading registered tool metadata.`}):n.length===0?(0,m.jsx)(v,{title:`No tools`,message:`The selected agent has no registered tools.`}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(`section`,{className:`grid gap-4 rounded-xl border border-border/80 bg-card/55 p-4 shadow-sm xl:grid-cols-[minmax(300px,0.7fr)_minmax(0,1fr)]`,children:[(0,m.jsxs)(`div`,{className:`grid content-start gap-3`,children:[(0,m.jsxs)(`div`,{className:`grid gap-1`,children:[(0,m.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:`Run tool`}),(0,m.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:`Invoke a registered tool directly with JSON arguments and inspect the raw result.`})]}),(0,m.jsxs)(o,{value:k?.name??``,onValueChange:f,children:[(0,m.jsx)(i,{className:`h-9 min-h-9 rounded-lg border-border bg-background/80 font-mono text-xs`,children:(0,m.jsx)(s,{placeholder:`Tool`})}),(0,m.jsx)(c,{children:n.map(e=>(0,m.jsx)(a,{value:e.name,children:e.name},`${e.source}:${e.name}`))})]}),k===void 0?null:(0,m.jsxs)(`div`,{className:`grid gap-2 rounded-lg bg-background/45 p-3`,children:[(0,m.jsx)(`span`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:`selected definition`}),(0,m.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:k.description}),(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,m.jsx)(d,{className:y(k.source),children:k.source}),(0,m.jsxs)(d,{className:`border-border/80 bg-muted/55 text-muted-foreground`,children:[x(k.parameters),` fields`]})]})]})]}),(0,m.jsxs)(`div`,{className:`grid min-w-0 gap-3`,children:[(0,m.jsx)(l,{className:`min-h-40 resize-y rounded-lg border-border bg-background/70 p-3 font-mono text-xs leading-5`,value:h,spellCheck:!1,onChange:e=>b(e.target.value)}),(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,m.jsx)(`span`,{className:`min-w-0 truncate font-mono text-xs text-muted-foreground`,children:`Arguments must be valid JSON.`}),(0,m.jsx)(u,{className:`h-9 min-h-9 rounded-lg px-4 font-mono text-xs`,type:`button`,disabled:S===`running`||k===void 0,onClick:()=>void A(),children:S===`running`?`Running`:`Run`})]}),D.length>0?(0,m.jsx)(`div`,{className:`rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-xs leading-5 text-destructive`,children:D}):null,T===void 0?null:(0,m.jsx)(_,{value:T,title:`Result`})]})]}),(0,m.jsxs)(`div`,{className:`grid gap-1 overflow-hidden rounded-xl border border-border/80 bg-card/55 p-2 shadow-sm`,children:[(0,m.jsxs)(`div`,{className:`grid min-h-10 grid-cols-[minmax(260px,0.75fr)_minmax(0,1fr)] items-center rounded-lg border border-border/60 bg-muted/20 px-4 font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground max-lg:hidden`,children:[(0,m.jsx)(`span`,{children:`Definition`}),(0,m.jsx)(`span`,{children:`Parameter schema`})]}),n.map(e=>(0,m.jsx)(g,{tool:e},`${e.source}:${e.name}`))]})]}):(0,m.jsx)(v,{title:`Tools unavailable`,message:`No registered Studio agent exposes static or dynamic tools.`})})})]})}function g(e){let t=x(e.tool.parameters);return(0,m.jsxs)(`article`,{className:`grid grid-cols-[minmax(300px,0.75fr)_minmax(0,1fr)] gap-2 rounded-lg border border-transparent bg-background/25 p-2 transition duration-200 hover:border-border/70 hover:bg-background/35 max-lg:grid-cols-1`,children:[(0,m.jsxs)(`div`,{className:`grid content-start gap-4 rounded-lg bg-card/25 p-3`,children:[(0,m.jsxs)(`div`,{className:`grid gap-1`,children:[(0,m.jsx)(`h2`,{className:`m-0 truncate font-mono text-[15px] font-semibold text-foreground`,children:e.tool.name}),(0,m.jsx)(`span`,{className:`truncate font-mono text-[11px] font-medium text-muted-foreground`,children:e.tool.agentId})]}),(0,m.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:e.tool.description}),(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,m.jsx)(d,{className:y(e.tool.source),children:e.tool.source}),(0,m.jsxs)(d,{className:r(e.tool.approval.required?`border-primary/35 bg-primary/10 text-primary`:`border-border/80 bg-muted/55 text-muted-foreground`),children:[`approval `,e.tool.approval.required?`required`:`none`]}),(0,m.jsxs)(d,{className:`border-border/80 bg-transparent text-muted-foreground`,children:[t,` `,t===1?`field`:`fields`]})]}),e.tool.approval.reason===void 0?null:(0,m.jsx)(`p`,{className:`m-0 rounded-lg bg-primary/10 px-3 py-2 text-xs leading-5 text-muted-foreground`,children:e.tool.approval.reason})]}),(0,m.jsx)(_,{value:e.tool.parameters,title:`JSON schema`})]})}function _(e){return(0,m.jsxs)(`section`,{className:`grid min-w-0 content-start overflow-hidden rounded-lg bg-background/45`,children:[(0,m.jsxs)(`div`,{className:`flex min-h-9 items-center justify-between gap-3 bg-muted/20 px-4`,children:[(0,m.jsx)(`span`,{className:`font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground`,children:e.title}),(0,m.jsx)(`span`,{className:`font-mono text-[10px] text-muted-foreground`,children:b(e.value)})]}),(0,m.jsx)(`div`,{className:`min-w-0 overflow-x-auto`,children:(0,m.jsx)(`pre`,{className:`m-0 max-h-96 min-w-max p-4 font-mono text-[12px] leading-5 text-foreground`,children:(0,m.jsx)(`code`,{children:(0,m.jsx)(f,{text:S(e.value)})})})})]})}function v(e){return(0,m.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,m.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,m.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:e.title}),(0,m.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:e.message})]})})}function y(e){return e===`dynamic`?`border-primary/35 bg-primary/10 text-primary`:`border-border/80 bg-muted/55 text-muted-foreground`}function b(e){if(typeof e!=`object`||!e||Array.isArray(e))return`value`;let t=e.type;return typeof t==`string`?t:`object`}function x(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 S(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function C(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}export{h as ToolsPage};
2
- //# sourceMappingURL=tools-page-FH6kc45U.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tools-page-FH6kc45U.js","names":[],"sources":["../../../src/ui/app/modules/tools/tools-page.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type {\n StudioAgentToolMetadata,\n StudioAgentToolsSummary,\n StudioConfig,\n StudioToolRunResponse,\n} from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"../../components/ui/select\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { cn } from \"../../lib/utils\";\nimport { JsonSyntax } from \"../shared/renderers\";\n\nexport function ToolsPage(props: {\n agents: StudioConfig[\"agents\"];\n selectedAgentId: string;\n summary: StudioAgentToolsSummary | undefined;\n enabled: boolean;\n loading: boolean;\n onSelectAgent: (agentId: string) => void;\n}) {\n const selectedAgent =\n props.agents.find((agent) => agent.id === props.selectedAgentId) ?? props.agents[0];\n const tools = props.summary?.tools ?? [];\n const [selectedToolName, setSelectedToolName] = useState(\"\");\n const [argsText, setArgsText] = useState(\"{}\");\n const [runState, setRunState] = useState<\"idle\" | \"running\">(\"idle\");\n const [runResponse, setRunResponse] = useState<StudioToolRunResponse | undefined>();\n const [runError, setRunError] = useState(\"\");\n const selectedTool = useMemo(\n () => tools.find((tool) => tool.name === selectedToolName) ?? tools[0],\n [selectedToolName, tools],\n );\n\n useEffect(() => {\n if (tools.length === 0) {\n setSelectedToolName(\"\");\n return;\n }\n if (!tools.some((tool) => tool.name === selectedToolName)) {\n setSelectedToolName(tools[0]?.name ?? \"\");\n }\n }, [selectedToolName, tools]);\n\n async function runSelectedTool() {\n if (selectedAgent === undefined || selectedTool === undefined) {\n return;\n }\n let args: unknown;\n try {\n args = JSON.parse(argsText);\n } catch (parseError) {\n setRunError(parseError instanceof Error ? parseError.message : String(parseError));\n setRunResponse(undefined);\n return;\n }\n\n setRunState(\"running\");\n setRunError(\"\");\n setRunResponse(undefined);\n try {\n const response = await fetch(\n `/agents/${encodeURIComponent(selectedAgent.id)}/tools/${encodeURIComponent(\n selectedTool.name,\n )}/runs`,\n {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify({ args }),\n },\n );\n const body = (await response.json()) as StudioToolRunResponse;\n setRunResponse(body);\n if (!response.ok || body.status === \"error\") {\n setRunError(formatJson(body.error ?? body));\n }\n } catch (error) {\n setRunError(error instanceof Error ? error.message : String(error));\n } finally {\n setRunState(\"idle\");\n }\n }\n\n return (\n <section\n className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55\"\n aria-label=\"Tools\"\n >\n <header className=\"bg-background/70 pb-5 pl-0 pr-6 pt-0 backdrop-blur\">\n <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1\">\n <div className=\"grid min-w-0 gap-2\">\n <div className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.24em] text-primary\">\n Agent capabilities\n </div>\n <h1 className=\"m-0 text-2xl font-semibold leading-none tracking-tight text-foreground\">\n Tools\n </h1>\n <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n Tool definitions registered on Studio agents, including approval policy and input\n schema.\n </p>\n </div>\n {props.agents.length > 1 ? (\n <Select value={selectedAgent?.id ?? \"\"} onValueChange={props.onSelectAgent}>\n <SelectTrigger className=\"h-9 min-h-9 w-64 rounded-lg border-border bg-card/80 font-mono text-xs max-md:w-full\">\n <SelectValue placeholder=\"Agent\" />\n </SelectTrigger>\n <SelectContent align=\"end\">\n {props.agents.map((agent) => (\n <SelectItem value={agent.id} key={agent.id}>\n {agent.name ?? agent.id}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n ) : null}\n </div>\n </header>\n\n <div className=\"min-h-0 overflow-auto pb-6 pl-0 pr-6\">\n <div className=\"grid w-full gap-4\">\n {!props.enabled ? (\n <EmptyState\n title=\"Tools unavailable\"\n message=\"No registered Studio agent exposes static or dynamic tools.\"\n />\n ) : props.loading ? (\n <EmptyState title=\"Loading tools\" message=\"Reading registered tool metadata.\" />\n ) : tools.length === 0 ? (\n <EmptyState title=\"No tools\" message=\"The selected agent has no registered tools.\" />\n ) : (\n <>\n <section className=\"grid gap-4 rounded-xl border border-border/80 bg-card/55 p-4 shadow-sm xl:grid-cols-[minmax(300px,0.7fr)_minmax(0,1fr)]\">\n <div className=\"grid content-start gap-3\">\n <div className=\"grid gap-1\">\n <h2 className=\"m-0 text-base font-semibold text-foreground\">Run tool</h2>\n <p className=\"m-0 text-sm leading-6 text-muted-foreground\">\n Invoke a registered tool directly with JSON arguments and inspect the raw\n result.\n </p>\n </div>\n <Select value={selectedTool?.name ?? \"\"} onValueChange={setSelectedToolName}>\n <SelectTrigger className=\"h-9 min-h-9 rounded-lg border-border bg-background/80 font-mono text-xs\">\n <SelectValue placeholder=\"Tool\" />\n </SelectTrigger>\n <SelectContent>\n {tools.map((tool) => (\n <SelectItem value={tool.name} key={`${tool.source}:${tool.name}`}>\n {tool.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n {selectedTool === undefined ? null : (\n <div className=\"grid gap-2 rounded-lg bg-background/45 p-3\">\n <span className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n selected definition\n </span>\n <p className=\"m-0 text-sm leading-6 text-muted-foreground\">\n {selectedTool.description}\n </p>\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <Badge className={sourceBadgeClass(selectedTool.source)}>\n {selectedTool.source}\n </Badge>\n <Badge className=\"border-border/80 bg-muted/55 text-muted-foreground\">\n {schemaPropertyCount(selectedTool.parameters)} fields\n </Badge>\n </div>\n </div>\n )}\n </div>\n <div className=\"grid min-w-0 gap-3\">\n <Textarea\n className=\"min-h-40 resize-y rounded-lg border-border bg-background/70 p-3 font-mono text-xs leading-5\"\n value={argsText}\n spellCheck={false}\n onChange={(event) => setArgsText(event.target.value)}\n />\n <div className=\"flex min-w-0 items-center justify-between gap-3\">\n <span className=\"min-w-0 truncate font-mono text-xs text-muted-foreground\">\n Arguments must be valid JSON.\n </span>\n <Button\n className=\"h-9 min-h-9 rounded-lg px-4 font-mono text-xs\"\n type=\"button\"\n disabled={runState === \"running\" || selectedTool === undefined}\n onClick={() => void runSelectedTool()}\n >\n {runState === \"running\" ? \"Running\" : \"Run\"}\n </Button>\n </div>\n {runError.length > 0 ? (\n <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 font-mono text-xs leading-5 text-destructive\">\n {runError}\n </div>\n ) : null}\n {runResponse === undefined ? null : (\n <SchemaBlock value={runResponse} title=\"Result\" />\n )}\n </div>\n </section>\n\n <div className=\"grid gap-1 overflow-hidden rounded-xl border border-border/80 bg-card/55 p-2 shadow-sm\">\n <div className=\"grid min-h-10 grid-cols-[minmax(260px,0.75fr)_minmax(0,1fr)] items-center rounded-lg border border-border/60 bg-muted/20 px-4 font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground max-lg:hidden\">\n <span>Definition</span>\n <span>Parameter schema</span>\n </div>\n {tools.map((tool) => (\n <ToolDefinitionRow tool={tool} key={`${tool.source}:${tool.name}`} />\n ))}\n </div>\n </>\n )}\n </div>\n </div>\n </section>\n );\n}\n\nfunction ToolDefinitionRow(props: { tool: StudioAgentToolMetadata }) {\n const propertyCount = schemaPropertyCount(props.tool.parameters);\n return (\n <article className=\"grid grid-cols-[minmax(300px,0.75fr)_minmax(0,1fr)] gap-2 rounded-lg border border-transparent bg-background/25 p-2 transition duration-200 hover:border-border/70 hover:bg-background/35 max-lg:grid-cols-1\">\n <div className=\"grid content-start gap-4 rounded-lg bg-card/25 p-3\">\n <div className=\"grid gap-1\">\n <h2 className=\"m-0 truncate font-mono text-[15px] font-semibold text-foreground\">\n {props.tool.name}\n </h2>\n <span className=\"truncate font-mono text-[11px] font-medium text-muted-foreground\">\n {props.tool.agentId}\n </span>\n </div>\n <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n {props.tool.description}\n </p>\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <Badge className={sourceBadgeClass(props.tool.source)}>{props.tool.source}</Badge>\n <Badge\n className={cn(\n props.tool.approval.required\n ? \"border-primary/35 bg-primary/10 text-primary\"\n : \"border-border/80 bg-muted/55 text-muted-foreground\",\n )}\n >\n approval {props.tool.approval.required ? \"required\" : \"none\"}\n </Badge>\n <Badge className=\"border-border/80 bg-transparent text-muted-foreground\">\n {propertyCount} {propertyCount === 1 ? \"field\" : \"fields\"}\n </Badge>\n </div>\n {props.tool.approval.reason === undefined ? null : (\n <p className=\"m-0 rounded-lg bg-primary/10 px-3 py-2 text-xs leading-5 text-muted-foreground\">\n {props.tool.approval.reason}\n </p>\n )}\n </div>\n <SchemaBlock value={props.tool.parameters} title=\"JSON schema\" />\n </article>\n );\n}\n\nfunction SchemaBlock(props: { value: unknown; title: string }) {\n return (\n <section className=\"grid min-w-0 content-start overflow-hidden rounded-lg bg-background/45\">\n <div className=\"flex min-h-9 items-center justify-between gap-3 bg-muted/20 px-4\">\n <span className=\"font-mono text-[10px] font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n {props.title}\n </span>\n <span className=\"font-mono text-[10px] text-muted-foreground\">\n {schemaType(props.value)}\n </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 font-mono text-[12px] leading-5 text-foreground\">\n <code>\n <JsonSyntax text={formatSchema(props.value)} />\n </code>\n </pre>\n </div>\n </section>\n );\n}\n\nfunction EmptyState(props: { title: string; message: string }) {\n return (\n <div className=\"grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center\">\n <div className=\"grid max-w-md gap-2\">\n <h2 className=\"m-0 text-base font-semibold text-foreground\">{props.title}</h2>\n <p className=\"m-0 text-sm leading-6 text-muted-foreground\">{props.message}</p>\n </div>\n </div>\n );\n}\n\nfunction sourceBadgeClass(source: \"static\" | \"dynamic\"): string {\n return source === \"dynamic\"\n ? \"border-primary/35 bg-primary/10 text-primary\"\n : \"border-border/80 bg-muted/55 text-muted-foreground\";\n}\n\nfunction 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\nfunction 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\nfunction formatSchema(value: unknown): string {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n}\n\nfunction formatJson(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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"}
@@ -1,10 +0,0 @@
1
- import{i as e,r as t,s as n,t as r}from"./utils-BN2yP0LH.js";import{t as i}from"./Path.es-BUWhvlO4.js";import{A as a,B as o,C as s,D as c,E as l,G as u,H as d,I as f,L as p,M as m,N as h,O as g,S as _,V as v,W as y,b,j as x,p as S,u as C,v as w,w as T,x as E,y as D,z as O}from"./index-CISgSi9m.js";import{t as k}from"./badge-Bqf5Z3q8.js";var A=n(e(),1),ee=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M236,200a12,12,0,0,1-24,0,84.09,84.09,0,0,0-84-84H61l27.52,27.51a12,12,0,0,1-17,17l-48-48a12,12,0,0,1,0-17l48-48a12,12,0,0,1,17,17L61,92h67A108.12,108.12,0,0,1,236,200Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M80,56v96L32,104Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M128,96H88V56a8,8,0,0,0-13.66-5.66l-48,48a8,8,0,0,0,0,11.32l48,48A8,8,0,0,0,88,152V112h40a88.1,88.1,0,0,1,88,88,8,8,0,0,0,16,0A104.11,104.11,0,0,0,128,96ZM72,132.69,43.31,104,72,75.31Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M232,200a8,8,0,0,1-16,0,88.1,88.1,0,0,0-88-88H88v40a8,8,0,0,1-13.66,5.66l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,88,56V96h40A104.11,104.11,0,0,1,232,200Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M230,200a6,6,0,0,1-12,0,90.1,90.1,0,0,0-90-90H46.49l37.75,37.76a6,6,0,1,1-8.48,8.48l-48-48a6,6,0,0,1,0-8.48l48-48a6,6,0,0,1,8.48,8.48L46.49,98H128A102.12,102.12,0,0,1,230,200Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M232,200a8,8,0,0,1-16,0,88.1,88.1,0,0,0-88-88H51.31l34.35,34.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,61.66L51.31,96H128A104.11,104.11,0,0,1,232,200Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M228,200a4,4,0,0,1-8,0,92.1,92.1,0,0,0-92-92H41.66l41.17,41.17a4,4,0,0,1-5.66,5.66l-48-48a4,4,0,0,1,0-5.66l48-48a4,4,0,0,1,5.66,5.66L41.66,100H128A100.11,100.11,0,0,1,228,200Z`}))]]),te=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M228,128a12,12,0,0,1-12,12H69l51.52,51.51a12,12,0,0,1-17,17l-72-72a12,12,0,0,1,0-17l72-72a12,12,0,0,1,17,17L69,116H216A12,12,0,0,1,228,128Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M112,56V200L40,128Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M216,120H120V56a8,8,0,0,0-13.66-5.66l-72,72a8,8,0,0,0,0,11.32l72,72A8,8,0,0,0,120,200V136h96a8,8,0,0,0,0-16ZM104,180.69,51.31,128,104,75.31Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M224,128a8,8,0,0,1-8,8H120v64a8,8,0,0,1-13.66,5.66l-72-72a8,8,0,0,1,0-11.32l72-72A8,8,0,0,1,120,56v64h96A8,8,0,0,1,224,128Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M222,128a6,6,0,0,1-6,6H54.49l61.75,61.76a6,6,0,1,1-8.48,8.48l-72-72a6,6,0,0,1,0-8.48l72-72a6,6,0,0,1,8.48,8.48L54.49,122H216A6,6,0,0,1,222,128Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M220,128a4,4,0,0,1-4,4H49.66l65.17,65.17a4,4,0,0,1-5.66,5.66l-72-72a4,4,0,0,1,0-5.66l72-72a4,4,0,0,1,5.66,5.66L49.66,124H216A4,4,0,0,1,220,128Z`}))]]),ne=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M176,128,96,208V48Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z`}))]]),re=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M156,88H100a12,12,0,0,0-12,12v56a12,12,0,0,0,12,12h56a12,12,0,0,0,12-12V100A12,12,0,0,0,156,88Zm-12,56H112V112h32Zm88-4H220V116h12a12,12,0,0,0,0-24H220V56a20,20,0,0,0-20-20H164V24a12,12,0,0,0-24,0V36H116V24a12,12,0,0,0-24,0V36H56A20,20,0,0,0,36,56V92H24a12,12,0,0,0,0,24H36v24H24a12,12,0,0,0,0,24H36v36a20,20,0,0,0,20,20H92v12a12,12,0,0,0,24,0V220h24v12a12,12,0,0,0,24,0V220h36a20,20,0,0,0,20-20V164h12a12,12,0,0,0,0-24Zm-36,56H60V60H196Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M200,48H56a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H200a8,8,0,0,0,8-8V56A8,8,0,0,0,200,48ZM152,152H104V104h48Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M104,104h48v48H104Zm136,48a8,8,0,0,1-8,8H216v40a16,16,0,0,1-16,16H160v16a8,8,0,0,1-16,0V216H112v16a8,8,0,0,1-16,0V216H56a16,16,0,0,1-16-16V160H24a8,8,0,0,1,0-16H40V112H24a8,8,0,0,1,0-16H40V56A16,16,0,0,1,56,40H96V24a8,8,0,0,1,16,0V40h32V24a8,8,0,0,1,16,0V40h40a16,16,0,0,1,16,16V96h16a8,8,0,0,1,0,16H216v32h16A8,8,0,0,1,240,152ZM168,96a8,8,0,0,0-8-8H96a8,8,0,0,0-8,8v64a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M152,98H104a6,6,0,0,0-6,6v48a6,6,0,0,0,6,6h48a6,6,0,0,0,6-6V104A6,6,0,0,0,152,98Zm-6,48H110V110h36Zm86,0H214V110h18a6,6,0,0,0,0-12H214V56a14,14,0,0,0-14-14H158V24a6,6,0,0,0-12,0V42H110V24a6,6,0,0,0-12,0V42H56A14,14,0,0,0,42,56V98H24a6,6,0,0,0,0,12H42v36H24a6,6,0,0,0,0,12H42v42a14,14,0,0,0,14,14H98v18a6,6,0,0,0,12,0V214h36v18a6,6,0,0,0,12,0V214h42a14,14,0,0,0,14-14V158h18a6,6,0,0,0,0-12Zm-30,54a2,2,0,0,1-2,2H56a2,2,0,0,1-2-2V56a2,2,0,0,1,2-2H200a2,2,0,0,1,2,2Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M152,100H104a4,4,0,0,0-4,4v48a4,4,0,0,0,4,4h48a4,4,0,0,0,4-4V104A4,4,0,0,0,152,100Zm-4,48H108V108h40Zm84,0H212V108h20a4,4,0,0,0,0-8H212V56a12,12,0,0,0-12-12H156V24a4,4,0,0,0-8,0V44H108V24a4,4,0,0,0-8,0V44H56A12,12,0,0,0,44,56v44H24a4,4,0,0,0,0,8H44v40H24a4,4,0,0,0,0,8H44v44a12,12,0,0,0,12,12h44v20a4,4,0,0,0,8,0V212h40v20a4,4,0,0,0,8,0V212h44a12,12,0,0,0,12-12V156h20a4,4,0,0,0,0-8Zm-28,52a4,4,0,0,1-4,4H56a4,4,0,0,1-4-4V56a4,4,0,0,1,4-4H200a4,4,0,0,1,4,4Z`}))]]),ie=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M230.1,108.76,198.25,90.62c-.64-1.16-1.31-2.29-2-3.41l-.12-36A104.61,104.61,0,0,0,162,32L130,49.89c-1.34,0-2.69,0-4,0L94,32A104.58,104.58,0,0,0,59.89,51.25l-.16,36c-.7,1.12-1.37,2.26-2,3.41l-31.84,18.1a99.15,99.15,0,0,0,0,38.46l31.85,18.14c.64,1.16,1.31,2.29,2,3.41l.12,36A104.61,104.61,0,0,0,94,224l32-17.87c1.34,0,2.69,0,4,0L162,224a104.58,104.58,0,0,0,34.08-19.25l.16-36c.7-1.12,1.37-2.26,2-3.41l31.84-18.1A99.15,99.15,0,0,0,230.1,108.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.1,8.1,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8,8,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M237.94,107.21a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A111.92,111.92,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.63a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M128,82a46,46,0,1,0,46,46A46.06,46.06,0,0,0,128,82Zm0,80a34,34,0,1,1,34-34A34,34,0,0,1,128,162Zm108-54.4a6,6,0,0,0-2.92-4L202.64,86.22l-.42-.71L202.1,51.2A6,6,0,0,0,200,46.64a110.12,110.12,0,0,0-36.07-20.31,6,6,0,0,0-4.84.45L128.46,43.86h-1L96.91,26.76a6,6,0,0,0-4.86-.44A109.92,109.92,0,0,0,56,46.68a6,6,0,0,0-2.12,4.55l-.16,34.34c-.14.23-.28.47-.41.71L22.91,103.57A6,6,0,0,0,20,107.62a104.81,104.81,0,0,0,0,40.78,6,6,0,0,0,2.92,4l30.42,17.33.42.71.12,34.31A6,6,0,0,0,56,209.36a110.12,110.12,0,0,0,36.07,20.31,6,6,0,0,0,4.84-.45l30.61-17.08h1l30.56,17.1A6.09,6.09,0,0,0,162,230a5.83,5.83,0,0,0,1.93-.32,109.92,109.92,0,0,0,36-20.36,6,6,0,0,0,2.12-4.55l.16-34.34c.14-.23.28-.47.41-.71l30.42-17.29a6,6,0,0,0,2.92-4.05A104.81,104.81,0,0,0,236,107.6Zm-11.25,35.79L195.32,160.1a6.07,6.07,0,0,0-2.28,2.3c-.59,1-1.21,2.11-1.86,3.14a6,6,0,0,0-.91,3.16l-.16,33.21a98.15,98.15,0,0,1-27.52,15.53L133,200.88a6,6,0,0,0-2.93-.77h-.14c-1.24,0-2.5,0-3.74,0a6,6,0,0,0-3.07.76L93.45,217.43a98,98,0,0,1-27.56-15.49l-.12-33.17a6,6,0,0,0-.91-3.16c-.64-1-1.27-2.08-1.86-3.14a6,6,0,0,0-2.27-2.3L31.3,143.4a93,93,0,0,1,0-30.79L60.68,95.9A6.07,6.07,0,0,0,63,93.6c.59-1,1.21-2.11,1.86-3.14a6,6,0,0,0,.91-3.16l.16-33.21A98.15,98.15,0,0,1,93.41,38.56L123,55.12a5.81,5.81,0,0,0,3.07.76c1.24,0,2.5,0,3.74,0a6,6,0,0,0,3.07-.76l29.65-16.56a98,98,0,0,1,27.56,15.49l.12,33.17a6,6,0,0,0,.91,3.16c.64,1,1.27,2.08,1.86,3.14a6,6,0,0,0,2.27,2.3L224.7,112.6A93,93,0,0,1,224.73,143.39Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm109.94-52.79a8,8,0,0,0-3.89-5.4l-29.83-17-.12-33.62a8,8,0,0,0-2.83-6.08,111.91,111.91,0,0,0-36.72-20.67,8,8,0,0,0-6.46.59L128,41.85,97.88,25a8,8,0,0,0-6.47-.6A112.1,112.1,0,0,0,54.73,45.15a8,8,0,0,0-2.83,6.07l-.15,33.65-29.83,17a8,8,0,0,0-3.89,5.4,106.47,106.47,0,0,0,0,41.56,8,8,0,0,0,3.89,5.4l29.83,17,.12,33.62a8,8,0,0,0,2.83,6.08,111.91,111.91,0,0,0,36.72,20.67,8,8,0,0,0,6.46-.59L128,214.15,158.12,231a7.91,7.91,0,0,0,3.9,1,8.09,8.09,0,0,0,2.57-.42,112.1,112.1,0,0,0,36.68-20.73,8,8,0,0,0,2.83-6.07l.15-33.65,29.83-17a8,8,0,0,0,3.89-5.4A106.47,106.47,0,0,0,237.94,107.21Zm-15,34.91-28.57,16.25a8,8,0,0,0-3,3c-.58,1-1.19,2.06-1.81,3.06a7.94,7.94,0,0,0-1.22,4.21l-.15,32.25a95.89,95.89,0,0,1-25.37,14.3L134,199.13a8,8,0,0,0-3.91-1h-.19c-1.21,0-2.43,0-3.64,0a8.08,8.08,0,0,0-4.1,1l-28.84,16.1A96,96,0,0,1,67.88,201l-.11-32.2a8,8,0,0,0-1.22-4.22c-.62-1-1.23-2-1.8-3.06a8.09,8.09,0,0,0-3-3.06l-28.6-16.29a90.49,90.49,0,0,1,0-28.26L61.67,97.63a8,8,0,0,0,3-3c.58-1,1.19-2.06,1.81-3.06a7.94,7.94,0,0,0,1.22-4.21l.15-32.25a95.89,95.89,0,0,1,25.37-14.3L122,56.87a8,8,0,0,0,4.1,1c1.21,0,2.43,0,3.64,0a8.08,8.08,0,0,0,4.1-1l28.84-16.1A96,96,0,0,1,188.12,55l.11,32.2a8,8,0,0,0,1.22,4.22c.62,1,1.23,2,1.8,3.06a8.09,8.09,0,0,0,3,3.06l28.6,16.29A90.49,90.49,0,0,1,222.9,142.12Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,80a36,36,0,1,1,36-36A36,36,0,0,1,128,164Zm106-56a4,4,0,0,0-2-2.7l-30.89-17.6q-.47-.82-1-1.62L200.1,51.2a3.94,3.94,0,0,0-1.42-3,107.8,107.8,0,0,0-35.41-19.94,4,4,0,0,0-3.23.29L129,45.87h-2l-31-17.36a4,4,0,0,0-3.23-.3,108.05,108.05,0,0,0-35.39,20,4,4,0,0,0-1.41,3l-.16,34.9-1,1.62L23.9,105.3A4,4,0,0,0,22,108a102.76,102.76,0,0,0,0,40,4,4,0,0,0,1.95,2.7l30.89,17.6q.47.83,1,1.62l.12,34.87a3.94,3.94,0,0,0,1.42,3,107.8,107.8,0,0,0,35.41,19.94,4,4,0,0,0,3.23-.29L127,210.13h2l31,17.36a4,4,0,0,0,3.23.3,108.05,108.05,0,0,0,35.39-20,4,4,0,0,0,1.41-3l.16-34.9,1-1.62L232.1,150.7a4,4,0,0,0,2-2.71A102.76,102.76,0,0,0,234,108Zm-7.48,36.67L196.3,161.84a4,4,0,0,0-1.51,1.53c-.61,1.09-1.25,2.17-1.91,3.24a3.92,3.92,0,0,0-.61,2.1l-.16,34.15a99.8,99.8,0,0,1-29.7,16.77l-30.4-17a4.06,4.06,0,0,0-2-.51H130c-1.28,0-2.57,0-3.84,0a4.1,4.1,0,0,0-2.05.51l-30.45,17A100.23,100.23,0,0,1,63.89,202.9l-.12-34.12a3.93,3.93,0,0,0-.61-2.11c-.66-1-1.3-2.14-1.91-3.23a4,4,0,0,0-1.51-1.53L29.49,144.68a94.78,94.78,0,0,1,0-33.34L59.7,94.16a4,4,0,0,0,1.51-1.53c.61-1.09,1.25-2.17,1.91-3.23a4,4,0,0,0,.61-2.11l.16-34.15a99.8,99.8,0,0,1,29.7-16.77l30.4,17a4.1,4.1,0,0,0,2.05.51c1.28,0,2.57,0,3.84,0a4,4,0,0,0,2.05-.51l30.45-17A100.23,100.23,0,0,1,192.11,53.1l.12,34.12a3.93,3.93,0,0,0,.61,2.11c.66,1,1.3,2.14,1.91,3.23a4,4,0,0,0,1.51,1.53l30.25,17.23A94.78,94.78,0,0,1,226.54,144.66Z`}))]]),ae=new Map([[`bold`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M236,64a36,36,0,1,0-48,33.94V112a4,4,0,0,1-4,4H96a27.8,27.8,0,0,0-4,.29V97.94a36,36,0,1,0-24,0v60.12a36,36,0,1,0,24,0V144a4,4,0,0,1,4-4h88a28,28,0,0,0,28-28V97.94A36.07,36.07,0,0,0,236,64ZM80,52A12,12,0,1,1,68,64,12,12,0,0,1,80,52Zm0,152a12,12,0,1,1,12-12A12,12,0,0,1,80,204ZM200,76a12,12,0,1,1,12-12A12,12,0,0,1,200,76Z`}))],[`duotone`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M224,64a24,24,0,1,1-24-24A24,24,0,0,1,224,64Z`,opacity:`0.2`}),A.createElement(`path`,{d:`M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z`}))],[`fill`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192Z`}))],[`light`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M230,64a30,30,0,1,0-36,29.4V112a10,10,0,0,1-10,10H96a21.84,21.84,0,0,0-10,2.42v-31a30,30,0,1,0-12,0v69.2a30,30,0,1,0,12,0V144a10,10,0,0,1,10-10h88a22,22,0,0,0,22-22V93.4A30.05,30.05,0,0,0,230,64ZM62,64A18,18,0,1,1,80,82,18,18,0,0,1,62,64ZM98,192a18,18,0,1,1-18-18A18,18,0,0,1,98,192ZM200,82a18,18,0,1,1,18-18A18,18,0,0,1,200,82Z`}))],[`regular`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z`}))],[`thin`,A.createElement(A.Fragment,null,A.createElement(`path`,{d:`M228,64a28,28,0,1,0-32,27.71V112a12,12,0,0,1-12,12H96a19.91,19.91,0,0,0-12,4V91.71a28,28,0,1,0-8,0v72.58a28,28,0,1,0,8,0V144a12,12,0,0,1,12-12h88a20,20,0,0,0,20-20V91.71A28,28,0,0,0,228,64ZM60,64A20,20,0,1,1,80,84,20,20,0,0,1,60,64Zm40,128a20,20,0,1,1-20-20A20,20,0,0,1,100,192ZM200,84a20,20,0,1,1,20-20A20,20,0,0,1,200,84Z`}))]]),oe=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:ee}));oe.displayName=`ArrowBendUpLeftIcon`;var se=oe,ce=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:te}));ce.displayName=`ArrowLeftIcon`;var le=ce,ue=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:ne}));ue.displayName=`CaretRightIcon`;var de=ue,fe=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:re}));fe.displayName=`CpuIcon`;var pe=fe,me=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:ie}));me.displayName=`GearSixIcon`;var he=me,ge=A.forwardRef((e,t)=>A.createElement(m,{ref:t,...e,weights:ae}));ge.displayName=`GitBranchIcon`;var _e=ge,j=t();function ve(e){try{return JSON.stringify(e,null,2)??`undefined`}catch{return String(e)}}function ye(e){return(0,j.jsx)(`div`,{className:`overflow-x-auto rounded-lg bg-card/85 px-4 py-4 font-mono text-[13px] leading-6 text-foreground`,children:(0,j.jsx)(Se,{depth:0,path:`$`,value:e.value})})}var be=16,xe=20;function Se(e){return Te(e.value)?(0,j.jsx)(Ce,{arrayIndex:e.arrayIndex,depth:e.depth,path:e.path,propertyKey:e.propertyKey,trailingComma:e.trailingComma,value:e.value}):(0,j.jsxs)(`div`,{className:`min-w-max whitespace-pre`,style:{paddingLeft:`${M(e.depth)}px`},children:[(0,j.jsx)(N,{arrayIndex:e.arrayIndex,propertyKey:e.propertyKey}),(0,j.jsx)(we,{value:e.value}),e.trailingComma?(0,j.jsx)(`span`,{className:`text-foreground`,children:`,`}):null]})}function Ce(e){let[t,n]=(0,A.useState)(e.depth===0),r=Array.isArray(e.value)?e.value:void 0,i=r===void 0?Object.entries(e.value):r.map((e,t)=>[String(t),e]),a=r===void 0?`{`:`[`,o=r===void 0?`}`:`]`,s=r===void 0?`{…}`:`[…]`;return i.length===0?(0,j.jsxs)(`div`,{className:`min-w-max whitespace-pre`,style:{paddingLeft:`${M(e.depth)}px`},children:[(0,j.jsx)(N,{arrayIndex:e.arrayIndex,propertyKey:e.propertyKey}),(0,j.jsxs)(`span`,{className:`text-foreground`,children:[a,o,e.trailingComma?`,`:``]})]}):(0,j.jsxs)(`div`,{className:`grid min-w-max`,children:[(0,j.jsxs)(`button`,{"aria-expanded":t,className:`grid min-w-max grid-cols-[16px_auto] items-center gap-1 rounded-lg py-0.5 pr-2 text-left transition duration-200 hover:bg-accent/45 hover:text-accent-foreground`,onClick:()=>n(e=>!e),style:{paddingLeft:`${e.depth*be}px`},type:`button`,children:[(0,j.jsx)(`span`,{className:`grid h-4 w-4 place-items-center text-muted-foreground [&_svg]:h-3 [&_svg]:w-3`,children:t?(0,j.jsx)(x,{"aria-hidden":`true`}):(0,j.jsx)(de,{"aria-hidden":`true`})}),(0,j.jsxs)(`span`,{className:`whitespace-pre`,children:[(0,j.jsx)(N,{arrayIndex:e.arrayIndex,propertyKey:e.propertyKey}),t?(0,j.jsx)(`span`,{className:`text-foreground`,children:a}):(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:s}),!t&&e.trailingComma?(0,j.jsx)(`span`,{className:`text-foreground`,children:`,`}):null]})]}),t?(0,j.jsxs)(j.Fragment,{children:[i.map(([t,n],a)=>(0,j.jsx)(Se,{arrayIndex:r===void 0?void 0:Number(t),depth:e.depth+1,path:`${e.path}.${t}`,propertyKey:r===void 0?t:void 0,trailingComma:a<i.length-1,value:n},`${e.path}.${t}`)),(0,j.jsxs)(`div`,{className:`min-w-max whitespace-pre text-foreground`,style:{paddingLeft:`${M(e.depth)}px`},children:[o,e.trailingComma?`,`:``]})]}):null]})}function M(e){return e*be+xe}function N(e){return e.propertyKey===void 0?e.arrayIndex===void 0?null:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(`span`,{className:`text-muted-foreground`,children:[`[`,e.arrayIndex,`]`]}),(0,j.jsx)(`span`,{className:`text-foreground`,children:` `})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`text-chart-2`,children:JSON.stringify(e.propertyKey)}),(0,j.jsx)(`span`,{className:`text-foreground`,children:`: `})]})}function we(e){return typeof e.value==`string`?(0,j.jsx)(`span`,{className:`text-primary`,children:JSON.stringify(e.value)}):typeof e.value==`number`?(0,j.jsx)(`span`,{className:`text-chart-1`,children:String(e.value)}):typeof e.value==`boolean`?(0,j.jsx)(`span`,{className:`text-chart-4`,children:String(e.value)}):e.value===null?(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:`null`}):e.value===void 0?(0,j.jsx)(`span`,{className:`text-muted-foreground`,children:`undefined`}):(0,j.jsx)(`span`,{className:`text-foreground`,children:ve(e.value)})}function Te(e){return Array.isArray(e)||u(e)}function Ee(e){return e.label===`Message Id`}function De(e){let t=`h-3.5 w-3.5 shrink-0`;switch(e.label){case`System prompt`:return(0,j.jsx)(he,{"aria-hidden":`true`,className:t});case`Prompt`:return(0,j.jsx)(a,{"aria-hidden":`true`,className:t});case`Output`:case`Assistant output`:return(0,j.jsx)(se,{"aria-hidden":`true`,className:t});default:return null}}function Oe(e,t){if(e===`Output`){let e=ke(t);if(e.length>0)return e}let n=P(t,e);if(n.length>0)return n;if(!u(t))return[{label:e,text:Ne(t)}];let r=[];for(let[e,n]of Object.entries(t)){let t=P(n,e);if(t.length>0){r.push(...t);continue}r.push({label:I(e),text:Ne(n)})}return r.length>0?r:[{label:e,text:`Empty object`}]}function ke(e){if(!u(e))return[];let t=[],n=P(e.choice,`choice`);return t.push(...n),typeof e.messageId==`string`&&e.messageId.length>0&&t.push({label:`Message Id`,text:e.messageId}),t}function P(e,t){if(typeof e==`string`&&t===void 0)return[{label:`Value`,text:e}];if(Array.isArray(e))return t===`chatHistory`?Ae(e):t===`history`?je(e):e.map((e,n)=>({label:F(e,n,t),text:h(e)||O(e)})).filter(e=>e.text.length>0);if(!u(e))return[];let n=Array.isArray(e.chatHistory)?e.chatHistory:void 0;if(n!==void 0){let t=Me(e);return t.push(...P(n,`chatHistory`)),t}if(Array.isArray(e.prompt))return P(e.prompt,`prompt`);let r=[];r.push(...Me(e));let i=Array.isArray(e.history)?e.history:[];i.length>0&&r.push(...P(i,`history`));let a=h(e.prompt);return a.length>0&&r.push({label:i.length>0?`Current prompt`:`Prompt`,text:a}),r}function Ae(e){let t=e.map((e,t)=>({label:F(e,t,`chatHistory`),text:h(e)||O(e)})).filter(e=>e.text.length>0),n=t.at(-1),r=t.slice(0,-1),i=[];return r.length>0&&i.push({label:`Conversation history (${r.length})`,text:r.map((e,t)=>`${t+1}. ${e.label}\n${e.text}`).join(`
2
-
3
- `)}),n!==void 0&&i.push({label:r.length>0?`Current prompt`:`Prompt`,text:n.text}),i}function je(e){let t=e.map((e,t)=>({label:F(e,t,`history`),text:h(e)||O(e)})).filter(e=>e.text.length>0);return t.length===0?[]:[{label:`Conversation history (${t.length})`,text:t.map((e,t)=>`${t+1}. ${e.label}\n${e.text}`).join(`
4
-
5
- `)}]}function F(e,t,n){if(u(e)){let t=typeof e.type==`string`?e.type:void 0;if(n===`choice`){if(t===`text`)return`Assistant output`;if(t===`reasoning`)return`Reasoning`}if(t===`reasoning`)return`Reasoning`;if(typeof e.role==`string`)return I(e.role);if(t!==void 0)return I(t)}return`${n===void 0?`Item`:`${I(n)} item`} ${t+1}`}function I(e){return e.replace(/[_-]+/g,` `).replace(/([a-z0-9])([A-Z])/g,`$1 $2`).trim().replace(/\b\w/g,e=>e.toUpperCase())}function Me(e){let t=e.instructions;return typeof t!=`string`||t.trim().length===0?[]:[{label:`System prompt`,text:t}]}function Ne(e){if(e===void 0)return`undefined`;if(e===null)return`null`;if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`)return String(e);try{return JSON.stringify(e,null,2)}catch{return String(e)}}function Pe(e){let t=new Map;for(let n of e.observations){let e=Number.isFinite(n.turn)?n.turn:t.size+1;t.set(e,[...t.get(e)??[],n])}return[...t.entries()].sort(([e],[t])=>e-t).map(([e,t])=>({turn:e,observations:t,durationMs:t.reduce((e,t)=>e+(t.durationMs??0),0)}))}function Fe(e){let t=new Map;for(let n of e)t.set(n.id,{observation:n,children:[]});let n=[];for(let r of e){let e=t.get(r.id);if(e===void 0)continue;let i=r.parentObservationId,a=i===void 0?void 0:t.get(i);a===void 0?n.push(e):a.children.push(e)}return n}function Ie(e,t,n){if(n===`agent`)return{title:`agent.run`,tone:`agent`,startedAt:v(e.startedAt),durationMs:e.durationMs,firstDeltaMs:R(e.observations),usage:d(e.usage),input:e.input,output:e.output,error:e.error,metadata:Le(e)};if(n.startsWith(`turn:`)){let r=Number(n.slice(5)),i=t.find(e=>e.turn===r);return{title:`turn.${Number.isFinite(r)?r:1}`,tone:`turn`,startedAt:v(i?.observations[0]?.startedAt??e.startedAt),durationMs:i?.durationMs,firstDeltaMs:R(i?.observations??[]),usage:Qe(i?.observations??[]),input:i?.observations[0]?.input,output:i?.observations.at(-1)?.output,metadata:Re(r,i?.observations??[])}}if(n.startsWith(`observation:`)){let t=n.slice(12),r=e.observations.find(e=>e.id===t);if(r!==void 0)return{title:qe(r),tone:r.kind,startedAt:v(r.startedAt),durationMs:r.durationMs,firstDeltaMs:Je(r.metadata),usage:z(r),input:r.input,output:r.output,error:r.error,metadata:ze(r)}}return{title:e.name??`Agent`,tone:`trace`,startedAt:v(e.startedAt),durationMs:e.durationMs,firstDeltaMs:R(e.observations),usage:d(e.usage),input:e.input,output:e.output,error:e.error,metadata:Le(e)}}function Le(e){let t=u(e.metadata)?e.metadata:{},n=L({status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:Ke(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs});return L({...t,status:e.status,traceId:e.trace?.traceId??e.id,observationId:e.trace?.observationId,sessionId:e.sessionId,observationCount:e.observationCount,messageCount:Ke(t.messages),startedAt:e.startedAt,endedAt:e.endedAt,durationMs:e.durationMs,trace:u(t.trace)?t.trace:n})}function Re(e,t){return L({turn:e,observationCount:t.length,generationCount:t.filter(e=>e.kind===`generation`).length,toolCount:t.filter(e=>e.kind===`tool`).length,agentCount:t.filter(e=>e.kind===`agent`).length,firstDeltaMs:R(t),status:Ge(t),startedAt:t[0]?.startedAt,endedAt:t.at(-1)?.endedAt})}function ze(e){let t=L({...u(e.metadata)?e.metadata:{},status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs});return L({...t,trace:u(t.trace)?t.trace:L({status:e.status,kind:e.kind,turn:e.turn,parentObservationId:e.parentObservationId??null,startedAt:e.startedAt,endedAt:e.endedAt??null,durationMs:e.durationMs}),modelInfo:u(t.modelInfo)?t.modelInfo:Be(t),modelCall:u(t.modelCall)?t.modelCall:Ve(t),response:u(t.response)?t.response:He(t),tools:u(t.tools)?t.tools:Ue(t),timing:u(t.timing)?t.timing:We(t)})}function Be(e){let t=L({provider:e.provider,model:e.model,requestedModel:e.requestedModel,defaultModel:e.defaultModel});return Object.keys(t).length===0?void 0:t}function Ve(e){let t=L({messageCount:e.historyCount,documentCount:e.documentCount,toolCount:e.toolCount,toolNames:e.toolNames,temperature:e.temperature,maxTokens:e.maxTokens,toolChoice:e.toolChoice,hasOutputSchema:e.hasOutputSchema,additionalParamKeys:e.additionalParamKeys}),n=L({request:Object.keys(t).length===0?void 0:t,providerRequest:e.providerRequest});return Object.keys(n).length===0?void 0:n}function He(e){let t=L({messageId:e.messageId,usage:e.usage,providerResponse:e.providerResponse});return Object.keys(t).length===0?void 0:t}function Ue(e){let t=L({count:e.toolCount,names:e.toolNames,toolChoice:e.toolChoice,internalCallId:e.internalCallId,toolCallId:e.toolCallId,skipped:e.skipped,description:e.toolDescription,parameterKeys:e.parameterKeys,requiredParameterKeys:e.requiredParameterKeys,approvalRequired:e.approvalRequired,mcpServerName:e.mcpServerName,argumentBytes:e.argumentBytes,resultBytes:e.resultBytes});return Object.keys(t).length===0?void 0:t}function We(e){let t=L({firstDeltaMs:e.firstDeltaMs,durationMs:e.durationMs,startedAt:e.startedAt,endedAt:e.endedAt});return Object.keys(t).length===0?void 0:t}function Ge(e){return e.length===0?`empty`:e.some(e=>e.status===`error`)?`error`:e.some(e=>e.status===`running`)?`running`:`success`}function Ke(e){return Array.isArray(e)?e.length:void 0}function L(e){return Object.fromEntries(Object.entries(e).filter(([,e])=>e!==void 0))}function qe(e){return e.kind===`agent`?e.name:e.kind===`tool`?`tool.${e.name}`:e.name}function R(e){for(let t of e){let e=Je(t.metadata);if(e!==void 0)return e}}function Je(e){if(!(!u(e)||typeof e.firstDeltaMs!=`number`))return e.firstDeltaMs}function Ye(e){switch(e){case`success`:return`bg-primary`;case`error`:return`bg-destructive`;case`running`:return`bg-chart-2`}}function Xe(e){switch(e.tone){case`trace`:return(0,j.jsx)(i,{"aria-hidden":`true`});case`agent`:return(0,j.jsx)(g,{"aria-hidden":`true`});case`turn`:return(0,j.jsx)(_e,{"aria-hidden":`true`});case`generation`:return(0,j.jsx)(pe,{"aria-hidden":`true`});case`tool`:return(0,j.jsx)(c,{"aria-hidden":`true`})}}function Ze(e){switch(e){case`trace`:return`bg-primary text-background`;case`agent`:return`bg-chart-2 text-background`;case`turn`:return`bg-chart-4 text-background`;case`generation`:return`bg-chart-1 text-background`;case`tool`:return`bg-chart-5 text-background`}}function z(e){return!u(e.output)||!u(e.output.usage)?``:$e(e.output.usage)}function Qe(e){return e.map(z).filter(e=>e.length>0).join(` + `)}function $e(e){let t=typeof e.inputTokens==`number`?e.inputTokens:0,n=typeof e.outputTokens==`number`?e.outputTokens:0,r=typeof e.totalTokens==`number`?e.totalTokens:t+n;return r===0?``:`${t} -> ${n} (Σ ${r})`}function et({className:e,...t}){return(0,j.jsx)(`div`,{className:r(`rounded-xl border border-border/80 bg-card/95 text-card-foreground shadow-sm shadow-black/20`,e),...t})}function tt(e,t){return A.useReducer((e,n)=>t[e][n]??e,e)}var B=`ScrollArea`,[nt,rt]=E(B),[it,V]=nt(B),at=A.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,c]=A.useState(null),[u,d]=A.useState(null),[f,p]=A.useState(null),[m,h]=A.useState(null),[g,_]=A.useState(null),[v,y]=A.useState(0),[x,S]=A.useState(0),[C,w]=A.useState(!1),[T,E]=A.useState(!1),O=l(t,e=>c(e)),k=b(i);return(0,j.jsx)(it,{scope:n,type:r,dir:k,scrollHideDelay:a,scrollArea:s,viewport:u,onViewportChange:d,content:f,onContentChange:p,scrollbarX:m,onScrollbarXChange:h,scrollbarXEnabled:C,onScrollbarXEnabledChange:w,scrollbarY:g,onScrollbarYChange:_,scrollbarYEnabled:T,onScrollbarYEnabledChange:E,onCornerWidthChange:y,onCornerHeightChange:S,children:(0,j.jsx)(D.div,{dir:k,...o,ref:O,style:{position:`relative`,"--radix-scroll-area-corner-width":v+`px`,"--radix-scroll-area-corner-height":x+`px`,...e.style}})})});at.displayName=B;var H=`ScrollAreaViewport`,ot=A.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:r,nonce:i,...a}=e,o=V(H,n),s=l(t,A.useRef(null),o.onViewportChange);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(st,{nonce:i}),(0,j.jsx)(D.div,{"data-radix-scroll-area-viewport":``,...a,ref:s,style:{overflowX:o.scrollbarXEnabled?`scroll`:`hidden`,overflowY:o.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:(0,j.jsx)(`div`,{ref:o.onContentChange,style:{minWidth:`100%`,display:`table`},children:r})})]})});ot.displayName=H;var st=A.memo(({nonce:e})=>(0,j.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`},nonce:e}),(e,t)=>e.nonce===t.nonce),U=`ScrollAreaScrollbar`,ct=A.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=V(U,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return A.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,j.jsx)(lt,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,j.jsx)(ut,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,j.jsx)(dt,{...r,ref:t,forceMount:n}):i.type===`always`?(0,j.jsx)(W,{...r,ref:t,"data-state":`visible`}):null});ct.displayName=U;var lt=A.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=V(U,e.__scopeScrollArea),[a,o]=A.useState(!1);return A.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),o(!0)},r=()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,j.jsx)(C,{present:n||a,children:(0,j.jsx)(dt,{"data-state":a?`visible`:`hidden`,...r,ref:t})})}),ut=A.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=V(U,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=Y(()=>c(`SCROLL_END`),100),[s,c]=tt(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return A.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>c(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,c]),A.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(c(`SCROLL`),o()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,c,o]),(0,j.jsx)(C,{present:n||s!==`hidden`,children:(0,j.jsx)(W,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:_(e.onPointerEnter,()=>c(`POINTER_ENTER`)),onPointerLeave:_(e.onPointerLeave,()=>c(`POINTER_LEAVE`))})})}),dt=A.forwardRef((e,t)=>{let n=V(U,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=A.useState(!1),s=e.orientation===`horizontal`,c=Y(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return X(n.viewport,c),X(n.content,c),(0,j.jsx)(C,{present:r||a,children:(0,j.jsx)(W,{"data-state":a?`visible`:`hidden`,...i,ref:t})})}),W=A.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=V(U,e.__scopeScrollArea),a=A.useRef(null),o=A.useRef(0),[s,c]=A.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=xt(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:e=>a.current=e,onThumbPointerUp:()=>o.current=0,onThumbPointerDown:e=>o.current=e};function d(e,t){return St(e,o.current,s,t)}return n===`horizontal`?(0,j.jsx)(ft,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=Ct(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,j.jsx)(pt,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=Ct(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null}),ft=A.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=V(U,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),u=l(t,c,a.onScrollbarXChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(gt,{"data-orientation":`horizontal`,...i,ref:u,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),Tt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:q(o.paddingLeft),paddingEnd:q(o.paddingRight)}})}})}),pt=A.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=V(U,e.__scopeScrollArea),[o,s]=A.useState(),c=A.useRef(null),u=l(t,c,a.onScrollbarYChange);return A.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,j.jsx)(gt,{"data-orientation":`vertical`,...i,ref:u,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":J(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),Tt(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:q(o.paddingTop),paddingEnd:q(o.paddingBottom)}})}})}),[mt,ht]=nt(U),gt=A.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:a,onThumbPointerUp:o,onThumbPointerDown:s,onThumbPositionChange:c,onDragScroll:u,onWheelScroll:d,onResize:f,...p}=e,m=V(U,n),[h,g]=A.useState(null),v=l(t,e=>g(e)),y=A.useRef(null),b=A.useRef(``),x=m.viewport,S=r.content-r.viewport,C=w(d),T=w(c),E=Y(f,10);function O(e){y.current&&u({x:e.clientX-y.current.left,y:e.clientY-y.current.top})}return A.useEffect(()=>{let e=e=>{let t=e.target;h?.contains(t)&&C(e,S)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[x,h,S,C]),A.useEffect(T,[r,T]),X(h,E),X(m.content,E),(0,j.jsx)(mt,{scope:n,scrollbar:h,hasThumb:i,onThumbChange:w(a),onThumbPointerUp:w(o),onThumbPositionChange:T,onThumbPointerDown:w(s),children:(0,j.jsx)(D.div,{...p,ref:v,style:{position:`absolute`,...p.style},onPointerDown:_(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),y.current=h.getBoundingClientRect(),b.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,m.viewport&&(m.viewport.style.scrollBehavior=`auto`),O(e))}),onPointerMove:_(e.onPointerMove,O),onPointerUp:_(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=b.current,m.viewport&&(m.viewport.style.scrollBehavior=``),y.current=null})})})}),G=`ScrollAreaThumb`,_t=A.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=ht(G,e.__scopeScrollArea);return(0,j.jsx)(C,{present:n||i.hasThumb,children:(0,j.jsx)(vt,{ref:t,...r})})}),vt=A.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:r,...i}=e,a=V(G,n),o=ht(G,n),{onThumbPositionChange:s}=o,c=l(t,e=>o.onThumbChange(e)),u=A.useRef(void 0),d=Y(()=>{u.current&&=(u.current(),void 0)},100);return A.useEffect(()=>{let e=a.viewport;if(e){let t=()=>{d(),u.current||(u.current=Et(e,s),s())};return s(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,d,s]),(0,j.jsx)(D.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:c,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:_(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:_(e.onPointerUp,o.onThumbPointerUp)})});_t.displayName=G;var K=`ScrollAreaCorner`,yt=A.forwardRef((e,t)=>{let n=V(K,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,j.jsx)(bt,{...e,ref:t}):null});yt.displayName=K;var bt=A.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,i=V(K,n),[a,o]=A.useState(0),[s,c]=A.useState(0),l=!!(a&&s);return X(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),c(e)}),X(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),l?(0,j.jsx)(D.div,{...r,ref:t,style:{width:a,height:s,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null});function q(e){return e?parseInt(e,10):0}function xt(e,t){let n=e/t;return isNaN(n)?0:n}function J(e){let t=xt(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function St(e,t,n,r=`ltr`){let i=J(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return wt([c,l],d)(e)}function Ct(e,t,n=`ltr`){let r=J(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,c=a-r,l=s(e,n===`ltr`?[0,o]:[o*-1,0]);return wt([0,o],[0,c])(l)}function wt(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function Tt(e,t){return e>0&&e<t}var Et=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)};function Y(e,t){let n=w(e),r=A.useRef(0);return A.useEffect(()=>()=>window.clearTimeout(r.current),[]),A.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function X(e,t){let n=w(t);S(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}var Dt=at,Ot=ot,kt=yt;function At({className:e,children:t,...n}){return(0,j.jsxs)(Dt,{className:r(`relative overflow-hidden`,e),...n,children:[(0,j.jsx)(Ot,{className:`h-full w-full rounded-[inherit]`,children:t}),(0,j.jsx)(jt,{}),(0,j.jsx)(kt,{})]})}function jt({className:e,orientation:t=`vertical`,...n}){return(0,j.jsx)(ct,{orientation:t,className:r(`flex touch-none select-none transition-colors`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent p-px`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent p-px`,e),...n,children:(0,j.jsx)(_t,{className:`relative flex-1 rounded-lg bg-muted-foreground/40`})})}function Mt(e){if(!e.tracesEnabled)return(0,j.jsx)(`div`,{className:`w-full rounded-lg border border-dashed border-border p-8 text-sm font-medium text-muted-foreground`,children:`Tracing is disabled`});let t=e.selectedTraceId.length===0?void 0:e.traces.find(t=>t.id===e.selectedTraceId),n=t===void 0||e.traceSessionDetailId!==t.sessionId?[]:e.traces.filter(e=>e.sessionId===t.sessionId);return(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch pb-6 pl-0 pr-6`,"aria-label":`Tracing`,children:e.selectedTraceId.length===0?(0,j.jsx)(Nt,{agents:e.agents,traces:e.traces,traceLoadState:e.traceLoadState,onSelectTrace:e.onSelectTrace}):(0,j.jsx)(Pt,{selectedTrace:t,selectedSessionTraces:n,selectedTraceId:e.selectedTraceId,traceLoadState:e.traceLoadState,onBack:()=>e.onSelectTrace(``),onShowSessionTraces:e.onShowSessionTraces})})}function Nt(e){return(0,j.jsx)(et,{className:`min-h-0 overflow-hidden rounded-xl border-border/80 bg-card/80`,"aria-label":`Traces`,children:(0,j.jsx)(At,{className:`h-full min-h-0`,children:(0,j.jsxs)(`div`,{className:`grid min-w-280 gap-1 p-2`,children:[(0,j.jsxs)(`div`,{className:`sticky top-0 z-10 grid min-h-11 grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center gap-4 rounded-lg border border-border/60 bg-card/95 px-4 font-mono text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground backdrop-blur`,children:[(0,j.jsx)(`span`,{children:`Trace`}),(0,j.jsx)(`span`,{children:`Session`}),(0,j.jsx)(`span`,{children:`Agent`}),(0,j.jsx)(`span`,{children:`Status`}),(0,j.jsx)(`span`,{children:`Started`}),(0,j.jsx)(`span`,{children:`Duration`}),(0,j.jsx)(`span`,{children:`First delta`}),(0,j.jsx)(`span`,{children:`Events`})]}),e.traceLoadState===`loading`&&e.traces.length===0?(0,j.jsx)(`div`,{className:`px-5 py-4 text-sm font-medium text-muted-foreground`,children:`Loading traces`}):null,e.traceLoadState===`idle`&&e.traces.length===0?(0,j.jsx)(`div`,{className:`px-5 py-4 text-sm font-medium text-muted-foreground`,children:`No traces found`}):null,e.traces.map(t=>(0,j.jsxs)(T,{className:`grid h-auto min-h-14 w-full grid-cols-[minmax(220px,1.3fr)_150px_120px_120px_120px_120px_110px_90px] items-center justify-start gap-4 whitespace-normal rounded-lg border border-transparent bg-transparent px-4 py-2.5 text-left text-muted-foreground shadow-none transition duration-200 hover:border-primary/20 hover:bg-accent/70 hover:text-accent-foreground`,type:`button`,variant:`ghost`,onClick:()=>e.onSelectTrace(t.id),children:[(0,j.jsx)(`span`,{className:`min-w-0 truncate font-mono text-xs font-medium text-muted-foreground`,children:t.id}),(0,j.jsx)(`span`,{className:`min-w-0 truncate font-mono text-xs font-medium`,children:t.sessionId}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:y(e.agents,t)}),(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-xs font-medium capitalize`,children:[(0,j.jsx)(`span`,{className:r(`h-2.5 w-2.5 shrink-0 rounded-lg`,Ye(t.status))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate`,children:t.status})]}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:o(t.startedAt)}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:f(p(t.durationMs))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium`,children:f(p(R(t.observations)))}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium tabular-nums`,children:t.observationCount})]},t.id))]})})})}function Pt(e){return(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 min-w-0 grid-rows-[auto_minmax(0,1fr)] gap-2 overflow-hidden rounded-xl border border-border/80 bg-card/70 p-2 shadow-sm`,children:[(0,j.jsxs)(`header`,{className:`grid min-h-16 grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 overflow-hidden rounded-lg border border-border/60 bg-card/95 px-4 py-3`,children:[(0,j.jsx)(T,{"aria-label":`Back to traces`,className:`h-8 min-h-8 w-8 text-muted-foreground hover:text-foreground`,size:`icon`,type:`button`,variant:`ghost`,onClick:e.onBack,children:(0,j.jsx)(le,{"aria-hidden":`true`})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsx)(`strong`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.selectedTrace?.name??`Trace detail`}),(0,j.jsx)(`span`,{className:`flex min-w-0 items-center gap-2 overflow-hidden text-xs font-medium text-muted-foreground`,children:e.selectedTrace===void 0?e.traceLoadState===`loading`?`Loading trace`:`Trace not found`:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:r(`h-2 w-2 shrink-0 rounded-lg`,Ye(e.selectedTrace.status))}),(0,j.jsx)(`span`,{className:`shrink-0 capitalize`,children:e.selectedTrace.status}),(0,j.jsx)(`span`,{className:`shrink-0`,"aria-hidden":`true`,children:`/`}),(0,j.jsxs)(`span`,{className:`min-w-0 flex-1 truncate`,children:[`Session`,` `,(0,j.jsx)(`span`,{className:`font-mono font-semibold`,children:e.selectedTrace.sessionId})]})]})})]}),(0,j.jsx)(`span`,{className:`hidden max-w-[42vw] truncate rounded-lg bg-muted px-2 py-1 font-mono text-xs font-medium text-muted-foreground md:block`,children:e.selectedTraceId})]}),(0,j.jsx)(`div`,{className:`min-h-0 min-w-0 overflow-hidden`,children:e.selectedTrace===void 0?(0,j.jsx)(et,{className:`grid h-full place-items-center rounded-lg border-border bg-card p-6 text-sm font-medium text-muted-foreground`,children:e.traceLoadState===`loading`?`Loading trace`:`Trace not found`}):(0,j.jsx)(Ft,{traces:e.selectedSessionTraces.length>0?e.selectedSessionTraces:[e.selectedTrace],onShowSessionTraces:e.onShowSessionTraces})})]})}function Ft(e){let t=(0,A.useMemo)(()=>[...e.traces].sort((e,t)=>Date.parse(e.startedAt)-Date.parse(t.startedAt)),[e.traces]),n=t[0]?.id??``,[r,i]=(0,A.useState)(n),[a,o]=(0,A.useState)(`trace`);(0,A.useEffect)(()=>{i(n),o(`trace`)},[n]);let s=t.find(e=>e.id===r)??t[0],c=s===void 0?[]:Pe(s),l=(e,t)=>{i(e),o(t)};return s===void 0?(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full place-items-center text-sm font-medium text-muted-foreground`,"aria-label":`Traces`,children:`No trace selected`}):(0,j.jsx)(`section`,{className:`grid h-full min-h-0 w-full content-stretch overflow-hidden`,"aria-label":`Traces`,children:(0,j.jsxs)(`div`,{className:`grid h-full min-h-0 grid-cols-[320px_minmax(0,1fr)] overflow-hidden max-md:grid-cols-1`,children:[(0,j.jsxs)(`nav`,{className:`grid min-h-0 auto-rows-min content-start overflow-auto border-r border-border/80 bg-card/35 pr-2 max-md:max-h-80 max-md:border-b max-md:border-r-0`,"aria-label":`Trace timeline`,children:[(0,j.jsxs)(`div`,{className:`sticky top-0 z-30 flex min-h-11 items-center justify-between bg-card/90 py-0 pl-0 pr-5 text-xs font-medium text-muted-foreground backdrop-blur`,children:[(0,j.jsx)(`span`,{children:`Search`}),(0,j.jsx)(`strong`,{className:`text-foreground`,children:`Timeline`})]}),t.map(e=>{let t=s.id===e.id,n=Pe(e);return(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:t&&a===`trace`,ancestorLevels:[],hasChildren:!0,isLastSibling:!0,level:0,tone:`trace`,title:e.name??`Agent`,subtitle:p(e.durationMs),onSelect:()=>l(e.id,`trace`)}),(0,j.jsx)(Z,{active:t&&a===`agent`,ancestorLevels:[],hasChildren:n.length>0,isLastSibling:!0,level:1,tone:`agent`,title:`agent.run`,subtitle:p(e.durationMs),onSelect:()=>l(e.id,`agent`)}),n.map(r=>(0,j.jsxs)(`div`,{className:`contents`,children:[(0,j.jsx)(Z,{active:t&&a===`turn:${r.turn}`,ancestorLevels:[],hasChildren:r.observations.length>0,isLastSibling:r.turn===n.at(-1)?.turn,level:2,tone:`turn`,title:`turn.${r.turn}`,subtitle:p(r.durationMs),onSelect:()=>l(e.id,`turn:${r.turn}`)}),(0,j.jsx)(It,{activeKey:a,isLastTurn:r.turn===n.at(-1)?.turn,observations:r.observations,onSelect:t=>l(e.id,`observation:${t}`),traceActive:t})]},`${e.id}:turn:${r.turn}`))]},e.id)})]}),(0,j.jsx)(Rt,{trace:s,turns:c,activeKey:a,onShowSessionTraces:e.onShowSessionTraces})]})})}function Z(e){let t=e=>22+e*22;return(0,j.jsxs)(T,{className:r(`relative grid h-auto min-h-0 w-full min-w-0 grid-cols-[20px_minmax(0,1fr)] items-start justify-start gap-2 whitespace-normal rounded-lg border-0 bg-transparent px-3 py-2.5 text-left text-muted-foreground shadow-none transition duration-200 hover:bg-accent/70 hover:text-accent-foreground`,e.active&&`bg-primary/10 text-primary hover:bg-primary/10 hover:text-primary`),type:`button`,variant:`ghost`,onClick:e.onSelect,style:{paddingLeft:`${12+e.level*22}px`},children:[e.ancestorLevels.map(e=>(0,j.jsx)(`span`,{className:`pointer-events-none absolute inset-y-0 w-px bg-muted-foreground/35`,style:{left:`${t(e)}px`},"aria-hidden":`true`},`ancestor-line-${e}`)),e.level>0?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`pointer-events-none absolute top-0 w-px bg-muted-foreground/35`,style:{left:`${t(e.level-1)}px`,height:`18px`},"aria-hidden":`true`}),e.isLastSibling?null:(0,j.jsx)(`span`,{className:`pointer-events-none absolute bottom-0 w-px bg-muted-foreground/35`,style:{left:`${t(e.level-1)}px`,top:`18px`},"aria-hidden":`true`}),(0,j.jsx)(`span`,{className:`pointer-events-none absolute h-px bg-muted-foreground/35`,style:{left:`${t(e.level-1)}px`,top:`18px`,width:`22px`},"aria-hidden":`true`})]}):null,e.hasChildren?(0,j.jsx)(`span`,{className:`pointer-events-none absolute bottom-0 w-px bg-muted-foreground/35`,style:{left:`${t(e.level)}px`,top:`18px`},"aria-hidden":`true`}):null,(0,j.jsx)(`span`,{className:r(`relative z-10 grid h-5 w-5 place-items-center rounded-lg bg-transparent [&_svg]:h-3 [&_svg]:w-3 [&_svg]:opacity-100`,Ze(e.tone)),children:(0,j.jsx)(Xe,{tone:e.tone})}),(0,j.jsxs)(`span`,{className:`grid min-w-0 gap-0.5`,children:[(0,j.jsx)(`strong`,{className:`min-w-0 truncate text-sm font-medium leading-5 text-current`,children:e.title}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs font-medium text-muted-foreground`,children:e.subtitle})]})]})}function It(e){let t=Fe(e.observations);return(0,j.jsx)(j.Fragment,{children:t.map((n,r)=>(0,j.jsx)(Lt,{activeKey:e.activeKey,ancestorLevels:e.isLastTurn?[]:[1],isLastSibling:r===t.length-1,level:3,node:n,onSelect:e.onSelect,traceActive:e.traceActive},n.observation.id))})}function Lt(e){let t=z(e.node.observation),n=e.isLastSibling?e.ancestorLevels:[...e.ancestorLevels,e.level];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Z,{active:e.traceActive&&e.activeKey===`observation:${e.node.observation.id}`,ancestorLevels:e.ancestorLevels,hasChildren:e.node.children.length>0,isLastSibling:e.isLastSibling,level:e.level,tone:e.node.observation.kind,title:qe(e.node.observation),subtitle:t.length>0?`${p(e.node.observation.durationMs)} · ${t}`:p(e.node.observation.durationMs),onSelect:()=>e.onSelect(e.node.observation.id)}),e.node.children.map((t,r)=>(0,j.jsx)(Lt,{activeKey:e.activeKey,ancestorLevels:n,isLastSibling:r===e.node.children.length-1,level:e.level+1,node:t,onSelect:e.onSelect,traceActive:e.traceActive},t.observation.id))]})}function Rt(e){let t=Ie(e.trace,e.turns,e.activeKey);return(0,j.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-card/70`,"aria-label":`Trace detail`,children:[(0,j.jsx)(`header`,{className:`border-b border-border/60 bg-card/70 px-6 py-5`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-5`,children:[(0,j.jsx)(`div`,{className:`flex min-w-0 items-start justify-between gap-4`,children:(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,j.jsx)(`span`,{className:r(`grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-primary text-primary-foreground [&_svg]:h-4 [&_svg]:w-4 [&_svg]:opacity-100`,t.tone!==`trace`&&`bg-muted text-foreground`,Ze(t.tone)),children:(0,j.jsx)(Xe,{tone:t.tone})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsx)(`h2`,{className:`m-0 min-w-0 truncate text-2xl font-semibold leading-none tracking-[-0.01em] text-foreground`,children:t.title}),(0,j.jsx)(`div`,{className:`font-mono text-xs font-medium text-muted-foreground`,children:t.startedAt})]})]})}),(0,j.jsxs)(`div`,{className:`grid min-w-0 grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-2`,children:[(0,j.jsx)(Q,{label:`Duration`,value:p(t.durationMs)}),t.firstDeltaMs===void 0?null:(0,j.jsx)(Q,{label:`First delta`,value:p(t.firstDeltaMs)}),t.usage.length===0?null:(0,j.jsx)(Q,{label:`Usage`,value:t.usage}),(0,j.jsxs)(`button`,{className:`grid min-w-0 gap-1 rounded-lg bg-card/85 px-4 py-3 text-left transition duration-200 hover:bg-accent hover:text-accent-foreground`,type:`button`,onClick:()=>e.onShowSessionTraces(e.trace.sessionId),children:[(0,j.jsx)(`span`,{className:`font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Session`}),(0,j.jsx)(`span`,{className:`min-w-0 truncate font-mono text-sm font-semibold text-current`,children:e.trace.sessionId})]})]})]})}),(0,j.jsx)(`div`,{className:`min-w-0 overflow-auto`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 content-start gap-6 p-6`,children:[t.input===void 0?null:(0,j.jsx)($,{title:`Input`,value:t.input}),t.output===void 0?null:(0,j.jsx)($,{title:`Output`,value:t.output,tone:`success`}),t.error===void 0?null:(0,j.jsx)($,{title:`Error`,value:t.error,tone:`error`}),(0,j.jsx)($,{title:`Metadata`,value:t.metadata,rawJson:!0})]})})]})}function Q(e){return(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1 rounded-lg bg-card/85 px-4 py-3`,children:[(0,j.jsx)(`span`,{className:`font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,j.jsx)(`span`,{className:`min-w-0 truncate font-mono text-sm font-semibold text-foreground`,children:e.value})]})}function $(e){let t=Oe(e.title,e.value);return(0,j.jsxs)(`section`,{className:`grid min-w-0 gap-3`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,j.jsx)(`h3`,{className:`m-0 text-lg font-semibold leading-tight text-foreground`,children:e.title}),(0,j.jsx)(`span`,{className:`h-px flex-1 bg-border/80`,"aria-hidden":`true`})]}),e.rawJson?(0,j.jsx)(ye,{value:e.value}):(0,j.jsx)(`div`,{className:`grid min-w-0 gap-3`,children:t.map(t=>(0,j.jsxs)(`article`,{className:r(`grid min-w-0 gap-3 rounded-lg bg-card/85 px-4 py-4`,e.compact&&`grid-cols-[150px_minmax(0,1fr)] items-start gap-4 max-lg:grid-cols-1`),children:[(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:[(0,j.jsx)(De,{label:t.label}),t.label]}),(0,j.jsx)(zt,{compact:e.compact,item:t,tone:e.tone})]},`${t.label}-${t.text}`))})]})}function zt(e){let t=Bt(e.item);return t.length>0?(0,j.jsx)(`div`,{className:`grid min-w-0 gap-5`,children:t.map(e=>(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,j.jsx)(`span`,{className:`font-mono text-xs font-semibold tabular-nums text-muted-foreground`,children:e.index}),(0,j.jsx)(k,{className:r(`px-1.5 py-0.5`,e.role===`User`&&`border-chart-2/40 bg-chart-2/15 text-chart-2`,e.role===`Assistant`&&`border-chart-1/40 bg-chart-1/15 text-chart-1`,e.role===`Tool`&&`border-chart-5/40 bg-chart-5/15 text-chart-5`),children:e.role})]}),(0,j.jsx)(`p`,{className:`m-0 whitespace-pre-wrap text-[15px] leading-7 text-foreground [overflow-wrap:anywhere]`,children:e.text})]},`${e.index}-${e.role}-${e.text}`))}):(0,j.jsx)(`p`,{className:r(`m-0 whitespace-pre-wrap text-[15px] leading-7 text-foreground [overflow-wrap:anywhere]`,e.compact&&`font-mono text-[13px] leading-6`,e.tone===`success`&&!Ee(e.item)&&`text-primary`,e.tone===`error`&&`text-destructive`),children:e.item.text})}function Bt(e){return e.label.startsWith(`Conversation history`)?e.text.split(`
6
-
7
- `).flatMap(e=>{let[t,...n]=e.split(`
8
- `),r=/^(\d+)\.\s+(.+)$/.exec(t??``);return r===null?[]:[{index:r[1]??``,role:r[2]??`Message`,text:n.join(`
9
- `)}]}):[]}export{Mt as TraceBrowser};
10
- //# sourceMappingURL=trace-browser-KsF4pJ1E.js.map