@anvia/studio 0.8.0 → 1.0.0-rc.1
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.
- package/README.md +15 -11
- package/dist/index.d.ts +7 -5
- package/dist/index.js +387 -383
- package/dist/index.js.map +1 -1
- package/dist/ui/assets/{ArrowClockwise.es-CSN-gjxO.js → ArrowClockwise.es-yNj_oSyD.js} +2 -2
- package/dist/ui/assets/{ArrowClockwise.es-CSN-gjxO.js.map → ArrowClockwise.es-yNj_oSyD.js.map} +1 -1
- package/dist/ui/assets/{agents-page-CkNSbqAj.js → agents-page-ucKNS0fS.js} +2 -2
- package/dist/ui/assets/agents-page-ucKNS0fS.js.map +1 -0
- package/dist/ui/assets/{index-Bh7RLPBw.js → index-DIV9J1_T.js} +4 -4
- package/dist/ui/assets/{index-Bh7RLPBw.js.map → index-DIV9J1_T.js.map} +1 -1
- package/dist/ui/assets/{knowledge-page-Cot_uYcE.js → knowledge-page-vwFOGhkh.js} +2 -2
- package/dist/ui/assets/{knowledge-page-Cot_uYcE.js.map → knowledge-page-vwFOGhkh.js.map} +1 -1
- package/dist/ui/assets/{mcps-page-BSO6ork4.js → mcps-page-Bsu_-w7A.js} +2 -2
- package/dist/ui/assets/{mcps-page-BSO6ork4.js.map → mcps-page-Bsu_-w7A.js.map} +1 -1
- package/dist/ui/assets/{memory-page-CG84G--r.js → memory-page-DJ_nq7Ip.js} +2 -2
- package/dist/ui/assets/{memory-page-CG84G--r.js.map → memory-page-DJ_nq7Ip.js.map} +1 -1
- package/dist/ui/assets/{pipelines-page-Hbf5ffUH.js → pipelines-page-BsHeSdbO.js} +2 -2
- package/dist/ui/assets/{pipelines-page-Hbf5ffUH.js.map → pipelines-page-BsHeSdbO.js.map} +1 -1
- package/dist/ui/assets/{renderers-B8gvjR2u.js → renderers-5kT5HxmZ.js} +2 -2
- package/dist/ui/assets/{renderers-B8gvjR2u.js.map → renderers-5kT5HxmZ.js.map} +1 -1
- package/dist/ui/assets/{sandboxes-page-D910dyFO.js → sandboxes-page-BQuQepXk.js} +2 -2
- package/dist/ui/assets/{sandboxes-page-D910dyFO.js.map → sandboxes-page-BQuQepXk.js.map} +1 -1
- package/dist/ui/assets/{sessions-page-CSN2vSKZ.js → sessions-page-BLGrHrQT.js} +2 -2
- package/dist/ui/assets/{sessions-page-CSN2vSKZ.js.map → sessions-page-BLGrHrQT.js.map} +1 -1
- package/dist/ui/assets/{status-page-CgRNt0wi.js → status-page-D-BUKV_r.js} +2 -2
- package/dist/ui/assets/{status-page-CgRNt0wi.js.map → status-page-D-BUKV_r.js.map} +1 -1
- package/dist/ui/assets/{tool-runner-BZN-PZJU.js → tool-runner-6-N-OOCI.js} +2 -2
- package/dist/ui/assets/{tool-runner-BZN-PZJU.js.map → tool-runner-6-N-OOCI.js.map} +1 -1
- package/dist/ui/assets/{tools-page-DRv7aklU.js → tools-page-BEQJgFX0.js} +2 -2
- package/dist/ui/assets/{tools-page-DRv7aklU.js.map → tools-page-BEQJgFX0.js.map} +1 -1
- package/dist/ui/assets/{trace-browser-B07coNNE.js → trace-browser-DdGcJyNX.js} +2 -2
- package/dist/ui/assets/{trace-browser-B07coNNE.js.map → trace-browser-DdGcJyNX.js.map} +1 -1
- package/dist/ui/assets/{transcript-item-ZNkQEaCw.js → transcript-item-Bbf77TZa.js} +2 -2
- package/dist/ui/assets/{transcript-item-ZNkQEaCw.js.map → transcript-item-Bbf77TZa.js.map} +1 -1
- package/dist/ui/index.html +1 -1
- package/package.json +6 -6
- package/dist/ui/assets/agents-page-CkNSbqAj.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e,s as t}from"./utils-C9GMruoG.js";import{W as n}from"./index-
|
|
2
|
-
//# sourceMappingURL=ArrowClockwise.es-
|
|
1
|
+
import{i as e,s as t}from"./utils-C9GMruoG.js";import{W as n}from"./index-DIV9J1_T.js";var r=t(e(),1),i=new Map([[`bold`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M244,56v48a12,12,0,0,1-12,12H184a12,12,0,1,1,0-24H201.1l-19-17.38c-.13-.12-.26-.24-.38-.37A76,76,0,1,0,127,204h1a75.53,75.53,0,0,0,52.15-20.72,12,12,0,0,1,16.49,17.45A99.45,99.45,0,0,1,128,228h-1.37A100,100,0,1,1,198.51,57.06L220,76.72V56a12,12,0,0,1,24,0Z`}))],[`duotone`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z`,opacity:`0.2`}),r.createElement(`path`,{d:`M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z`}))],[`fill`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1-5.66-13.66l17-17-10.55-9.65-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,1,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60l10.93,10L226.34,50.3A8,8,0,0,1,240,56Z`}))],[`light`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M238,56v48a6,6,0,0,1-6,6H184a6,6,0,0,1,0-12h32.55l-30.38-27.8c-.06-.06-.12-.13-.19-.19a82,82,0,1,0-1.7,117.65,6,6,0,0,1,8.24,8.73A93.46,93.46,0,0,1,128,222h-1.28A94,94,0,1,1,194.37,61.4L226,90.35V56a6,6,0,1,1,12,0Z`}))],[`regular`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z`}))],[`thin`,r.createElement(r.Fragment,null,r.createElement(`path`,{d:`M236,56v48a4,4,0,0,1-4,4H184a4,4,0,0,1,0-8h37.7L187.53,68.69l-.13-.12a84,84,0,1,0-1.75,120.51,4,4,0,0,1,5.5,5.82A91.43,91.43,0,0,1,128,220h-1.26A92,92,0,1,1,193,62.84l35,32.05V56a4,4,0,1,1,8,0Z`}))]]),a=r.forwardRef((e,t)=>r.createElement(n,{ref:t,...e,weights:i}));a.displayName=`ArrowClockwiseIcon`;var o=a;export{o as t};
|
|
2
|
+
//# sourceMappingURL=ArrowClockwise.es-yNj_oSyD.js.map
|
package/dist/ui/assets/{ArrowClockwise.es-CSN-gjxO.js.map → ArrowClockwise.es-yNj_oSyD.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowClockwise.es-
|
|
1
|
+
{"version":3,"file":"ArrowClockwise.es-yNj_oSyD.js","names":["s","t"],"sources":["../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/ArrowClockwise.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/ArrowClockwise.es.js"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M244,56v48a12,12,0,0,1-12,12H184a12,12,0,1,1,0-24H201.1l-19-17.38c-.13-.12-.26-.24-.38-.37A76,76,0,1,0,127,204h1a75.53,75.53,0,0,0,52.15-20.72,12,12,0,0,1,16.49,17.45A99.45,99.45,0,0,1,128,228h-1.37A100,100,0,1,1,198.51,57.06L220,76.72V56a12,12,0,0,1,24,0Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1-5.66-13.66l17-17-10.55-9.65-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,1,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60l10.93,10L226.34,50.3A8,8,0,0,1,240,56Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M238,56v48a6,6,0,0,1-6,6H184a6,6,0,0,1,0-12h32.55l-30.38-27.8c-.06-.06-.12-.13-.19-.19a82,82,0,1,0-1.7,117.65,6,6,0,0,1,8.24,8.73A93.46,93.46,0,0,1,128,222h-1.28A94,94,0,1,1,194.37,61.4L226,90.35V56a6,6,0,1,1,12,0Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M236,56v48a4,4,0,0,1-4,4H184a4,4,0,0,1,0-8h37.7L187.53,68.69l-.13-.12a84,84,0,1,0-1.75,120.51,4,4,0,0,1,5.5,5.82A91.43,91.43,0,0,1,128,220h-1.26A92,92,0,1,1,193,62.84l35,32.05V56a4,4,0,1,1,8,0Z\" }))\n ]\n]);\nexport {\n a as default\n};\n","import * as o from \"react\";\nimport s from \"../lib/IconBase.es.js\";\nimport t from \"../defs/ArrowClockwise.es.js\";\nconst r = o.forwardRef((e, c) => /* @__PURE__ */ o.createElement(s, { ref: c, ...e, weights: t }));\nr.displayName = \"ArrowClockwiseIcon\";\nconst m = r;\nexport {\n m as ArrowClockwise,\n r as ArrowClockwiseIcon\n};\n"],"x_google_ignoreList":[0,1],"mappings":"sGACM,EAAoB,IAAI,IAAI,CAChC,CACE,OACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,mQAAoQ,CAAC,CAAC,CACtW,CACD,CACE,UACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,kDAAmD,QAAS,MAAO,CAAC,CAAkB,EAAE,cAAc,OAAQ,CAAE,EAAG,uMAAwM,CAAC,CAAC,CAC7Z,CACD,CACE,OACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,qNAAsN,CAAC,CAAC,CACxT,CACD,CACE,QACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,yNAA0N,CAAC,CAAC,CAC5T,CACD,CACE,UACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,uMAAwM,CAAC,CAAC,CAC1S,CACD,CACE,OACgB,EAAE,cAAA,EAAgB,SAAU,KAAsB,EAAE,cAAc,OAAQ,CAAE,EAAG,oMAAqM,CAAC,CAAC,CACvS,CACF,CAAC,CCvBI,EAAA,EAAM,YAAY,EAAG,IAAsB,EAAE,cAAcA,EAAG,CAAE,IAAK,EAAG,GAAG,EAAG,QAASC,EAAG,CAAC,CAAC,CAClG,EAAE,YAAc,qBAChB,IAAM,EAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e,r as t,s as n,t as r}from"./utils-C9GMruoG.js";import{a as i,i as a,n as o,o as s,r as c}from"./index-
|
|
2
|
-
//# sourceMappingURL=agents-page-
|
|
1
|
+
import{i as e,r as t,s as n,t as r}from"./utils-C9GMruoG.js";import{a as i,i as a,n as o,o as s,r as c}from"./index-DIV9J1_T.js";import{t as l}from"./badge-RJJoRC4P.js";var u=n(e(),1),d=t();function f(e){let[t,n]=(0,u.useState)({});(0,u.useEffect)(()=>{let t=!1;async function r(){let r=await Promise.all(e.agents.map(async e=>{try{let t=await fetch(`/agents/${encodeURIComponent(e.id)}/runtime`);return t.ok?[e.id,await t.json()]:[e.id,void 0]}catch{return[e.id,void 0]}}));t||n(Object.fromEntries(r))}return r(),()=>{t=!0}},[e.agents]);let r=C(e.agents,t);return(0,d.jsxs)(s,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":`Agents`,children:[(0,d.jsx)(i,{title:`Studio`,description:`Registered agents and the runtime capabilities exposed to Studio.`,action:(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start`,children:[(0,d.jsx)(c,{label:`agents`,value:e.agents.length}),(0,d.jsx)(c,{label:`tools`,value:r.tools}),(0,d.jsx)(c,{label:`context`,value:r.context}),(0,d.jsx)(c,{label:`prompts`,value:r.prompts})]})}),(0,d.jsx)(a,{className:`overflow-auto`,children:e.agents.length===0?(0,d.jsx)(o,{title:`No agents`,text:`Studio has no registered agents to inspect.`}):(0,d.jsx)(p,{agents:e.agents,runtimeByAgentId:t,selectedAgentId:e.selectedAgentId})})]})}function p(e){return(0,d.jsx)(`div`,{className:`min-w-[980px]`,children:(0,d.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,d.jsx)(`thead`,{className:`sticky top-0 z-10 bg-background/95 backdrop-blur`,children:(0,d.jsxs)(`tr`,{children:[(0,d.jsx)(h,{children:`Agent`}),(0,d.jsx)(h,{children:`Model`}),(0,d.jsx)(h,{children:`Runtime`}),(0,d.jsx)(h,{children:`Capabilities`})]})}),(0,d.jsx)(`tbody`,{children:e.agents.map(t=>(0,d.jsx)(m,{agent:t,active:t.id===e.selectedAgentId,runtime:e.runtimeByAgentId[t.id]},t.id))})]})})}function m(e){let t=e.runtime,n=t===void 0?`Runtime unavailable`:t.model===void 0?`No model reported`:w(t.model);return(0,d.jsxs)(`tr`,{children:[(0,d.jsx)(g,{children:(0,d.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,d.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.agent.name??e.agent.id}),e.active?(0,d.jsx)(l,{className:y,children:`selected`}):null]}),(0,d.jsx)(`span`,{className:`min-w-0 break-all text-xs font-medium leading-5 text-muted-foreground`,children:e.agent.id}),(0,d.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.agent.description??`No description`})]})}),(0,d.jsx)(g,{children:(0,d.jsx)(`span`,{className:r(`block max-w-[260px] truncate text-sm leading-6`,t===void 0?`text-muted-foreground`:`text-foreground`),title:n,children:n})}),(0,d.jsx)(g,{children:t===void 0?(0,d.jsx)(`span`,{className:`text-sm leading-6 text-muted-foreground`,children:`Waiting for summary`}):(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,d.jsx)(_,{label:`tools`,value:t.toolCount}),(0,d.jsx)(_,{label:`mcp`,value:t.mcpToolCount}),(0,d.jsx)(_,{label:`context`,value:t.staticContextCount+t.dynamicContextCount}),(0,d.jsx)(_,{label:`observers`,value:t.observerCount}),(0,d.jsx)(_,{label:`prompts`,value:e.agent.quickPrompts.length})]})}),(0,d.jsx)(g,{children:t===void 0?(0,d.jsx)(`span`,{className:`text-sm leading-6 text-muted-foreground`,children:`Not loaded`}):(0,d.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,d.jsx)(v,{enabled:t.hasMemory,children:`memory`}),(0,d.jsx)(v,{enabled:t.hasLifecycle,children:`lifecycle`}),(0,d.jsx)(v,{enabled:t.hasOutputSchema,children:`schema`}),t.defaultMaxTurns===void 0?null:(0,d.jsxs)(l,{className:S,children:[t.defaultMaxTurns,` turns`]})]})})]})}function h(e){return(0,d.jsx)(`th`,{className:`border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function g(e){return(0,d.jsx)(`td`,{className:`border-b border-border/70 py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function _(e){return(0,d.jsxs)(`span`,{className:`inline-flex min-h-7 items-center gap-1.5 rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,d.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function v(e){return(0,d.jsx)(l,{className:e.enabled?b:x,children:e.children})}var y=`border-border/80 bg-muted/45 text-foreground`,b=`border-border/80 bg-muted/35 text-foreground`,x=`border-transparent bg-transparent text-muted-foreground/60`,S=`border-border/80 bg-muted/35 text-muted-foreground`;function C(e,t){return e.reduce((e,n)=>{let r=t[n.id];return e.prompts+=n.quickPrompts.length,r!==void 0&&(e.tools+=r.toolCount+r.mcpToolCount,e.context+=r.staticContextCount+r.dynamicContextCount),e},{context:0,prompts:0,tools:0})}function w(e){if(e===null)return`null`;if(typeof e==`string`||typeof e==`number`||typeof e==`boolean`)return String(e);if(Array.isArray(e))return`[${e.length}]`;if(typeof e==`object`){let t=T(e,`model`)??T(e,`defaultModel`),n=T(e,`provider`),r=T(e,`id`)??T(e,`name`),i=t??r;return n!==void 0&&i!==void 0&&n!==i?`${n} / ${i}`:i??n??`Custom model`}return``}function T(e,t){let n=e;return typeof n[t]==`string`?n[t]:void 0}export{f as AgentsPage};
|
|
2
|
+
//# sourceMappingURL=agents-page-ucKNS0fS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agents-page-ucKNS0fS.js","names":[],"sources":["../../../src/ui/app/modules/agents/agents-page.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useState } from \"react\";\nimport type { StudioAgentRuntimeSummary, StudioConfig } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport {\n StudioEmptyState,\n StudioHeaderMetric,\n StudioPageContent,\n StudioPageHeader,\n StudioPageShell,\n} from \"../../components/ui/studio\";\nimport { cn } from \"../../lib/utils\";\n\nexport function AgentsPage(props: { agents: StudioConfig[\"agents\"]; selectedAgentId: string }) {\n const [runtimeByAgentId, setRuntimeByAgentId] = useState<\n Record<string, StudioAgentRuntimeSummary | undefined>\n >({});\n\n useEffect(() => {\n let cancelled = false;\n async function loadRuntimeSummaries() {\n const entries = await Promise.all(\n props.agents.map(async (agent) => {\n try {\n const response = await fetch(`/agents/${encodeURIComponent(agent.id)}/runtime`);\n if (!response.ok) {\n return [agent.id, undefined] as const;\n }\n return [agent.id, (await response.json()) as StudioAgentRuntimeSummary] as const;\n } catch {\n return [agent.id, undefined] as const;\n }\n }),\n );\n if (!cancelled) {\n setRuntimeByAgentId(Object.fromEntries(entries));\n }\n }\n void loadRuntimeSummaries();\n return () => {\n cancelled = true;\n };\n }, [props.agents]);\n\n const totals = registryTotals(props.agents, runtimeByAgentId);\n\n return (\n <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"Agents\">\n <StudioPageHeader\n title=\"Studio\"\n description=\"Registered agents and the runtime capabilities exposed to Studio.\"\n action={\n <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start\">\n <StudioHeaderMetric label=\"agents\" value={props.agents.length} />\n <StudioHeaderMetric label=\"tools\" value={totals.tools} />\n <StudioHeaderMetric label=\"context\" value={totals.context} />\n <StudioHeaderMetric label=\"prompts\" value={totals.prompts} />\n </div>\n }\n />\n\n <StudioPageContent className=\"overflow-auto\">\n {props.agents.length === 0 ? (\n <StudioEmptyState title=\"No agents\" text=\"Studio has no registered agents to inspect.\" />\n ) : (\n <AgentRegistryTable\n agents={props.agents}\n runtimeByAgentId={runtimeByAgentId}\n selectedAgentId={props.selectedAgentId}\n />\n )}\n </StudioPageContent>\n </StudioPageShell>\n );\n}\n\ntype RuntimeByAgentId = Record<string, StudioAgentRuntimeSummary | undefined>;\n\nfunction AgentRegistryTable(props: {\n agents: StudioConfig[\"agents\"];\n runtimeByAgentId: RuntimeByAgentId;\n selectedAgentId: string;\n}) {\n return (\n <div className=\"min-w-[980px]\">\n <table className=\"w-full border-separate border-spacing-0 text-left\">\n <thead className=\"sticky top-0 z-10 bg-background/95 backdrop-blur\">\n <tr>\n <TableHead>Agent</TableHead>\n <TableHead>Model</TableHead>\n <TableHead>Runtime</TableHead>\n <TableHead>Capabilities</TableHead>\n </tr>\n </thead>\n <tbody>\n {props.agents.map((agent) => (\n <AgentRegistryRow\n agent={agent}\n active={agent.id === props.selectedAgentId}\n key={agent.id}\n runtime={props.runtimeByAgentId[agent.id]}\n />\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction AgentRegistryRow(props: {\n agent: StudioConfig[\"agents\"][number];\n runtime: StudioAgentRuntimeSummary | undefined;\n active: boolean;\n}) {\n const runtime = props.runtime;\n const modelLabel =\n runtime === undefined\n ? \"Runtime unavailable\"\n : runtime.model === undefined\n ? \"No model reported\"\n : formatModelValue(runtime.model);\n\n return (\n <tr>\n <TableCell>\n <div className=\"grid min-w-0 gap-1.5\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n {props.agent.name ?? props.agent.id}\n </span>\n {props.active ? <Badge className={selectedBadge}>selected</Badge> : null}\n </div>\n <span className=\"min-w-0 break-all text-xs font-medium leading-5 text-muted-foreground\">\n {props.agent.id}\n </span>\n <p className=\"m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground\">\n {props.agent.description ?? \"No description\"}\n </p>\n </div>\n </TableCell>\n <TableCell>\n <span\n className={cn(\n \"block max-w-[260px] truncate text-sm leading-6\",\n runtime === undefined ? \"text-muted-foreground\" : \"text-foreground\",\n )}\n title={modelLabel}\n >\n {modelLabel}\n </span>\n </TableCell>\n <TableCell>\n {runtime === undefined ? (\n <span className=\"text-sm leading-6 text-muted-foreground\">Waiting for summary</span>\n ) : (\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <MetricPill label=\"tools\" value={runtime.toolCount} />\n <MetricPill label=\"mcp\" value={runtime.mcpToolCount} />\n <MetricPill\n label=\"context\"\n value={runtime.staticContextCount + runtime.dynamicContextCount}\n />\n <MetricPill label=\"observers\" value={runtime.observerCount} />\n <MetricPill label=\"prompts\" value={props.agent.quickPrompts.length} />\n </div>\n )}\n </TableCell>\n <TableCell>\n {runtime === undefined ? (\n <span className=\"text-sm leading-6 text-muted-foreground\">Not loaded</span>\n ) : (\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <CapabilityBadge enabled={runtime.hasMemory}>memory</CapabilityBadge>\n <CapabilityBadge enabled={runtime.hasLifecycle}>lifecycle</CapabilityBadge>\n <CapabilityBadge enabled={runtime.hasOutputSchema}>schema</CapabilityBadge>\n {runtime.defaultMaxTurns === undefined ? null : (\n <Badge className={neutralBadge}>{runtime.defaultMaxTurns} turns</Badge>\n )}\n </div>\n )}\n </TableCell>\n </tr>\n );\n}\n\nfunction TableHead(props: { children: string }) {\n return (\n <th className=\"border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0\">\n {props.children}\n </th>\n );\n}\n\nfunction TableCell(props: { children: ReactNode }) {\n return (\n <td className=\"border-b border-border/70 py-3.5 pr-5 align-top first:pl-0\">{props.children}</td>\n );\n}\n\nfunction MetricPill(props: { label: string; value: number }) {\n return (\n <span className=\"inline-flex min-h-7 items-center gap-1.5 rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground\">\n <span className=\"font-semibold tabular-nums text-foreground\">{props.value}</span>\n {props.label}\n </span>\n );\n}\n\nfunction CapabilityBadge(props: { enabled: boolean; children: string }) {\n return <Badge className={props.enabled ? enabledBadge : disabledBadge}>{props.children}</Badge>;\n}\n\nconst selectedBadge = \"border-border/80 bg-muted/45 text-foreground\";\nconst enabledBadge = \"border-border/80 bg-muted/35 text-foreground\";\nconst disabledBadge = \"border-transparent bg-transparent text-muted-foreground/60\";\nconst neutralBadge = \"border-border/80 bg-muted/35 text-muted-foreground\";\n\nfunction registryTotals(agents: StudioConfig[\"agents\"], runtimeByAgentId: RuntimeByAgentId) {\n return agents.reduce(\n (totals, agent) => {\n const runtime = runtimeByAgentId[agent.id];\n totals.prompts += agent.quickPrompts.length;\n if (runtime !== undefined) {\n totals.tools += runtime.toolCount + runtime.mcpToolCount;\n totals.context += runtime.staticContextCount + runtime.dynamicContextCount;\n }\n return totals;\n },\n { context: 0, prompts: 0, tools: 0 },\n );\n}\n\nfunction formatModelValue(value: unknown): string {\n if (value === null) {\n return \"null\";\n }\n if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if (Array.isArray(value)) {\n return `[${value.length}]`;\n }\n if (typeof value === \"object\") {\n const model = objectString(value, \"model\") ?? objectString(value, \"defaultModel\");\n const provider = objectString(value, \"provider\");\n const id = objectString(value, \"id\") ?? objectString(value, \"name\");\n const modelName = model ?? id;\n\n if (provider !== undefined && modelName !== undefined && provider !== modelName) {\n return `${provider} / ${modelName}`;\n }\n return modelName ?? provider ?? \"Custom model\";\n }\n return \"\";\n}\n\nfunction objectString(value: object, key: string): string | undefined {\n const record = value as Record<string, unknown>;\n return typeof record[key] === \"string\" ? record[key] : undefined;\n}\n"],"mappings":"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"}
|