@anvia/studio 1.0.2 → 1.0.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.
- package/README.md +25 -2
- package/dist/index.d.ts +42 -2
- package/dist/index.js +148 -3
- package/dist/index.js.map +1 -1
- package/dist/ui/assets/Check.es-DgvuCllR.js +2 -0
- package/dist/ui/assets/Check.es-DgvuCllR.js.map +1 -0
- package/dist/ui/assets/Copy.es-DV7tb_eC.js +2 -0
- package/dist/ui/assets/Copy.es-DV7tb_eC.js.map +1 -0
- package/dist/ui/assets/MagnifyingGlass.es-yzEp9c89.js +2 -0
- package/dist/ui/assets/MagnifyingGlass.es-yzEp9c89.js.map +1 -0
- package/dist/ui/assets/Wrench.es-rRuP3Mrh.js +2 -0
- package/dist/ui/assets/Wrench.es-rRuP3Mrh.js.map +1 -0
- package/dist/ui/assets/agents-page-ByhvVYOx.js +2 -0
- package/dist/ui/assets/agents-page-ByhvVYOx.js.map +1 -0
- package/dist/ui/assets/badge-C3fkxijh.js +2 -0
- package/dist/ui/assets/badge-C3fkxijh.js.map +1 -0
- package/dist/ui/assets/button-B_AoswCu.js +2 -0
- package/dist/ui/assets/button-B_AoswCu.js.map +1 -0
- package/dist/ui/assets/{dialog-DN8F1Aaq.js → dialog-BfKpnby4.js} +2 -2
- package/dist/ui/assets/{dialog-DN8F1Aaq.js.map → dialog-BfKpnby4.js.map} +1 -1
- package/dist/ui/assets/{dist-PrGeYMiK.js → dist-Dr6EWOhl.js} +2 -2
- package/dist/ui/assets/{dist-PrGeYMiK.js.map → dist-Dr6EWOhl.js.map} +1 -1
- package/dist/ui/assets/{es2015-Ck1KeeEx.js → es2015-DGcxtKLK.js} +2 -2
- package/dist/ui/assets/{es2015-Ck1KeeEx.js.map → es2015-DGcxtKLK.js.map} +1 -1
- package/dist/ui/assets/favicon-dark.svg +7 -0
- package/dist/ui/assets/favicon-light.svg +7 -0
- package/dist/ui/assets/favicon.svg +1 -1
- package/dist/ui/assets/graphs-page-ne3dJIrx.js +2 -0
- package/dist/ui/assets/graphs-page-ne3dJIrx.js.map +1 -0
- package/dist/ui/assets/index-BGl7eOVR.css +2 -0
- package/dist/ui/assets/index-DF9Ysm8q.js +75 -0
- package/dist/ui/assets/index-DF9Ysm8q.js.map +1 -0
- package/dist/ui/assets/{input-DHvac9Uq.js → input-DuERdYTl.js} +2 -2
- package/dist/ui/assets/{input-DHvac9Uq.js.map → input-DuERdYTl.js.map} +1 -1
- package/dist/ui/assets/knowledge-page-1WgvGV4f.js +2 -0
- package/dist/ui/assets/knowledge-page-1WgvGV4f.js.map +1 -0
- package/dist/ui/assets/{mcps-page-MSz67ifn.js → mcps-page-BV96jSfG.js} +2 -2
- package/dist/ui/assets/mcps-page-BV96jSfG.js.map +1 -0
- package/dist/ui/assets/memory-page-DxClkjRl.js +4 -0
- package/dist/ui/assets/{memory-page-2qr2eMrI.js.map → memory-page-DxClkjRl.js.map} +1 -1
- package/dist/ui/assets/pipelines-page-ClO_uXn1.js +2 -0
- package/dist/ui/assets/pipelines-page-ClO_uXn1.js.map +1 -0
- package/dist/ui/assets/{renderers-BIw5yJkg.js → renderers-Cf55u6J4.js} +3 -3
- package/dist/ui/assets/{renderers-BIw5yJkg.js.map → renderers-Cf55u6J4.js.map} +1 -1
- package/dist/ui/assets/{request-CnFL8L6p.js → request-DbgMKweq.js} +2 -2
- package/dist/ui/assets/{request-CnFL8L6p.js.map → request-DbgMKweq.js.map} +1 -1
- package/dist/ui/assets/{sandboxes-page-DWMtrKYJ.js → sandboxes-page-Bo4S4ILL.js} +2 -2
- package/dist/ui/assets/sandboxes-page-Bo4S4ILL.js.map +1 -0
- package/dist/ui/assets/select-BdCBnmXx.js +2 -0
- package/dist/ui/assets/{select-C1_9fsRu.js.map → select-BdCBnmXx.js.map} +1 -1
- package/dist/ui/assets/sessions-page-BMnR-r_F.js +2 -0
- package/dist/ui/assets/sessions-page-BMnR-r_F.js.map +1 -0
- package/dist/ui/assets/status-page-Ys5dQyMG.js +2 -0
- package/dist/ui/assets/status-page-Ys5dQyMG.js.map +1 -0
- package/dist/ui/assets/studio-DzEdCFsX.js +2 -0
- package/dist/ui/assets/studio-DzEdCFsX.js.map +1 -0
- package/dist/ui/assets/style-BstB0PNS.js +8 -0
- package/dist/ui/assets/style-BstB0PNS.js.map +1 -0
- package/dist/ui/assets/{textarea-CZvhTJxB.js → textarea-fAtCF2cf.js} +2 -2
- package/dist/ui/assets/{textarea-CZvhTJxB.js.map → textarea-fAtCF2cf.js.map} +1 -1
- package/dist/ui/assets/tool-runner-Cwfc3yY8.js +2 -0
- package/dist/ui/assets/tool-runner-Cwfc3yY8.js.map +1 -0
- package/dist/ui/assets/{tools-page-D1ewvG0D.js → tools-page-BSgFqVi2.js} +2 -2
- package/dist/ui/assets/tools-page-BSgFqVi2.js.map +1 -0
- package/dist/ui/assets/trace-browser-Co9iS9HR.js +4 -0
- package/dist/ui/assets/trace-browser-Co9iS9HR.js.map +1 -0
- package/dist/ui/assets/transcript-item-ChVGempt.js +3 -0
- package/dist/ui/assets/transcript-item-ChVGempt.js.map +1 -0
- package/dist/ui/index.html +28 -20
- package/package.json +9 -8
- package/dist/ui/assets/CaretDown.es-CXu4Fvbf.js +0 -2
- package/dist/ui/assets/CaretDown.es-CXu4Fvbf.js.map +0 -1
- package/dist/ui/assets/Check.es-DSXK9-8c.js +0 -2
- package/dist/ui/assets/Check.es-DSXK9-8c.js.map +0 -1
- package/dist/ui/assets/Wrench.es-Cl38Pi3C.js +0 -4
- package/dist/ui/assets/Wrench.es-Cl38Pi3C.js.map +0 -1
- package/dist/ui/assets/agents-page-h-83w9EN.js +0 -2
- package/dist/ui/assets/agents-page-h-83w9EN.js.map +0 -1
- package/dist/ui/assets/badge-O3YyUN3G.js +0 -2
- package/dist/ui/assets/badge-O3YyUN3G.js.map +0 -1
- package/dist/ui/assets/button-Dsqwey2_.js +0 -2
- package/dist/ui/assets/button-Dsqwey2_.js.map +0 -1
- package/dist/ui/assets/index-DmctBqLn.js +0 -75
- package/dist/ui/assets/index-DmctBqLn.js.map +0 -1
- package/dist/ui/assets/index-VCdJ2Rb4.css +0 -2
- package/dist/ui/assets/knowledge-page-DKnPrmhK.js +0 -2
- package/dist/ui/assets/knowledge-page-DKnPrmhK.js.map +0 -1
- package/dist/ui/assets/mcps-page-MSz67ifn.js.map +0 -1
- package/dist/ui/assets/memory-page-2qr2eMrI.js +0 -4
- package/dist/ui/assets/pipelines-page-D1IB1tw-.js +0 -8
- package/dist/ui/assets/pipelines-page-D1IB1tw-.js.map +0 -1
- package/dist/ui/assets/sandboxes-page-DWMtrKYJ.js.map +0 -1
- package/dist/ui/assets/select-C1_9fsRu.js +0 -2
- package/dist/ui/assets/sessions-page-BIk4q-L8.js +0 -2
- package/dist/ui/assets/sessions-page-BIk4q-L8.js.map +0 -1
- package/dist/ui/assets/status-page-jKTghmnz.js +0 -2
- package/dist/ui/assets/status-page-jKTghmnz.js.map +0 -1
- package/dist/ui/assets/studio-Bh00wIF1.js +0 -2
- package/dist/ui/assets/studio-Bh00wIF1.js.map +0 -1
- package/dist/ui/assets/tool-runner-BtaZqE3R.js +0 -2
- package/dist/ui/assets/tool-runner-BtaZqE3R.js.map +0 -1
- package/dist/ui/assets/tools-page-D1ewvG0D.js.map +0 -1
- package/dist/ui/assets/trace-browser-CuBl9__d.js +0 -10
- package/dist/ui/assets/trace-browser-CuBl9__d.js.map +0 -1
- package/dist/ui/assets/transcript-item-ChtaJvPe.js +0 -3
- package/dist/ui/assets/transcript-item-ChtaJvPe.js.map +0 -1
- /package/dist/ui/assets/{pipelines-page-DLioOiRN.css → style-DLioOiRN.css} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,t}from"./utils-DzstcfqT.js";var n=e();function r({className:e,type:r,...i}){return(0,n.jsx)(`input`,{type:r,className:t(`h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base text-foreground outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring
|
|
2
|
-
//# sourceMappingURL=input-
|
|
1
|
+
import{r as e,t}from"./utils-DzstcfqT.js";var n=e();function r({className:e,type:r,...i}){return(0,n.jsx)(`input`,{type:r,className:t(`h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base text-foreground outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50 dark:bg-transparent dark:disabled:bg-muted`,e),...i})}export{r as t};
|
|
2
|
+
//# sourceMappingURL=input-DuERdYTl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-
|
|
1
|
+
{"version":3,"file":"input-DuERdYTl.js","names":[],"sources":["../../../src/ui/app/components/ui/input.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport function Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n return (\n <input\n type={type}\n className={cn(\n \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base text-foreground outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50 dark:bg-transparent dark:disabled:bg-muted\",\n className,\n )}\n {...props}\n />\n );\n}\n"],"mappings":"oDAGA,SAAgB,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAClF,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACQ,OACN,UAAW,EACT,2XACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r,v as i}from"./button-B_AoswCu.js";import{t as a}from"./ArrowClockwise.es-5vr4h4OH.js";import{t as o}from"./icon-DyadsXLr.js";import{a as s,i as c,o as l,r as u,t as d}from"./knowledge-model-B6kRb7zc.js";import{a as f,i as p,r as m,t as h}from"./studio-DzEdCFsX.js";import{t as g}from"./badge-C3fkxijh.js";import{n as _,t as v}from"./renderers-Cf55u6J4.js";var y=n(e(),1),b=t();function x(e){let t=e.source!==void 0&&e.state?.key===e.source.key?e.state:void 0;if(e.source?.source.kind===`dynamic_tools`)return(0,b.jsx)(w,{source:e.source,state:t,onLoadMore:e.onLoadMore});let n=S(e.source,t);return(0,b.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[minmax(0,1fr)_auto] overflow-hidden`,children:[(0,b.jsx)(`div`,{className:`min-h-0 overflow-auto`,children:(0,b.jsx)(`div`,{className:`pb-4 pt-0`,children:n===void 0?(0,b.jsx)(`div`,{className:`grid gap-3`,children:t?.items.map(t=>(0,b.jsx)(C,{item:t,source:e.source},`${t.kind}:${t.id}`))}):(0,b.jsx)(h,{title:n.title,text:n.text})})}),(0,b.jsxs)(`div`,{className:`flex min-h-12 items-center justify-between gap-3 border-t border-hair bg-muted py-2`,children:[(0,b.jsx)(`span`,{className:` text-xs text-muted-foreground`,children:t===void 0?`0 loaded`:`${t.items.length} loaded`}),(0,b.jsx)(r,{className:`h-8 min-h-8`,type:`button`,variant:`secondary`,disabled:t?.loading===!0||t?.nextCursor===void 0,onClick:e.onLoadMore,children:`Load more`})]})]})}function S(e,t){if(e===void 0)return{title:`No knowledge source selected`,text:`Choose a knowledge source to inspect its stored items.`};if(t===void 0||t.loading&&t.items.length===0)return{title:`Loading items`,text:`Reading items from the selected knowledge source.`};if(t.error!==void 0)return{title:`Knowledge source error`,text:t.error};if(t.inspectable===!1)return{title:`Source unavailable`,text:t.message??`This source does not expose browseable items.`};if(t.items.length===0)return{title:`No items`,text:`The selected knowledge source is empty.`}}function C(e){return e.item.kind===`dynamic_tool`?(0,b.jsx)(`article`,{className:`rounded-none border border-hair bg-background p-4`,children:(0,b.jsx)(E,{item:e.item,source:e.source})}):(0,b.jsxs)(`article`,{className:`grid gap-3 rounded-none border border-hair bg-background p-4`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,b.jsx)(`div`,{className:`min-w-0`,children:(0,b.jsx)(`div`,{className:`truncate text-xs font-semibold text-foreground`,children:e.item.toolName??e.item.id})}),e.item.parameterKeys===void 0||e.item.parameterKeys.length===0?null:(0,b.jsxs)(g,{children:[e.item.parameterKeys.length,` params`]})]}),e.item.description===void 0||e.item.description.length===0?null:(0,b.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]`,children:e.item.description}),e.item.text===void 0?null:(0,b.jsx)(`p`,{className:`m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]`,children:e.item.text}),e.item.document===void 0?null:(0,b.jsx)(B,{title:`Document`,value:e.item.document}),e.item.metadata===void 0?null:(0,b.jsx)(B,{title:`Metadata`,value:e.item.metadata}),e.item.parameterKeys===void 0||e.item.parameterKeys.length===0?null:(0,b.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:e.item.parameterKeys.map(e=>(0,b.jsx)(g,{children:e},e))})]})}function w(e){let t=e.state===void 0||e.state.loading,n=(0,y.useMemo)(()=>(e.state?.items??[]).filter(M),[e.state?.items]),[i,a]=(0,y.useState)(``),o=n.find(e=>e.id===i)??n[0],c=(0,y.useMemo)(()=>N(n),[n]);return(0,y.useEffect)(()=>{if(n.length===0){a(``);return}n.some(e=>e.id===i)||a(n[0]?.id??``)},[i,n]),(0,b.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden`,children:[(0,b.jsxs)(`header`,{className:`grid min-h-16 grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-hair py-3 max-md:grid-cols-1`,children:[(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,b.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Runtime tool index`}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-sm`,children:[(0,b.jsx)(`span`,{className:`font-semibold text-foreground`,children:e.source.source.label??s(e.source.source.kind)}),(0,b.jsx)(`span`,{className:`text-muted-foreground`,children:e.source.agentName})]})]}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,b.jsx)(F,{label:`tools`,value:n.length}),(0,b.jsx)(F,{label:`params`,value:c.parameterCount}),(0,b.jsx)(F,{label:`required`,value:c.requiredCount})]})]}),(0,b.jsxs)(`div`,{className:`grid min-h-0 grid-cols-[minmax(270px,0.34fr)_minmax(0,1fr)] overflow-hidden max-lg:grid-cols-1 max-lg:grid-rows-[minmax(220px,0.44fr)_minmax(0,1fr)]`,children:[(0,b.jsx)(`aside`,{className:`min-h-0 overflow-auto border-r border-hair pr-3 max-lg:border-b max-lg:border-r-0 max-lg:pr-0`,children:(0,b.jsxs)(`div`,{className:`grid gap-1 py-3 pr-3 max-lg:pr-0`,children:[e.source===void 0?(0,b.jsx)(V,{text:`No knowledge source selected`}):null,t&&n.length===0?(0,b.jsx)(V,{text:`Loading dynamic tools`}):null,e.state?.error===void 0?null:(0,b.jsx)(V,{text:e.state.error}),e.state?.inspectable===!1?(0,b.jsx)(V,{text:e.state.message??`This source does not expose browseable tools.`}):null,e.state?.inspectable!==!1&&!t&&n.length===0?(0,b.jsx)(V,{text:`No dynamic tools in this source`}):null,n.map(e=>(0,b.jsx)(T,{active:o?.id===e.id,item:e,onSelect:()=>a(e.id)},e.id))]})}),(0,b.jsx)(`div`,{className:`min-h-0 overflow-auto py-4 pl-5 max-lg:pl-0`,children:o===void 0?(0,b.jsx)(k,{}):(0,b.jsx)(E,{item:o,source:e.source})})]}),(0,b.jsxs)(`div`,{className:`flex min-h-12 items-center justify-between gap-3 border-t border-hair bg-background py-2`,children:[(0,b.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:e.state===void 0?`0 loaded`:`${e.state.items.length} loaded`}),(0,b.jsx)(r,{className:`h-8 min-h-8`,type:`button`,variant:`secondary`,disabled:t||e.state?.nextCursor===void 0,onClick:e.onLoadMore,children:`Load more`})]})]})}function T(e){let t=A(e.item),n=j(e.item),r=n.filter(e=>e.required).length,i=t.name??e.item.toolName??e.item.id;return(0,b.jsxs)(`button`,{className:[`grid min-w-0 gap-2 rounded-lg border border-transparent px-3 py-3 text-left transition duration-200 hover:border-hair hover:bg-transparent hover:text-foreground focus-visible:border-ring focus-visible:outline-none`,e.active?`border-hair bg-row-selected text-foreground`:`text-muted-foreground`].join(` `),type:`button`,onClick:e.onSelect,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,b.jsx)(`span`,{className:`min-w-0 truncate font-mono text-sm font-semibold text-foreground`,children:i}),(0,b.jsx)(`span`,{className:`shrink-0 text-xs tabular-nums text-muted-foreground`,children:n.length})]}),(0,b.jsx)(`p`,{className:`m-0 line-clamp-2 text-xs leading-5 text-muted-foreground`,children:t.description??e.item.description??`No description`}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2 text-[11px] font-medium text-muted-foreground`,children:[(0,b.jsxs)(`span`,{children:[r,` required`]}),(0,b.jsxs)(`span`,{children:[n.length-r,` optional`]})]})]})}function E(e){let t=A(e.item),n=j(e.item),r=t.description??e.item.description,i=t.name??e.item.toolName??e.item.id;return(0,b.jsxs)(`article`,{className:`grid min-w-0 gap-5`,children:[(0,b.jsxs)(`header`,{className:`grid gap-4 border-b border-hair pb-5`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-4 max-md:grid`,children:[(0,b.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,b.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Selected tool`}),(0,b.jsx)(`h2`,{className:`m-0 truncate font-mono text-2xl font-semibold leading-none text-foreground`,children:i})]}),(0,b.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,b.jsxs)(g,{children:[n.length,` params`]}),(0,b.jsxs)(g,{children:[n.filter(e=>e.required).length,` required`]})]})]}),r===void 0||r.length===0?null:(0,b.jsx)(`p`,{className:`m-0 max-w-[72ch] text-base leading-7 text-muted-foreground [overflow-wrap:anywhere]`,children:r}),(0,b.jsx)(`div`,{className:`min-w-0 overflow-x-auto border-y border-hair bg-muted px-3 py-2`,children:(0,b.jsx)(`code`,{className:`font-mono text-sm leading-6 text-foreground`,children:P(i,n)})})]}),(0,b.jsx)(D,{parameters:n}),(0,b.jsx)(O,{item:e.item,source:e.source}),e.item.document===void 0?null:(0,b.jsx)(L,{title:`Raw definition`,value:e.item.document}),e.item.metadata===void 0?null:(0,b.jsx)(L,{title:`Metadata`,value:e.item.metadata})]})}function D(e){return(0,b.jsxs)(`section`,{className:`grid gap-3`,children:[(0,b.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,b.jsx)(`h3`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Parameters`}),(0,b.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:e.parameters.length===0?`No parameters`:`${e.parameters.length} defined`})]}),e.parameters.length===0?(0,b.jsx)(`div`,{className:`border-y border-dashed border-hair px-3 py-4 text-sm text-muted-foreground`,children:`This tool does not declare input parameters.`}):(0,b.jsx)(`div`,{className:`min-w-0 overflow-hidden border-y border-hair`,children:e.parameters.map(e=>(0,b.jsxs)(`div`,{className:`grid min-w-0 grid-cols-[minmax(140px,0.24fr)_minmax(96px,0.14fr)_minmax(96px,0.14fr)_minmax(0,1fr)] gap-4 border-b border-hair py-3 last:border-b-0 max-md:grid-cols-1 max-md:gap-1`,children:[(0,b.jsx)(`div`,{className:`min-w-0 font-mono text-sm font-semibold text-foreground [overflow-wrap:anywhere]`,children:e.name}),(0,b.jsx)(`div`,{className:`text-sm text-muted-foreground [overflow-wrap:anywhere]`,children:e.type}),(0,b.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.required?`Required`:`Optional`}),(0,b.jsx)(`div`,{className:`text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]`,children:e.description??`No description`})]},e.name))})]})}function O(e){let t=[{label:`Agent`,value:e.source?.agentName??e.source?.agentId},{label:`Source`,value:e.source===void 0?void 0:`${e.source.source.label??s(e.source.source.kind)} / ${u(e.source.source)}`},{label:`Item ID`,value:e.item.id}].filter(e=>e.value!==void 0);return t.length===0?null:(0,b.jsxs)(`section`,{className:`grid gap-3 border-t border-hair pt-4`,children:[(0,b.jsx)(`h3`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Source`}),(0,b.jsx)(`dl`,{className:`grid border-y border-hair sm:grid-cols-3 sm:divide-x sm:divide-hair`,children:t.map(e=>(0,b.jsxs)(`div`,{className:`min-w-0 px-3 py-3 first:pl-0 last:pr-0`,children:[(0,b.jsx)(`dt`,{className:`text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:e.label}),(0,b.jsx)(`dd`,{className:`m-0 mt-1 truncate text-sm font-medium text-foreground`,children:e.value})]},e.label))})]})}function k(){return(0,b.jsx)(h,{className:`h-full`,title:`No dynamic tool selected`,text:`Select a tool from the index to inspect its definition and parameters.`})}function A(e){let t=i(e.document)?e.document:void 0,n=i(t?.definition)?t.definition:void 0;return{name:typeof n?.name==`string`?n.name:typeof t?.toolName==`string`?t.toolName:e.toolName,description:typeof n?.description==`string`?n.description:e.description,parameters:n?.parameters}}function j(e){let t=A(e),n=i(t.parameters)?t.parameters:void 0,r=i(n?.properties)?n.properties:void 0,a=new Set(Array.isArray(n?.required)?n.required.filter(e=>typeof e==`string`):[]);return r===void 0?(e.parameterKeys??[]).map(e=>({name:e,type:`unknown`,required:!1,description:void 0})):Object.entries(r).map(([e,t])=>{let n=i(t)?t:{};return{name:e,type:I(n.type),required:a.has(e),description:typeof n.description==`string`?n.description:void 0}})}function M(e){return e.kind===`dynamic_tool`}function N(e){return e.reduce((e,t)=>{let n=j(t);return e.parameterCount+=n.length,e.requiredCount+=n.filter(e=>e.required).length,e},{parameterCount:0,requiredCount:0})}function P(e,t){return t.length===0?`${e}()`:`${e}({ ${t.map(e=>`${e.name}${e.required?``:`?`}: ${e.type}`).join(`, `)} })`}function F(e){return(0,b.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 border border-hair bg-background px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,b.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function I(e){if(typeof e==`string`)return e;if(Array.isArray(e)){let t=e.filter(e=>typeof e==`string`);return t.length===0?`unknown`:t.join(` / `)}return`unknown`}function L(e){let t=R(e.value);return(0,b.jsxs)(`details`,{className:`group rounded-none border border-hair bg-card`,children:[(0,b.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-center justify-between gap-3 px-4 py-3 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground marker:hidden`,children:[(0,b.jsx)(`span`,{children:e.title}),(0,b.jsx)(`span`,{className:`text-xs normal-case tracking-normal text-muted-foreground group-open:hidden`,children:`Show`}),(0,b.jsx)(`span`,{className:`hidden text-xs normal-case tracking-normal text-muted-foreground group-open:inline`,children:`Hide`})]}),(0,b.jsx)(`div`,{className:`border-t border-hair`,children:(0,b.jsx)(`pre`,{className:`m-0 max-h-96 overflow-auto p-4 font-mono text-xs leading-5 text-foreground`,children:(0,b.jsx)(`code`,{children:(0,b.jsx)(v,{text:t})})})})]})}function R(e){try{return JSON.stringify(e,null,2)}catch{return JSON.stringify(String(e),null,2)}}function z(e){return(0,b.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background`,children:[(0,b.jsx)(`div`,{className:`border-b border-hair px-4 py-3`,children:(0,b.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,b.jsxs)(`div`,{className:`min-w-0`,children:[(0,b.jsx)(`h2`,{className:`m-0 truncate text-sm font-semibold text-foreground`,children:`Retrieval log`}),(0,b.jsx)(`p`,{className:`m-0 mt-1 truncate text-xs text-muted-foreground`,children:`traces / retrieval-evidence`})]}),(0,b.jsxs)(g,{children:[e.evidence.length,` entries`]})]})}),(0,b.jsxs)(`div`,{className:`min-h-0 overflow-auto p-4`,children:[e.evidence.length===0?(0,b.jsx)(h,{className:`h-full`,title:`No retrieval evidence`,text:`Retrieval activity will appear here after an agent queries a knowledge source.`}):null,(0,b.jsx)(`div`,{className:`grid gap-3`,children:e.evidence.map(t=>(0,b.jsxs)(`article`,{className:`grid gap-3 rounded-none border border-hair bg-background p-3`,children:[(0,b.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,b.jsxs)(`div`,{className:`min-w-0`,children:[(0,b.jsx)(`div`,{className:`truncate text-sm font-semibold text-foreground`,children:t.observationName}),(0,b.jsxs)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Turn `,t.turn]})]}),(0,b.jsx)(r,{className:`h-auto min-h-0 rounded-lg border border-border bg-muted px-2 py-1 text-xs text-muted-foreground`,type:`button`,variant:`ghost`,onClick:()=>e.onOpenTrace(t.traceId),children:`Trace`})]}),(0,b.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,b.jsxs)(g,{children:[t.documentCount,` docs`]}),(0,b.jsxs)(g,{children:[t.toolCount,` tools`]})]}),t.query===void 0?null:(0,b.jsxs)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]`,children:[(0,b.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-foreground`,children:`Query`}),` `,t.query]}),t.documents.slice(0,2).map(e=>(0,b.jsxs)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground [overflow-wrap:anywhere]`,children:[(0,b.jsx)(`span`,{className:` text-foreground`,children:e.id??`document`}),` `,e.text??``]},`${e.id??`doc`}:${e.text??``}`)),t.tools.length===0?null:(0,b.jsxs)(`p`,{className:`m-0 text-xs leading-5 text-muted-foreground`,children:[`Tools: `,t.tools.join(`, `)]})]},`${t.traceId}:${t.observationId}`))})]})]})}function B(e){return(0,b.jsxs)(`div`,{className:`grid gap-2 border-t border-hair pt-3`,children:[(0,b.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:e.title}),(0,b.jsx)(_,{value:e.value})]})}function V(e){return(0,b.jsx)(`div`,{className:`rounded-lg border border-dashed border-border px-4 py-3 text-sm font-medium text-muted-foreground`,children:e.text})}function H(e){let[t,n]=(0,y.useState)(``),[i,s]=(0,y.useState)(),g=(0,y.useMemo)(()=>e.summary?.agents??[],[e.summary]),_=e.summary?.evidence??[],v=(0,y.useMemo)(()=>d(g),[g]),S=c(e.activeTab),C=(0,y.useMemo)(()=>S===void 0?[]:v.filter(e=>e.source.kind===S),[S,v]),w=C.find(e=>e.key===t)??C[0],T=W({activeTab:e.activeTab,enabled:e.enabled,evidenceCount:_.length,loading:e.loading,sourceCount:C.length});(0,y.useEffect)(()=>{if(C.length===0){n(``);return}if(C.some(e=>e.key===t))return;let e=C.find(e=>e.source.inspectable===!0&&(e.source.itemCount??0)>0)??C.find(e=>e.source.inspectable===!0)??C[0];n(e?.key??``)},[t,C]);let E=(0,y.useCallback)(async(e,t)=>{let n=e.key;s(r=>{let i={key:n,loading:!0,inspectable:r?.key===n?r.inspectable:e.source.inspectable===!0,items:t.append&&r?.key===n?r.items:[]};return t.append&&r?.key===n&&r.nextCursor!==void 0&&(i.nextCursor=r.nextCursor),r?.key===n&&r.totalCount!==void 0&&(i.totalCount=r.totalCount),i});try{let r=new URLSearchParams({agentId:e.agentId,sourceId:u(e.source),limit:`50`});t.cursor!==void 0&&r.set(`cursor`,t.cursor);let i=await fetch(`/knowledge/items?${r.toString()}`);if(!i.ok)throw Error(`Knowledge items failed with HTTP ${i.status}`);let a=await i.json();s(e=>{if(e?.key!==n)return e;let r={key:n,loading:!1,inspectable:a.inspectable,items:t.append?[...e.items,...a.items]:a.items};return a.nextCursor!==void 0&&(r.nextCursor=a.nextCursor),a.totalCount!==void 0&&(r.totalCount=a.totalCount),a.message!==void 0&&(r.message=a.message),r})}catch(e){s(t=>t?.key===n?{key:n,loading:!1,inspectable:t.inspectable,items:t.items,error:e instanceof Error?e.message:String(e)}:t)}},[]);return(0,y.useEffect)(()=>{if(!e.enabled||w===void 0){s(void 0);return}E(w,{append:!1})},[E,e.enabled,w]),(0,b.jsxs)(f,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":l(e.activeTab),children:[(0,b.jsx)(p,{title:l(e.activeTab),description:G(e.activeTab),action:(0,b.jsxs)(r,{className:`h-8 min-h-8 gap-2`,type:`button`,variant:`secondary`,disabled:!e.enabled,onClick:e.onRefresh,children:[(0,b.jsx)(o,{icon:a,"aria-hidden":`true`}),`Refresh`]})}),(0,b.jsx)(m,{className:`grid grid-rows-[minmax(0,1fr)] overflow-hidden`,children:T===void 0?e.activeTab===`retrieval-log`?(0,b.jsx)(z,{evidence:_,onOpenTrace:e.onOpenTrace}):(0,b.jsx)(U,{sources:C,selectedKey:w?.key??``,activeTab:e.activeTab,onSelect:n,children:(0,b.jsx)(x,{source:w,state:i,onLoadMore:()=>{w!==void 0&&E(w,i?.nextCursor===void 0?{append:!0}:{append:!0,cursor:i.nextCursor})}})}):(0,b.jsx)(h,{className:`h-full`,title:T.title,text:T.text})})]})}function U(e){let t=e.sources.length>1;return(0,b.jsxs)(`div`,{className:[`grid min-h-0 gap-3 overflow-hidden`,t?`grid-rows-[auto_minmax(0,1fr)]`:`grid-rows-[minmax(0,1fr)]`].join(` `),children:[t?(0,b.jsx)(`div`,{className:`min-w-0 overflow-x-auto border-b border-hair`,children:(0,b.jsxs)(`div`,{className:`flex min-h-11 min-w-max items-center gap-2`,children:[(0,b.jsx)(`span`,{className:`mr-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:l(e.activeTab)}),e.sources.map(t=>(0,b.jsxs)(`button`,{className:[`flex h-7 items-center gap-2 rounded-lg border border-hair bg-background px-2.5 text-xs font-semibold text-muted-foreground transition duration-200 hover:border-foreground hover:bg-transparent hover:text-foreground focus-visible:border-ring focus-visible:outline-none`,e.selectedKey===t.key?`border-hair bg-muted text-foreground`:``].join(` `),type:`button`,onClick:()=>e.onSelect(t.key),children:[(0,b.jsx)(`span`,{children:t.source.label??s(t.source.kind)}),t.source.itemCount===void 0?null:(0,b.jsx)(`span`,{className:`text-muted-foreground`,children:t.source.itemCount})]},t.key))]})}):null,e.children]})}function W(e){let t=l(e.activeTab);if(!e.enabled)return{title:`${t} unavailable`,text:`This Studio runtime does not expose knowledge inspection.`};let n=e.activeTab===`retrieval-log`?e.evidenceCount:e.sourceCount;if(e.loading&&n===0)return{title:`Loading ${t.toLowerCase()}`,text:`Reading knowledge metadata.`};if(!(n>0))switch(e.activeTab){case`retrieval-log`:return{title:`No retrieval evidence`,text:`Retrieval activity will appear here after an agent queries a knowledge source.`};case`static-context`:return{title:`No static context`,text:`No static context sources are registered in this Studio runtime.`};case`dynamic-context`:return{title:`No dynamic context`,text:`No dynamic context sources are registered in this Studio runtime.`};case`dynamic-tools`:return{title:`No dynamic tools`,text:`No dynamic tool sources are registered in this Studio runtime.`}}}function G(e){switch(e){case`static-context`:return`Browse configured static context exposed to agents.`;case`dynamic-context`:return`Inspect dynamic context chunks resolved at runtime.`;case`dynamic-tools`:return`Review dynamic tool definitions and parameters.`;case`retrieval-log`:return`Inspect retrieval evidence and jump into related traces.`}}export{H as KnowledgePage};
|
|
2
|
+
//# sourceMappingURL=knowledge-page-1WgvGV4f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"knowledge-page-1WgvGV4f.js","names":[],"sources":["../../../src/ui/app/modules/knowledge/knowledge-panels.tsx","../../../src/ui/app/modules/knowledge/knowledge-page.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { StudioKnowledgeItem, StudioKnowledgeSummary } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioEmptyState } from \"../../components/ui/studio\";\nimport { isRecord } from \"../shared/object\";\nimport { JsonSyntax, JsonValueView } from \"../shared/renderers\";\nimport { type ItemState, type KnowledgeSourceRef, sourceId, sourceLabel } from \"./knowledge-model\";\n\nexport function ItemBrowser(props: {\n source: KnowledgeSourceRef | undefined;\n state: ItemState | undefined;\n onLoadMore: () => void;\n}) {\n const state =\n props.source !== undefined && props.state?.key === props.source.key ? props.state : undefined;\n if (props.source?.source.kind === \"dynamic_tools\") {\n return (\n <DynamicToolsBrowser source={props.source} state={state} onLoadMore={props.onLoadMore} />\n );\n }\n const placeholder = knowledgeItemsPlaceholder(props.source, state);\n\n return (\n <section className=\"grid min-h-0 grid-rows-[minmax(0,1fr)_auto] overflow-hidden\">\n <div className=\"min-h-0 overflow-auto\">\n <div className=\"pb-4 pt-0\">\n {placeholder === undefined ? (\n <div className=\"grid gap-3\">\n {state?.items.map((item) => (\n <KnowledgeItemCard\n item={item}\n key={`${item.kind}:${item.id}`}\n source={props.source}\n />\n ))}\n </div>\n ) : (\n <StudioEmptyState title={placeholder.title} text={placeholder.text} />\n )}\n </div>\n </div>\n <div className=\"flex min-h-12 items-center justify-between gap-3 border-t border-hair bg-muted py-2\">\n <span className=\" text-xs text-muted-foreground\">\n {state === undefined ? \"0 loaded\" : `${state.items.length} loaded`}\n </span>\n <Button\n className=\"h-8 min-h-8\"\n type=\"button\"\n variant=\"secondary\"\n disabled={state?.loading === true || state?.nextCursor === undefined}\n onClick={props.onLoadMore}\n >\n Load more\n </Button>\n </div>\n </section>\n );\n}\n\nfunction knowledgeItemsPlaceholder(\n source: KnowledgeSourceRef | undefined,\n state: ItemState | undefined,\n): { title: string; text: string } | undefined {\n if (source === undefined) {\n return {\n title: \"No knowledge source selected\",\n text: \"Choose a knowledge source to inspect its stored items.\",\n };\n }\n if (state === undefined || (state.loading && state.items.length === 0)) {\n return { title: \"Loading items\", text: \"Reading items from the selected knowledge source.\" };\n }\n if (state.error !== undefined) {\n return { title: \"Knowledge source error\", text: state.error };\n }\n if (state.inspectable === false) {\n return {\n title: \"Source unavailable\",\n text: state.message ?? \"This source does not expose browseable items.\",\n };\n }\n if (state.items.length === 0) {\n return { title: \"No items\", text: \"The selected knowledge source is empty.\" };\n }\n return undefined;\n}\n\nfunction KnowledgeItemCard(props: {\n item: StudioKnowledgeItem;\n source: KnowledgeSourceRef | undefined;\n}) {\n if (props.item.kind === \"dynamic_tool\") {\n return (\n <article className=\"rounded-none border border-hair bg-background p-4\">\n <DynamicToolInspector item={props.item} source={props.source} />\n </article>\n );\n }\n\n return (\n <article className=\"grid gap-3 rounded-none border border-hair bg-background p-4\">\n <div className=\"flex min-w-0 items-start justify-between gap-3\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-xs font-semibold text-foreground\">\n {props.item.toolName ?? props.item.id}\n </div>\n </div>\n {props.item.parameterKeys === undefined || props.item.parameterKeys.length === 0 ? null : (\n <Badge>{props.item.parameterKeys.length} params</Badge>\n )}\n </div>\n {props.item.description === undefined || props.item.description.length === 0 ? null : (\n <p className=\"m-0 text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]\">\n {props.item.description}\n </p>\n )}\n {props.item.text === undefined ? null : (\n <p className=\"m-0 whitespace-pre-wrap text-sm leading-6 text-foreground [overflow-wrap:anywhere]\">\n {props.item.text}\n </p>\n )}\n {props.item.document === undefined ? null : (\n <JsonBlock title=\"Document\" value={props.item.document} />\n )}\n {props.item.metadata === undefined ? null : (\n <JsonBlock title=\"Metadata\" value={props.item.metadata} />\n )}\n {props.item.parameterKeys === undefined || props.item.parameterKeys.length === 0 ? null : (\n <div className=\"flex flex-wrap gap-2\">\n {props.item.parameterKeys.map((key) => (\n <Badge key={key}>{key}</Badge>\n ))}\n </div>\n )}\n </article>\n );\n}\n\ntype DynamicToolParameter = {\n name: string;\n type: string;\n required: boolean;\n description: string | undefined;\n};\n\nfunction DynamicToolsBrowser(props: {\n source: KnowledgeSourceRef;\n state: ItemState | undefined;\n onLoadMore: () => void;\n}) {\n const loading = props.state === undefined || props.state.loading;\n const tools = useMemo(\n () => (props.state?.items ?? []).filter(isDynamicToolItem),\n [props.state?.items],\n );\n const [selectedId, setSelectedId] = useState(\"\");\n const selectedTool = tools.find((item) => item.id === selectedId) ?? tools[0];\n const stats = useMemo(() => dynamicToolStats(tools), [tools]);\n\n useEffect(() => {\n if (tools.length === 0) {\n setSelectedId(\"\");\n return;\n }\n if (!tools.some((item) => item.id === selectedId)) {\n setSelectedId(tools[0]?.id ?? \"\");\n }\n }, [selectedId, tools]);\n\n return (\n <section className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)_auto] overflow-hidden\">\n <header className=\"grid min-h-16 grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b border-hair py-3 max-md:grid-cols-1\">\n <div className=\"grid min-w-0 gap-1\">\n <div className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n Runtime tool index\n </div>\n <div className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-sm\">\n <span className=\"font-semibold text-foreground\">\n {props.source.source.label ?? sourceLabel(props.source.source.kind)}\n </span>\n <span className=\"text-muted-foreground\">{props.source.agentName}</span>\n </div>\n </div>\n <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start\">\n <KnowledgeMetric label=\"tools\" value={tools.length} />\n <KnowledgeMetric label=\"params\" value={stats.parameterCount} />\n <KnowledgeMetric label=\"required\" value={stats.requiredCount} />\n </div>\n </header>\n\n <div className=\"grid min-h-0 grid-cols-[minmax(270px,0.34fr)_minmax(0,1fr)] overflow-hidden max-lg:grid-cols-1 max-lg:grid-rows-[minmax(220px,0.44fr)_minmax(0,1fr)]\">\n <aside className=\"min-h-0 overflow-auto border-r border-hair pr-3 max-lg:border-b max-lg:border-r-0 max-lg:pr-0\">\n <div className=\"grid gap-1 py-3 pr-3 max-lg:pr-0\">\n {props.source === undefined ? <MutedRow text=\"No knowledge source selected\" /> : null}\n {loading && tools.length === 0 ? <MutedRow text=\"Loading dynamic tools\" /> : null}\n {props.state?.error === undefined ? null : <MutedRow text={props.state.error} />}\n {props.state?.inspectable === false ? (\n <MutedRow\n text={props.state.message ?? \"This source does not expose browseable tools.\"}\n />\n ) : null}\n {props.state?.inspectable !== false && !loading && tools.length === 0 ? (\n <MutedRow text=\"No dynamic tools in this source\" />\n ) : null}\n {tools.map((item) => (\n <DynamicToolListItem\n active={selectedTool?.id === item.id}\n item={item}\n key={item.id}\n onSelect={() => setSelectedId(item.id)}\n />\n ))}\n </div>\n </aside>\n\n <div className=\"min-h-0 overflow-auto py-4 pl-5 max-lg:pl-0\">\n {selectedTool === undefined ? (\n <DynamicToolEmptyPanel />\n ) : (\n <DynamicToolInspector item={selectedTool} source={props.source} />\n )}\n </div>\n </div>\n\n <div className=\"flex min-h-12 items-center justify-between gap-3 border-t border-hair bg-background py-2\">\n <span className=\"text-xs text-muted-foreground\">\n {props.state === undefined ? \"0 loaded\" : `${props.state.items.length} loaded`}\n </span>\n <Button\n className=\"h-8 min-h-8\"\n type=\"button\"\n variant=\"secondary\"\n disabled={loading || props.state?.nextCursor === undefined}\n onClick={props.onLoadMore}\n >\n Load more\n </Button>\n </div>\n </section>\n );\n}\n\nfunction DynamicToolListItem(props: {\n item: StudioKnowledgeItem;\n active: boolean;\n onSelect: () => void;\n}) {\n const definition = dynamicToolDefinition(props.item);\n const parameters = dynamicToolParameters(props.item);\n const requiredCount = parameters.filter((parameter) => parameter.required).length;\n const toolName = definition.name ?? props.item.toolName ?? props.item.id;\n\n return (\n <button\n className={[\n \"grid min-w-0 gap-2 rounded-lg border border-transparent px-3 py-3 text-left transition duration-200 hover:border-hair hover:bg-transparent hover:text-foreground focus-visible:border-ring focus-visible:outline-none\",\n props.active ? \"border-hair bg-row-selected text-foreground\" : \"text-muted-foreground\",\n ].join(\" \")}\n type=\"button\"\n onClick={props.onSelect}\n >\n <div className=\"flex min-w-0 items-center justify-between gap-3\">\n <span className=\"min-w-0 truncate font-mono text-sm font-semibold text-foreground\">\n {toolName}\n </span>\n <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n {parameters.length}\n </span>\n </div>\n <p className=\"m-0 line-clamp-2 text-xs leading-5 text-muted-foreground\">\n {definition.description ?? props.item.description ?? \"No description\"}\n </p>\n <div className=\"flex min-w-0 flex-wrap gap-2 text-[11px] font-medium text-muted-foreground\">\n <span>{requiredCount} required</span>\n <span>{parameters.length - requiredCount} optional</span>\n </div>\n </button>\n );\n}\n\nfunction DynamicToolInspector(props: {\n item: StudioKnowledgeItem;\n source: KnowledgeSourceRef | undefined;\n}) {\n const definition = dynamicToolDefinition(props.item);\n const parameters = dynamicToolParameters(props.item);\n const description = definition.description ?? props.item.description;\n const toolName = definition.name ?? props.item.toolName ?? props.item.id;\n\n return (\n <article className=\"grid min-w-0 gap-5\">\n <header className=\"grid gap-4 border-b border-hair pb-5\">\n <div className=\"flex min-w-0 items-start justify-between gap-4 max-md:grid\">\n <div className=\"grid min-w-0 gap-2\">\n <div className=\"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n Selected tool\n </div>\n <h2 className=\"m-0 truncate font-mono text-2xl font-semibold leading-none text-foreground\">\n {toolName}\n </h2>\n </div>\n <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start\">\n <Badge>{parameters.length} params</Badge>\n <Badge>{parameters.filter((parameter) => parameter.required).length} required</Badge>\n </div>\n </div>\n {description === undefined || description.length === 0 ? null : (\n <p className=\"m-0 max-w-[72ch] text-base leading-7 text-muted-foreground [overflow-wrap:anywhere]\">\n {description}\n </p>\n )}\n <div className=\"min-w-0 overflow-x-auto border-y border-hair bg-muted px-3 py-2\">\n <code className=\"font-mono text-sm leading-6 text-foreground\">\n {dynamicToolSignature(toolName, parameters)}\n </code>\n </div>\n </header>\n\n <DynamicToolParameterList parameters={parameters} />\n <DynamicToolSourceDetails item={props.item} source={props.source} />\n\n {props.item.document === undefined ? null : (\n <JsonDetails title=\"Raw definition\" value={props.item.document} />\n )}\n\n {props.item.metadata === undefined ? null : (\n <JsonDetails title=\"Metadata\" value={props.item.metadata} />\n )}\n </article>\n );\n}\n\nfunction DynamicToolParameterList(props: { parameters: DynamicToolParameter[] }) {\n return (\n <section className=\"grid gap-3\">\n <div className=\"flex items-center justify-between gap-3\">\n <h3 className=\"m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n Parameters\n </h3>\n <span className=\"text-xs font-medium text-muted-foreground\">\n {props.parameters.length === 0 ? \"No parameters\" : `${props.parameters.length} defined`}\n </span>\n </div>\n {props.parameters.length === 0 ? (\n <div className=\"border-y border-dashed border-hair px-3 py-4 text-sm text-muted-foreground\">\n This tool does not declare input parameters.\n </div>\n ) : (\n <div className=\"min-w-0 overflow-hidden border-y border-hair\">\n {props.parameters.map((parameter) => (\n <div\n className=\"grid min-w-0 grid-cols-[minmax(140px,0.24fr)_minmax(96px,0.14fr)_minmax(96px,0.14fr)_minmax(0,1fr)] gap-4 border-b border-hair py-3 last:border-b-0 max-md:grid-cols-1 max-md:gap-1\"\n key={parameter.name}\n >\n <div className=\"min-w-0 font-mono text-sm font-semibold text-foreground [overflow-wrap:anywhere]\">\n {parameter.name}\n </div>\n <div className=\"text-sm text-muted-foreground [overflow-wrap:anywhere]\">\n {parameter.type}\n </div>\n <div className=\"text-sm text-muted-foreground\">\n {parameter.required ? \"Required\" : \"Optional\"}\n </div>\n <div className=\"text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]\">\n {parameter.description ?? \"No description\"}\n </div>\n </div>\n ))}\n </div>\n )}\n </section>\n );\n}\n\nfunction DynamicToolSourceDetails(props: {\n item: StudioKnowledgeItem;\n source: KnowledgeSourceRef | undefined;\n}) {\n const details = [\n { label: \"Agent\", value: props.source?.agentName ?? props.source?.agentId },\n {\n label: \"Source\",\n value:\n props.source === undefined\n ? undefined\n : `${props.source.source.label ?? sourceLabel(props.source.source.kind)} / ${sourceId(\n props.source.source,\n )}`,\n },\n { label: \"Item ID\", value: props.item.id },\n ].filter((item): item is { label: string; value: string } => item.value !== undefined);\n\n if (details.length === 0) {\n return null;\n }\n\n return (\n <section className=\"grid gap-3 border-t border-hair pt-4\">\n <h3 className=\"m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n Source\n </h3>\n <dl className=\"grid border-y border-hair sm:grid-cols-3 sm:divide-x sm:divide-hair\">\n {details.map((detail) => (\n <div className=\"min-w-0 px-3 py-3 first:pl-0 last:pr-0\" key={detail.label}>\n <dt className=\"text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n {detail.label}\n </dt>\n <dd className=\"m-0 mt-1 truncate text-sm font-medium text-foreground\">\n {detail.value}\n </dd>\n </div>\n ))}\n </dl>\n </section>\n );\n}\n\nfunction DynamicToolEmptyPanel() {\n return (\n <StudioEmptyState\n className=\"h-full\"\n title=\"No dynamic tool selected\"\n text=\"Select a tool from the index to inspect its definition and parameters.\"\n />\n );\n}\n\nfunction dynamicToolDefinition(item: StudioKnowledgeItem): {\n name: string | undefined;\n description: string | undefined;\n parameters: unknown;\n} {\n const document = isRecord(item.document) ? item.document : undefined;\n const definition = isRecord(document?.definition) ? document.definition : undefined;\n const name =\n typeof definition?.name === \"string\"\n ? definition.name\n : typeof document?.toolName === \"string\"\n ? document.toolName\n : item.toolName;\n const description =\n typeof definition?.description === \"string\" ? definition.description : item.description;\n\n return {\n name,\n description,\n parameters: definition?.parameters,\n };\n}\n\nfunction dynamicToolParameters(item: StudioKnowledgeItem): DynamicToolParameter[] {\n const definition = dynamicToolDefinition(item);\n const schema = isRecord(definition.parameters) ? definition.parameters : undefined;\n const properties = isRecord(schema?.properties) ? schema.properties : undefined;\n const required = new Set(\n Array.isArray(schema?.required)\n ? schema.required.filter((value): value is string => typeof value === \"string\")\n : [],\n );\n\n if (properties === undefined) {\n return (item.parameterKeys ?? []).map((name) => ({\n name,\n type: \"unknown\",\n required: false,\n description: undefined,\n }));\n }\n\n return Object.entries(properties).map(([name, value]) => {\n const property = isRecord(value) ? value : {};\n return {\n name,\n type: schemaTypeLabel(property.type),\n required: required.has(name),\n description: typeof property.description === \"string\" ? property.description : undefined,\n };\n });\n}\n\nfunction isDynamicToolItem(item: StudioKnowledgeItem): item is StudioKnowledgeItem & {\n kind: \"dynamic_tool\";\n} {\n return item.kind === \"dynamic_tool\";\n}\n\nfunction dynamicToolStats(items: StudioKnowledgeItem[]): {\n parameterCount: number;\n requiredCount: number;\n} {\n return items.reduce(\n (totals, item) => {\n const parameters = dynamicToolParameters(item);\n totals.parameterCount += parameters.length;\n totals.requiredCount += parameters.filter((parameter) => parameter.required).length;\n return totals;\n },\n { parameterCount: 0, requiredCount: 0 },\n );\n}\n\nfunction dynamicToolSignature(toolName: string, parameters: DynamicToolParameter[]): string {\n if (parameters.length === 0) {\n return `${toolName}()`;\n }\n return `${toolName}({ ${parameters\n .map((parameter) => `${parameter.name}${parameter.required ? \"\" : \"?\"}: ${parameter.type}`)\n .join(\", \")} })`;\n}\n\nfunction KnowledgeMetric(props: { label: string; value: number }) {\n return (\n <span className=\"inline-flex h-8 items-center gap-2 border border-hair bg-background 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 schemaTypeLabel(value: unknown): string {\n if (typeof value === \"string\") {\n return value;\n }\n if (Array.isArray(value)) {\n const labels = value.filter((item): item is string => typeof item === \"string\");\n return labels.length === 0 ? \"unknown\" : labels.join(\" / \");\n }\n return \"unknown\";\n}\n\nfunction JsonDetails(props: { title: string; value: unknown }) {\n const display = jsonDisplay(props.value);\n\n return (\n <details className=\"group rounded-none border border-hair bg-card\">\n <summary className=\"flex cursor-pointer list-none items-center justify-between gap-3 px-4 py-3 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground marker:hidden\">\n <span>{props.title}</span>\n <span className=\"text-xs normal-case tracking-normal text-muted-foreground group-open:hidden\">\n Show\n </span>\n <span className=\"hidden text-xs normal-case tracking-normal text-muted-foreground group-open:inline\">\n Hide\n </span>\n </summary>\n <div className=\"border-t border-hair\">\n <pre className=\"m-0 max-h-96 overflow-auto p-4 font-mono text-xs leading-5 text-foreground\">\n <code>\n <JsonSyntax text={display} />\n </code>\n </pre>\n </div>\n </details>\n );\n}\n\nfunction jsonDisplay(value: unknown): string {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return JSON.stringify(String(value), null, 2);\n }\n}\n\nexport function RetrievalLogPanel(props: {\n evidence: NonNullable<StudioKnowledgeSummary[\"evidence\"]>;\n onOpenTrace: (traceId: string) => void;\n}) {\n return (\n <section className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background\">\n <div className=\"border-b border-hair px-4 py-3\">\n <div className=\"flex min-w-0 items-start justify-between gap-3\">\n <div className=\"min-w-0\">\n <h2 className=\"m-0 truncate text-sm font-semibold text-foreground\">Retrieval log</h2>\n <p className=\"m-0 mt-1 truncate text-xs text-muted-foreground\">\n traces / retrieval-evidence\n </p>\n </div>\n <Badge>{props.evidence.length} entries</Badge>\n </div>\n </div>\n <div className=\"min-h-0 overflow-auto p-4\">\n {props.evidence.length === 0 ? (\n <StudioEmptyState\n className=\"h-full\"\n title=\"No retrieval evidence\"\n text=\"Retrieval activity will appear here after an agent queries a knowledge source.\"\n />\n ) : null}\n <div className=\"grid gap-3\">\n {props.evidence.map((item) => (\n <article\n className=\"grid gap-3 rounded-none border border-hair bg-background p-3\"\n key={`${item.traceId}:${item.observationId}`}\n >\n <div className=\"flex min-w-0 items-start justify-between gap-3\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-semibold text-foreground\">\n {item.observationName}\n </div>\n <div className=\"mt-1 text-xs text-muted-foreground\">Turn {item.turn}</div>\n </div>\n <Button\n className=\"h-auto min-h-0 rounded-lg border border-border bg-muted px-2 py-1 text-xs text-muted-foreground\"\n type=\"button\"\n variant=\"ghost\"\n onClick={() => props.onOpenTrace(item.traceId)}\n >\n Trace\n </Button>\n </div>\n <div className=\"flex flex-wrap gap-2\">\n <Badge>{item.documentCount} docs</Badge>\n <Badge>{item.toolCount} tools</Badge>\n </div>\n {item.query === undefined ? null : (\n <p className=\"m-0 text-sm leading-6 text-muted-foreground [overflow-wrap:anywhere]\">\n <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-foreground\">\n Query\n </span>{\" \"}\n {item.query}\n </p>\n )}\n {item.documents.slice(0, 2).map((document) => (\n <p\n className=\"m-0 text-xs leading-5 text-muted-foreground [overflow-wrap:anywhere]\"\n key={`${document.id ?? \"doc\"}:${document.text ?? \"\"}`}\n >\n <span className=\" text-foreground\">{document.id ?? \"document\"}</span>{\" \"}\n {document.text ?? \"\"}\n </p>\n ))}\n {item.tools.length === 0 ? null : (\n <p className=\"m-0 text-xs leading-5 text-muted-foreground\">\n Tools: {item.tools.join(\", \")}\n </p>\n )}\n </article>\n ))}\n </div>\n </div>\n </section>\n );\n}\n\nfunction JsonBlock(props: { title: string; value: unknown }) {\n return (\n <div className=\"grid gap-2 border-t border-hair pt-3\">\n <div className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n {props.title}\n </div>\n <JsonValueView value={props.value} />\n </div>\n );\n}\n\nfunction MutedRow(props: { text: string }) {\n return (\n <div className=\"rounded-lg border border-dashed border-border px-4 py-3 text-sm font-medium text-muted-foreground\">\n {props.text}\n </div>\n );\n}\n","import { ArrowClockwise } from \"@phosphor-icons/react\";\nimport { type ReactNode, useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { StudioKnowledgeItemsPage, StudioKnowledgeSummary } from \"../../../../types\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioIcon } from \"../../components/ui/icon\";\nimport {\n StudioEmptyState,\n StudioPageContent,\n StudioPageHeader,\n StudioPageShell,\n} from \"../../components/ui/studio\";\nimport type { KnowledgeTab } from \"../shared/types\";\nimport {\n flattenSources,\n type ItemState,\n itemLimit,\n type KnowledgeSourceRef,\n sourceId,\n sourceKindForTab,\n sourceLabel,\n tabLabel,\n} from \"./knowledge-model\";\nimport { ItemBrowser, RetrievalLogPanel } from \"./knowledge-panels\";\n\nexport function KnowledgePage(props: {\n activeTab: KnowledgeTab;\n enabled: boolean;\n summary: StudioKnowledgeSummary | undefined;\n loading: boolean;\n onOpenTrace: (traceId: string) => void;\n onRefresh: () => void;\n}) {\n const [selectedKey, setSelectedKey] = useState(\"\");\n const [itemState, setItemState] = useState<ItemState | undefined>();\n\n const agents = useMemo(() => props.summary?.agents ?? [], [props.summary]);\n const evidence = props.summary?.evidence ?? [];\n const sources = useMemo(() => flattenSources(agents), [agents]);\n const activeSourceKind = sourceKindForTab(props.activeTab);\n const visibleSources = useMemo(\n () =>\n activeSourceKind === undefined\n ? []\n : sources.filter((source) => source.source.kind === activeSourceKind),\n [activeSourceKind, sources],\n );\n const selectedSource =\n visibleSources.find((source) => source.key === selectedKey) ?? visibleSources[0];\n const emptyState = knowledgeEmptyState({\n activeTab: props.activeTab,\n enabled: props.enabled,\n evidenceCount: evidence.length,\n loading: props.loading,\n sourceCount: visibleSources.length,\n });\n\n useEffect(() => {\n if (visibleSources.length === 0) {\n setSelectedKey(\"\");\n return;\n }\n if (visibleSources.some((source) => source.key === selectedKey)) {\n return;\n }\n const next =\n visibleSources.find(\n (source) => source.source.inspectable === true && (source.source.itemCount ?? 0) > 0,\n ) ??\n visibleSources.find((source) => source.source.inspectable === true) ??\n visibleSources[0];\n setSelectedKey(next?.key ?? \"\");\n }, [selectedKey, visibleSources]);\n\n const loadItems = useCallback(\n async (source: KnowledgeSourceRef, options: { append: boolean; cursor?: string }) => {\n const sourceKey = source.key;\n setItemState((current) => {\n const next: ItemState = {\n key: sourceKey,\n loading: true,\n inspectable:\n current?.key === sourceKey ? current.inspectable : source.source.inspectable === true,\n items: options.append && current?.key === sourceKey ? current.items : [],\n };\n if (options.append && current?.key === sourceKey && current.nextCursor !== undefined) {\n next.nextCursor = current.nextCursor;\n }\n if (current?.key === sourceKey && current.totalCount !== undefined) {\n next.totalCount = current.totalCount;\n }\n return next;\n });\n\n try {\n const params = new URLSearchParams({\n agentId: source.agentId,\n sourceId: sourceId(source.source),\n limit: String(itemLimit),\n });\n if (options.cursor !== undefined) {\n params.set(\"cursor\", options.cursor);\n }\n const response = await fetch(`/knowledge/items?${params.toString()}`);\n if (!response.ok) {\n throw new Error(`Knowledge items failed with HTTP ${response.status}`);\n }\n const page = (await response.json()) as StudioKnowledgeItemsPage;\n setItemState((current) => {\n if (current?.key !== sourceKey) {\n return current;\n }\n const next: ItemState = {\n key: sourceKey,\n loading: false,\n inspectable: page.inspectable,\n items: options.append ? [...current.items, ...page.items] : page.items,\n };\n if (page.nextCursor !== undefined) next.nextCursor = page.nextCursor;\n if (page.totalCount !== undefined) next.totalCount = page.totalCount;\n if (page.message !== undefined) next.message = page.message;\n return next;\n });\n } catch (error) {\n setItemState((current) => {\n if (current?.key !== sourceKey) {\n return current;\n }\n return {\n key: sourceKey,\n loading: false,\n inspectable: current.inspectable,\n items: current.items,\n error: error instanceof Error ? error.message : String(error),\n };\n });\n }\n },\n [],\n );\n\n useEffect(() => {\n if (!props.enabled || selectedSource === undefined) {\n setItemState(undefined);\n return;\n }\n void loadItems(selectedSource, { append: false });\n }, [loadItems, props.enabled, selectedSource]);\n\n return (\n <StudioPageShell\n className=\"grid-rows-[auto_minmax(0,1fr)]\"\n aria-label={tabLabel(props.activeTab)}\n >\n <StudioPageHeader\n title={tabLabel(props.activeTab)}\n description={knowledgePageDescription(props.activeTab)}\n action={\n <Button\n className=\"h-8 min-h-8 gap-2\"\n type=\"button\"\n variant=\"secondary\"\n disabled={!props.enabled}\n onClick={props.onRefresh}\n >\n <StudioIcon icon={ArrowClockwise} aria-hidden=\"true\" />\n Refresh\n </Button>\n }\n />\n <StudioPageContent className=\"grid grid-rows-[minmax(0,1fr)] overflow-hidden\">\n {emptyState !== undefined ? (\n <StudioEmptyState className=\"h-full\" title={emptyState.title} text={emptyState.text} />\n ) : props.activeTab === \"retrieval-log\" ? (\n <RetrievalLogPanel evidence={evidence} onOpenTrace={props.onOpenTrace} />\n ) : (\n <SourceWorkspace\n sources={visibleSources}\n selectedKey={selectedSource?.key ?? \"\"}\n activeTab={props.activeTab}\n onSelect={setSelectedKey}\n >\n <ItemBrowser\n source={selectedSource}\n state={itemState}\n onLoadMore={() => {\n if (selectedSource === undefined) {\n return;\n }\n void loadItems(\n selectedSource,\n itemState?.nextCursor === undefined\n ? { append: true }\n : { append: true, cursor: itemState.nextCursor },\n );\n }}\n />\n </SourceWorkspace>\n )}\n </StudioPageContent>\n </StudioPageShell>\n );\n}\n\nfunction SourceWorkspace(props: {\n sources: KnowledgeSourceRef[];\n selectedKey: string;\n activeTab: KnowledgeTab;\n onSelect: (key: string) => void;\n children: ReactNode;\n}) {\n const showSources = props.sources.length > 1;\n return (\n <div\n className={[\n \"grid min-h-0 gap-3 overflow-hidden\",\n showSources ? \"grid-rows-[auto_minmax(0,1fr)]\" : \"grid-rows-[minmax(0,1fr)]\",\n ].join(\" \")}\n >\n {showSources ? (\n <div className=\"min-w-0 overflow-x-auto border-b border-hair\">\n <div className=\"flex min-h-11 min-w-max items-center gap-2\">\n <span className=\"mr-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n {tabLabel(props.activeTab)}\n </span>\n {props.sources.map((source) => (\n <button\n className={[\n \"flex h-7 items-center gap-2 rounded-lg border border-hair bg-background px-2.5 text-xs font-semibold text-muted-foreground transition duration-200 hover:border-foreground hover:bg-transparent hover:text-foreground focus-visible:border-ring focus-visible:outline-none\",\n props.selectedKey === source.key ? \"border-hair bg-muted text-foreground\" : \"\",\n ].join(\" \")}\n key={source.key}\n type=\"button\"\n onClick={() => props.onSelect(source.key)}\n >\n <span>{source.source.label ?? sourceLabel(source.source.kind)}</span>\n {source.source.itemCount === undefined ? null : (\n <span className=\"text-muted-foreground\">{source.source.itemCount}</span>\n )}\n </button>\n ))}\n </div>\n </div>\n ) : null}\n {props.children}\n </div>\n );\n}\n\nfunction knowledgeEmptyState(props: {\n activeTab: KnowledgeTab;\n enabled: boolean;\n evidenceCount: number;\n loading: boolean;\n sourceCount: number;\n}): { title: string; text: string } | undefined {\n const label = tabLabel(props.activeTab);\n if (!props.enabled) {\n return {\n title: `${label} unavailable`,\n text: \"This Studio runtime does not expose knowledge inspection.\",\n };\n }\n const itemCount = props.activeTab === \"retrieval-log\" ? props.evidenceCount : props.sourceCount;\n if (props.loading && itemCount === 0) {\n return { title: `Loading ${label.toLowerCase()}`, text: \"Reading knowledge metadata.\" };\n }\n if (itemCount > 0) {\n return undefined;\n }\n switch (props.activeTab) {\n case \"retrieval-log\":\n return {\n title: \"No retrieval evidence\",\n text: \"Retrieval activity will appear here after an agent queries a knowledge source.\",\n };\n case \"static-context\":\n return {\n title: \"No static context\",\n text: \"No static context sources are registered in this Studio runtime.\",\n };\n case \"dynamic-context\":\n return {\n title: \"No dynamic context\",\n text: \"No dynamic context sources are registered in this Studio runtime.\",\n };\n case \"dynamic-tools\":\n return {\n title: \"No dynamic tools\",\n text: \"No dynamic tool sources are registered in this Studio runtime.\",\n };\n }\n}\n\nfunction knowledgePageDescription(tab: KnowledgeTab): string {\n switch (tab) {\n case \"static-context\":\n return \"Browse configured static context exposed to agents.\";\n case \"dynamic-context\":\n return \"Inspect dynamic context chunks resolved at runtime.\";\n case \"dynamic-tools\":\n return \"Review dynamic tool definitions and parameters.\";\n case \"retrieval-log\":\n return \"Inspect retrieval evidence and jump into related traces.\";\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r}from"./button-
|
|
2
|
-
//# sourceMappingURL=mcps-page-
|
|
1
|
+
import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r}from"./button-B_AoswCu.js";import{a as i,i as a,n as o,r as s,t as c}from"./select-BdCBnmXx.js";import{a as l,i as u,n as d,r as f,t as p}from"./studio-DzEdCFsX.js";import{t as m}from"./badge-C3fkxijh.js";import{a as h,c as g,r as _,s as v,t as y,u as b}from"./tool-runner-Cwfc3yY8.js";var x=n(e(),1),S=t();function C(e){let t=e.agents.find(t=>t.id===e.selectedAgentId)??e.agents[0],n=(0,x.useMemo)(()=>e.summary?.servers??[],[e.summary]),r=n.reduce((e,t)=>e+t.toolCount,0),m=(0,x.useMemo)(()=>E(n),[n]),[g,y]=(0,x.useState)(``),[b,C]=(0,x.useState)(`{}`),[T,D]=(0,x.useState)(`idle`),[O,k]=(0,x.useState)(),[A,j]=(0,x.useState)(``),M=(0,x.useMemo)(()=>m.find(e=>e.key===g)??m[0],[m,g]),N=(0,x.useRef)(``),P=(0,x.useRef)(0);(0,x.useEffect)(()=>{if(m.length===0){y(``);return}m.some(e=>e.key===g)||y(m[0]?.key??``)},[m,g]),(0,x.useEffect)(()=>{let e=M?.key??``;N.current!==e&&(N.current=e,P.current+=1,C(`{}`),D(`idle`),j(``),k(void 0))},[M]);async function F(){if(M===void 0)return;let e;try{e=JSON.parse(b)}catch(e){j(e instanceof Error?e.message:String(e)),k(void 0);return}D(`running`),j(``),k(void 0);let t=M.key,n=P.current+1;P.current=n;let r=()=>P.current===n&&N.current===t;try{let t=await fetch(`/agents/${encodeURIComponent(M.agentId)}/tools/${encodeURIComponent(M.name)}/runs`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({args:e})}),n=await t.json();if(!r())return;let i=v(n);if(i===void 0){j(`Unexpected Studio tool run response: ${h(n)}`);return}k(i),(!t.ok||i.status===`error`)&&j(h(i.error??i))}catch(e){r()&&j(e instanceof Error?e.message:String(e))}finally{r()&&D(`idle`)}}return(0,S.jsxs)(l,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":`MCPs`,children:[(0,S.jsx)(u,{title:`MCPs`,description:`MCP servers and remote tools registered on Studio agents, grouped by server.`,action:(0,S.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center justify-end gap-2 max-sm:justify-start`,children:[(0,S.jsx)(d,{label:`servers`,value:n.length}),(0,S.jsx)(d,{label:`tools`,value:r}),e.agents.length>1?(0,S.jsxs)(c,{value:t?.id??``,onValueChange:e.onSelectAgent,children:[(0,S.jsx)(a,{className:`h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full`,children:(0,S.jsx)(i,{placeholder:`Agent`})}),(0,S.jsx)(o,{align:`end`,children:e.agents.map(e=>(0,S.jsx)(s,{value:e.id,children:e.name??e.id},e.id))})]}):null]})}),(0,S.jsx)(f,{className:`overflow-auto`,children:e.enabled?e.loading?(0,S.jsx)(p,{title:`Loading MCPs`,text:`Reading registered MCP metadata.`}):n.length===0?(0,S.jsx)(p,{title:`No MCPs`,text:`The selected agent has no registered MCP tools.`}):(0,S.jsxs)(`div`,{className:`grid w-full gap-5`,children:[n.map(e=>(0,S.jsx)(w,{selectedToolKey:M?.key??``,server:e,onSelectTool:y},e.name)),m.length===0?null:(0,S.jsx)(_,{argsText:b,runError:A,runResponse:O,runState:T,selectedTool:M,onArgsTextChange:C,onRun:()=>void F()})]}):(0,S.jsx)(p,{title:`MCPs unavailable`,text:`No registered Studio agent exposes MCP tools.`})})]})}function w(e){return(0,S.jsxs)(`section`,{className:`overflow-hidden border-t`,children:[(0,S.jsxs)(`header`,{className:`grid min-h-14 grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b bg-muted px-4`,children:[(0,S.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,S.jsx)(`h2`,{className:`m-0 truncate text-sm font-semibold text-foreground`,children:e.server.name}),(0,S.jsx)(`span`,{className:`truncate text-xs font-medium text-muted-foreground`,children:e.server.agentId})]}),(0,S.jsxs)(m,{className:`border-hair bg-background text-muted-foreground`,children:[e.server.toolCount,` tools`]})]}),(0,S.jsx)(`div`,{className:`mt-1 grid gap-1`,children:e.server.tools.map(t=>(0,S.jsx)(T,{serverName:e.server.name,active:e.selectedToolKey===D(e.server.name,t),tool:t,onSelectTool:e.onSelectTool},`${t.source}:${t.name}`))})]})}function T(e){let t=D(e.serverName,e.tool);return(0,S.jsxs)(`article`,{className:`grid grid-cols-[minmax(300px,0.75fr)_minmax(0,1fr)] gap-2 rounded-lg border border-transparent bg-background p-2 transition duration-200 hover:border-hair hover:bg-transparent max-lg:grid-cols-1`,children:[(0,S.jsxs)(`div`,{className:`grid content-start gap-4 rounded-lg bg-card p-3`,children:[(0,S.jsxs)(`div`,{className:`grid gap-1`,children:[(0,S.jsx)(`h3`,{className:`m-0 truncate text-sm font-semibold text-foreground`,children:e.tool.name}),(0,S.jsx)(`span`,{className:` text-xs font-medium text-muted-foreground`,children:e.tool.source})]}),(0,S.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:e.tool.description}),(0,S.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,S.jsx)(m,{className:b(e.tool.source),children:e.tool.source}),(0,S.jsxs)(m,{className:`border-hair bg-transparent text-muted-foreground`,children:[g(e.tool.parameters),` fields`]})]}),(0,S.jsx)(r,{className:`h-8 min-h-8 w-fit rounded-md px-3 text-xs`,type:`button`,variant:`secondary`,onClick:()=>e.onSelectTool(t),children:e.active?`Selected`:`Use`})]}),(0,S.jsx)(y,{value:e.tool.parameters,title:`Parameter schema`})]})}function E(e){return e.flatMap(e=>e.tools.map(t=>({key:D(e.name,t),agentId:e.agentId,name:t.name,description:t.description,parameters:t.parameters,source:t.source,mcpServerName:e.name,approval:t.approval})))}function D(e,t){return`${e}:${t.source}:${t.name}`}export{C as McpsPage};
|
|
2
|
+
//# sourceMappingURL=mcps-page-BV96jSfG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mcps-page-BV96jSfG.js","names":[],"sources":["../../../src/ui/app/modules/mcps/mcps-page.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n StudioAgentMcpServerMetadata,\n StudioAgentMcpsSummary,\n StudioAgentMcpToolMetadata,\n StudioAgentToolMetadata,\n StudioConfig,\n StudioToolRunResponse,\n} from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"../../components/ui/select\";\nimport {\n StudioEmptyState,\n StudioHeaderMetric,\n StudioPageContent,\n StudioPageHeader,\n StudioPageShell,\n} from \"../../components/ui/studio\";\nimport {\n formatJson,\n parseStudioToolRunResponse,\n SchemaBlock,\n schemaPropertyCount,\n sourceBadgeClass,\n ToolRunner,\n} from \"../tools/tool-runner\";\n\nexport function McpsPage(props: {\n agents: StudioConfig[\"agents\"];\n selectedAgentId: string;\n summary: StudioAgentMcpsSummary | 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 servers = useMemo(() => props.summary?.servers ?? [], [props.summary]);\n const toolCount = servers.reduce((total, server) => total + server.toolCount, 0);\n const runnableTools = useMemo(() => mcpRunnableTools(servers), [servers]);\n const [selectedToolKey, setSelectedToolKey] = 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 () => runnableTools.find((tool) => tool.key === selectedToolKey) ?? runnableTools[0],\n [runnableTools, selectedToolKey],\n );\n const lastSelectedToolKeyRef = useRef(\"\");\n const runRequestIdRef = useRef(0);\n\n useEffect(() => {\n if (runnableTools.length === 0) {\n setSelectedToolKey(\"\");\n return;\n }\n if (!runnableTools.some((tool) => tool.key === selectedToolKey)) {\n setSelectedToolKey(runnableTools[0]?.key ?? \"\");\n }\n }, [runnableTools, selectedToolKey]);\n\n useEffect(() => {\n const nextSelectedToolKey = selectedTool?.key ?? \"\";\n if (lastSelectedToolKeyRef.current === nextSelectedToolKey) {\n return;\n }\n lastSelectedToolKeyRef.current = nextSelectedToolKey;\n runRequestIdRef.current += 1;\n setArgsText(\"{}\");\n setRunState(\"idle\");\n setRunError(\"\");\n setRunResponse(undefined);\n }, [selectedTool]);\n\n async function runSelectedTool() {\n if (selectedTool === undefined) {\n return;\n }\n let args: unknown;\n try {\n args = JSON.parse(argsText);\n } catch (parseError) {\n setRunError(parseError instanceof Error ? parseError.message : String(parseError));\n setRunResponse(undefined);\n return;\n }\n\n setRunState(\"running\");\n setRunError(\"\");\n setRunResponse(undefined);\n const runToolKey = selectedTool.key;\n const requestId = runRequestIdRef.current + 1;\n runRequestIdRef.current = requestId;\n const isCurrentRun = () =>\n runRequestIdRef.current === requestId && lastSelectedToolKeyRef.current === runToolKey;\n try {\n const response = await fetch(\n `/agents/${encodeURIComponent(selectedTool.agentId)}/tools/${encodeURIComponent(\n selectedTool.name,\n )}/runs`,\n {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify({ args }),\n },\n );\n const rawBody = await response.json();\n if (!isCurrentRun()) {\n return;\n }\n const body = parseStudioToolRunResponse(rawBody);\n if (body === undefined) {\n setRunError(`Unexpected Studio tool run response: ${formatJson(rawBody)}`);\n return;\n }\n setRunResponse(body);\n if (!response.ok || body.status === \"error\") {\n setRunError(formatJson(body.error ?? body));\n }\n } catch (error) {\n if (isCurrentRun()) {\n setRunError(error instanceof Error ? error.message : String(error));\n }\n } finally {\n if (isCurrentRun()) {\n setRunState(\"idle\");\n }\n }\n }\n\n return (\n <StudioPageShell className=\"grid-rows-[auto_minmax(0,1fr)]\" aria-label=\"MCPs\">\n <StudioPageHeader\n title=\"MCPs\"\n description=\"MCP servers and remote tools registered on Studio agents, grouped by server.\"\n action={\n <div className=\"flex min-w-0 flex-wrap items-center justify-end gap-2 max-sm:justify-start\">\n <StudioHeaderMetric label=\"servers\" value={servers.length} />\n <StudioHeaderMetric label=\"tools\" value={toolCount} />\n {props.agents.length > 1 ? (\n <Select value={selectedAgent?.id ?? \"\"} onValueChange={props.onSelectAgent}>\n <SelectTrigger className=\"h-8 min-h-8 w-64 rounded-md border-border text-xs max-sm:w-full\">\n <SelectValue placeholder=\"Agent\" />\n </SelectTrigger>\n <SelectContent align=\"end\">\n {props.agents.map((agent) => (\n <SelectItem value={agent.id} key={agent.id}>\n {agent.name ?? agent.id}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n ) : null}\n </div>\n }\n />\n\n <StudioPageContent className=\"overflow-auto\">\n {!props.enabled ? (\n <StudioEmptyState\n title=\"MCPs unavailable\"\n text=\"No registered Studio agent exposes MCP tools.\"\n />\n ) : props.loading ? (\n <StudioEmptyState title=\"Loading MCPs\" text=\"Reading registered MCP metadata.\" />\n ) : servers.length === 0 ? (\n <StudioEmptyState\n title=\"No MCPs\"\n text=\"The selected agent has no registered MCP tools.\"\n />\n ) : (\n <div className=\"grid w-full gap-5\">\n {servers.map((server) => (\n <McpServerSection\n selectedToolKey={selectedTool?.key ?? \"\"}\n server={server}\n key={server.name}\n onSelectTool={setSelectedToolKey}\n />\n ))}\n {runnableTools.length === 0 ? null : (\n <ToolRunner\n argsText={argsText}\n runError={runError}\n runResponse={runResponse}\n runState={runState}\n selectedTool={selectedTool}\n onArgsTextChange={setArgsText}\n onRun={() => void runSelectedTool()}\n />\n )}\n </div>\n )}\n </StudioPageContent>\n </StudioPageShell>\n );\n}\n\nfunction McpServerSection(props: {\n server: StudioAgentMcpServerMetadata;\n selectedToolKey: string;\n onSelectTool: (toolKey: string) => void;\n}) {\n return (\n <section className=\"overflow-hidden border-t\">\n <header className=\"grid min-h-14 grid-cols-[minmax(0,1fr)_auto] items-center gap-4 border-b bg-muted px-4\">\n <div className=\"grid min-w-0 gap-1\">\n <h2 className=\"m-0 truncate text-sm font-semibold text-foreground\">\n {props.server.name}\n </h2>\n <span className=\"truncate text-xs font-medium text-muted-foreground\">\n {props.server.agentId}\n </span>\n </div>\n <Badge className=\"border-hair bg-background text-muted-foreground\">\n {props.server.toolCount} tools\n </Badge>\n </header>\n <div className=\"mt-1 grid gap-1\">\n {props.server.tools.map((tool) => (\n <McpToolRow\n serverName={props.server.name}\n active={props.selectedToolKey === mcpToolKey(props.server.name, tool)}\n tool={tool}\n key={`${tool.source}:${tool.name}`}\n onSelectTool={props.onSelectTool}\n />\n ))}\n </div>\n </section>\n );\n}\n\nfunction McpToolRow(props: {\n serverName: string;\n active: boolean;\n tool: StudioAgentMcpToolMetadata;\n onSelectTool: (toolKey: string) => void;\n}) {\n const toolKey = mcpToolKey(props.serverName, props.tool);\n return (\n <article className=\"grid grid-cols-[minmax(300px,0.75fr)_minmax(0,1fr)] gap-2 rounded-lg border border-transparent bg-background p-2 transition duration-200 hover:border-hair hover:bg-transparent max-lg:grid-cols-1\">\n <div className=\"grid content-start gap-4 rounded-lg bg-card p-3\">\n <div className=\"grid gap-1\">\n <h3 className=\"m-0 truncate text-sm font-semibold text-foreground\">{props.tool.name}</h3>\n <span className=\" text-xs font-medium text-muted-foreground\">{props.tool.source}</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 className=\"border-hair bg-transparent text-muted-foreground\">\n {schemaPropertyCount(props.tool.parameters)} fields\n </Badge>\n </div>\n <Button\n className=\"h-8 min-h-8 w-fit rounded-md px-3 text-xs\"\n type=\"button\"\n variant=\"secondary\"\n onClick={() => props.onSelectTool(toolKey)}\n >\n {props.active ? \"Selected\" : \"Use\"}\n </Button>\n </div>\n <SchemaBlock value={props.tool.parameters} title=\"Parameter schema\" />\n </article>\n );\n}\n\ntype McpRunnableTool = StudioAgentToolMetadata & {\n key: string;\n mcpServerName: string;\n};\n\nfunction mcpRunnableTools(servers: StudioAgentMcpServerMetadata[]): McpRunnableTool[] {\n return servers.flatMap((server) =>\n server.tools.map((tool) => ({\n key: mcpToolKey(server.name, tool),\n agentId: server.agentId,\n name: tool.name,\n description: tool.description,\n parameters: tool.parameters,\n source: tool.source,\n mcpServerName: server.name,\n approval: tool.approval,\n })),\n );\n}\n\nfunction mcpToolKey(serverName: string, tool: StudioAgentMcpToolMetadata): string {\n return `${serverName}:${tool.source}:${tool.name}`;\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{l as r,t as i}from"./button-B_AoswCu.js";import{a,i as o,n as s,r as c,t as l}from"./select-BdCBnmXx.js";import{a as u,i as d,n as f,r as p,t as m}from"./studio-DzEdCFsX.js";import{t as h}from"./badge-C3fkxijh.js";import{t as g}from"./renderers-Cf55u6J4.js";function _(e){if(e.role!==`assistant`||!v(e.metadata))return;let t=e.metadata.anvia;if(!v(t))return;let n=t.generation;if(!v(n)||typeof n.provider!=`string`||typeof n.modelId!=`string`||!w(n.usage))return;let r={...n.usage};n.usage.details!==void 0&&(r={...r,details:{...n.usage.details}});let i={provider:n.provider,modelId:n.modelId,usage:r};return k(n.finishReason)&&(i.finishReason=n.finishReason),typeof n.providerFinishReason==`string`&&(i.providerFinishReason=n.providerFinishReason),y(n.contextUsage)&&(i.contextUsage={...n.contextUsage,model:{...n.contextUsage.model,context:{...n.contextUsage.model.context}}}),D(n.sources)&&(i.sources=n.sources.map(e=>({...e}))),O(n.providerToolCalls)&&(i.providerToolCalls=n.providerToolCalls.map(e=>{let t={...e};return e.details!==void 0&&(t={...t,details:{...e.details}}),t})),i}function v(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function y(e){if(!v(e)||!v(e.model))return!1;let t=e.model.context;if(typeof e.model.modelId==`string`&&v(t)&&x(t.contextWindow)&&S(t.maxInputTokens)&&S(t.maxOutputTokens)&&T(e.usedTokens)&&T(e.remainingTokens)&&C(e.usedPercent)&&C(e.remainingPercent)){let n=t.contextWindow,r=Math.max(0,n-e.usedTokens),i=Math.min(100,e.usedTokens/n*100),a=r/n*100;return e.remainingTokens===r&&b(e.usedPercent,i)&&b(e.remainingPercent,a)}return!1}function b(e,t){let n=Math.max(1,Math.abs(e),Math.abs(t));return Math.abs(e-t)<=2**-52*n*8}function x(e){return T(e)&&e>0}function S(e){return e===void 0||x(e)}function C(e){return T(e)&&e<=100}function w(e){return v(e)?T(e.inputTokens)&&T(e.outputTokens)&&T(e.totalTokens)&&T(e.cachedInputTokens)&&T(e.cacheCreationInputTokens)&&E(e.details):!1}function T(e){return typeof e==`number`&&Number.isFinite(e)&&e>=0}function E(e){if(e===void 0)return!0;if(!v(e))return!1;let t,n=0;for(let[r,i]of Object.entries(e)){if(i===void 0||!T(i))return!1;r===`total`?t=i:n+=i}return t!==void 0&&t===n}function D(e){return Array.isArray(e)&&e.every(e=>v(e)&&e.type===`url`&&typeof e.url==`string`&&(e.title===void 0||typeof e.title==`string`)&&(e.id===void 0||typeof e.id==`string`)&&(e.startIndex===void 0||typeof e.startIndex==`number`)&&(e.endIndex===void 0||typeof e.endIndex==`number`))}function O(e){return Array.isArray(e)&&e.every(e=>v(e)&&typeof e.id==`string`&&typeof e.name==`string`&&(e.status===void 0||typeof e.status==`string`)&&(e.details===void 0||v(e.details)))}function k(e){return e===`stop`||e===`length`||e===`content-filter`||e===`tool-calls`||e===`other`}var A=n(e(),1),j=t();function M(e){return e.flatMap(e=>e.message.role===`assistant`?[{position:e.position,runId:e.runId,turn:e.turn,createdAt:e.createdAt,preview:I(e.message),generation:_(e.message)}]:[])}function N(e){let t=M(e.records);return(0,j.jsxs)(`section`,{className:`grid min-w-0 overflow-hidden border-y border-hair`,children:[(0,j.jsxs)(`header`,{className:`flex min-h-11 items-center justify-between gap-3 bg-muted px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:[(0,j.jsx)(`span`,{children:`Assistant responses`}),(0,j.jsxs)(`span`,{className:`font-medium normal-case tracking-normal`,children:[t.length,` responses`]})]}),t.length===0?(0,j.jsx)(`div`,{className:`border-t border-hair px-4 py-8 text-center text-sm text-muted-foreground`,children:`No persisted assistant responses.`}):(0,j.jsx)(`div`,{className:`grid divide-y divide-hair border-t border-hair`,children:t.map(e=>(0,j.jsx)(P,{row:e},`${e.position}:${e.runId}`))})]})}function P(e){let t=e.row.generation;return(0,j.jsxs)(`article`,{className:`grid min-w-0 gap-3 px-3 py-4`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center justify-between gap-2`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-2`,children:[(0,j.jsxs)(h,{className:`border-hair bg-muted text-foreground`,children:[`Turn `,e.row.turn]}),t===void 0?(0,j.jsx)(h,{className:`border-hair bg-background text-muted-foreground`,children:`Usage unavailable`}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(h,{className:`border-hair bg-muted text-foreground`,children:t.provider}),(0,j.jsx)(h,{className:`max-w-full truncate border-hair bg-muted text-foreground`,children:t.modelId})]})]}),(0,j.jsx)(`span`,{className:`shrink-0 text-xs text-muted-foreground`,children:r(e.row.createdAt)})]}),(0,j.jsx)(`p`,{className:`m-0 whitespace-pre-wrap break-words text-sm leading-6 text-foreground`,children:e.row.preview}),t===void 0?null:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground`,children:[(0,j.jsx)(F,{label:`total`,value:t.usage.totalTokens,suffix:` tokens`}),(0,j.jsx)(F,{label:`input`,value:t.usage.inputTokens}),(0,j.jsx)(F,{label:`output`,value:t.usage.outputTokens}),(0,j.jsx)(F,{label:`cached`,value:t.usage.cachedInputTokens}),(0,j.jsx)(F,{label:`cache create`,value:t.usage.cacheCreationInputTokens})]})]})}function F(e){return(0,j.jsxs)(`span`,{children:[e.label,` `,e.value.toLocaleString(),e.suffix]})}function I(e){if(typeof e.content==`string`)return e.content.trim().length>0?L(e.content):`Assistant response`;let t=e.content.flatMap(e=>e.type===`text`?[e.text]:[]).join(`
|
|
2
|
+
`).trim();if(t.length>0)return L(t);let n=e.content.flatMap(e=>e.type===`tool-call`?[e.toolName]:[]);if(n.length>0)return`Tool call${n.length===1?``:`s`}: ${n.join(`, `)}`;let r=e.content.flatMap(e=>e.type===`reasoning`?[e.text]:[]).join(`
|
|
3
|
+
`).trim();if(r.length>0)return L(r);let i=e.content.filter(e=>e.type===`image`).length;return i>0?`${i} generated image${i===1?``:`s`}`:`Assistant response`}function L(e){let t=e.replace(/\s+/g,` `).trim();return t.length>220?`${t.slice(0,217)}...`:t}function R(e){let[t,n]=(0,A.useState)([]),[r,h]=(0,A.useState)(``),[g,_]=(0,A.useState)([]),[v,y]=(0,A.useState)([]),[b,x]=(0,A.useState)(``),[S,C]=(0,A.useState)(``),[w,T]=(0,A.useState)(),[E,D]=(0,A.useState)(),[O,k]=(0,A.useState)(!1),[M,N]=(0,A.useState)(!1),[P,F]=(0,A.useState)(!1),[I,L]=(0,A.useState)(``),R=(0,A.useRef)(0),B=t.find(e=>e.ref===r),H=(0,A.useCallback)(async()=>{if(!e.enabled){n([]),h(``);return}k(!0),L(``);try{let e=await fetch(`/memory/sources`);if(!e.ok)throw Error(`Memory sources failed with HTTP ${e.status}`);let t=await e.json();n(t.sources),h(e=>t.sources.some(t=>t.ref===e)?e:Z(t.sources))}catch(e){L(e instanceof Error?e.message:String(e))}finally{k(!1)}},[e.enabled]);(0,A.useEffect)(()=>{H()},[H]);let G=(0,A.useCallback)(async()=>{let t=R.current+1;if(R.current=t,!e.enabled||B===void 0||!B.available){_([]),y([]),T(void 0),D(void 0),N(!1);return}N(!0),L(``);try{let e=`/memory/sources/${encodeURIComponent(B.ref)}`,[n,r]=await Promise.all([fetch(`${e}/users?limit=50`),fetch(`${e}/conversations?limit=100`)]);if(!n.ok)throw Error(`Memory users failed with HTTP ${n.status}`);if(!r.ok)throw Error(`Memory conversations failed with HTTP ${r.status}`);let i=await n.json(),a=await r.json();if(R.current!==t)return;_(i.users),y(a.conversations),C(e=>a.conversations.find(t=>t.ref===e)?.ref??a.conversations[0]?.ref??``)}catch(e){R.current===t&&L(e instanceof Error?e.message:String(e))}finally{R.current===t&&N(!1)}},[e.enabled,B]);(0,A.useEffect)(()=>{x(``),C(``),_([]),y([]),T(void 0),D(void 0),G()},[G]),(0,A.useEffect)(()=>{if(!e.enabled||B===void 0||!B.available||S.length===0){T(void 0),D(void 0);return}let t=B.ref,n=!1;async function r(){F(!0),L(``);try{let e=`/memory/sources/${encodeURIComponent(t)}/conversations/${encodeURIComponent(S)}`,[r,i]=await Promise.all([fetch(`${e}/messages`),fetch(`${e}/steps`)]);if(!r.ok)throw Error(`Conversation messages failed with HTTP ${r.status}`);if(!i.ok)throw Error(`Conversation steps failed with HTTP ${i.status}`);n||(T(await r.json()),D(await i.json()))}catch(e){n||(L(e instanceof Error?e.message:String(e)),T(void 0),D(void 0))}finally{n||F(!1)}}return r(),()=>{n=!0}},[e.enabled,S,B]);let K=(0,A.useMemo)(()=>b.length===0?v:v.filter(e=>e.userId===b),[v,b]),q=(0,A.useMemo)(()=>X(g,v),[v,g]),Q=K.find(e=>e.ref===S)??K[0];return(0,A.useEffect)(()=>{if(K.length===0){C(``);return}K.some(e=>e.ref===S)||C(K[0]?.ref??``)},[S,K]),(0,j.jsxs)(u,{className:`grid-rows-[auto_minmax(0,1fr)]`,"aria-label":`Memory`,children:[(0,j.jsx)(d,{title:`Memory`,description:`Inspect persisted agent conversations directly. Studio sessions appear only as a fallback for agents without configured memory.`,action:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-sm:justify-start`,children:[t.length===0?null:(0,j.jsxs)(l,{value:r,onValueChange:h,children:[(0,j.jsx)(o,{className:`h-8 min-h-8 w-60 rounded-md border-border text-xs max-sm:w-full`,children:(0,j.jsx)(a,{placeholder:`Memory source`})}),(0,j.jsx)(s,{align:`end`,children:t.map(e=>(0,j.jsxs)(c,{value:e.ref,children:[e.label,e.available?``:` (unavailable)`]},e.ref))})]}),(0,j.jsx)(f,{label:`users`,value:q.userCount}),(0,j.jsx)(f,{label:`conversations`,value:q.conversationCount}),(0,j.jsx)(f,{label:`messages`,value:q.messageCount}),(0,j.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:`secondary`,disabled:O||M,onClick:()=>void H(),children:`Refresh`})]})}),(0,j.jsx)(p,{className:`overflow-hidden`,children:e.enabled?O&&t.length===0?(0,j.jsx)(m,{title:`Loading memory`,text:`Discovering configured memory sources.`}):I.length>0&&t.length===0?(0,j.jsx)(m,{title:`Memory error`,text:I}):B===void 0?(0,j.jsx)(m,{title:`No memory sources`,text:`No registered agent exposes memory.`}):B.available?M&&v.length===0?(0,j.jsx)(m,{title:`Loading memory`,text:`Reading ${B.label}.`}):I.length>0&&v.length===0?(0,j.jsx)(m,{title:`Memory error`,text:I}):v.length===0?(0,j.jsx)(J,{source:B,userCount:g.length,onRefresh:()=>void G()}):(0,j.jsxs)(`div`,{className:[`grid h-full min-h-0 overflow-hidden`,I.length===0?`grid-rows-[minmax(0,1fr)]`:`grid-rows-[auto_minmax(0,1fr)]`].join(` `),children:[I.length===0?null:(0,j.jsx)(Y,{message:I}),(0,j.jsxs)(`div`,{className:`grid min-h-0 grid-cols-[260px_minmax(320px,0.78fr)_minmax(0,1.22fr)] overflow-hidden border-t border-hair max-xl:grid-cols-[240px_minmax(0,1fr)] max-xl:grid-rows-[minmax(240px,0.42fr)_minmax(0,1fr)] max-md:grid-cols-1 max-md:grid-rows-[auto_minmax(240px,0.38fr)_minmax(0,1fr)]`,children:[(0,j.jsx)(z,{users:g,selectedUserId:b,totalConversations:v.length,onSelect:x}),(0,j.jsx)(V,{agents:e.agents,conversations:K,selectedConversationRef:Q?.ref??``,source:B,onSelect:C}),(0,j.jsx)(U,{agents:e.agents,conversation:Q,detailLoading:P,messages:w,source:B,steps:E})]})]}):(0,j.jsx)(W,{source:B}):(0,j.jsx)(m,{title:`Memory unavailable`,text:`No agent memory or Studio session store is configured.`})})]})}function z(e){return(0,j.jsx)(`aside`,{className:`min-h-0 overflow-auto border-r border-hair pr-3 max-md:border-b max-md:border-r-0 max-md:pr-0`,children:(0,j.jsxs)(`div`,{className:`grid gap-3 py-4 pr-3 max-md:pr-0`,children:[(0,j.jsx)(K,{label:`Users`,value:e.users.length}),(0,j.jsx)(B,{active:e.selectedUserId.length===0,title:`All users`,detail:`${e.totalConversations} conversations`,onClick:()=>e.onSelect(``)}),(0,j.jsx)(`div`,{className:`grid gap-1`,children:e.users.map(t=>(0,j.jsx)(B,{active:e.selectedUserId===t.userId,title:t.userId,detail:`${t.conversationCount} conversations / ${r(t.lastInteractionAt)}`,onClick:()=>e.onSelect(t.userId)},t.userId))})]})})}function B(e){return(0,j.jsxs)(`button`,{className:[`grid min-w-0 gap-1 rounded-lg border border-transparent px-3 py-2.5 text-left transition duration-200 hover:border-hair hover:bg-transparent hover:text-foreground focus-visible:border-ring focus-visible:outline-none`,e.active?`border-hair bg-row-selected`:``].join(` `),type:`button`,onClick:e.onClick,children:[(0,j.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.title}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-xs leading-5 text-muted-foreground`,children:e.detail})]})}function V(e){return(0,j.jsx)(`section`,{className:`min-h-0 overflow-auto border-r border-hair px-4 max-xl:border-r-0 max-xl:pr-0 max-md:border-b max-md:px-0`,children:(0,j.jsxs)(`div`,{className:`grid gap-3 py-4`,children:[(0,j.jsx)(K,{label:`Conversations`,value:e.conversations.length}),e.conversations.length===0?(0,j.jsx)(`div`,{className:`border-y border-dashed border-hair px-3 py-8 text-center text-sm text-muted-foreground`,children:`No conversations for this user.`}):(0,j.jsx)(`div`,{className:`grid border-y border-hair`,children:e.conversations.map(t=>(0,j.jsx)(H,{active:t.ref===e.selectedConversationRef,agentName:$(e.agents,e.source,t.agentIds),conversation:t,onSelect:()=>e.onSelect(t.ref)},t.ref))})]})})}function H(e){return(0,j.jsxs)(`button`,{className:[`grid min-w-0 gap-2 border-b border-hair px-3 py-3 text-left transition duration-200 last:border-b-0 hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`,e.active?`bg-row-selected`:``].join(` `),type:`button`,onClick:e.onSelect,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[(0,j.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.conversation.title??e.conversation.sessionId}),(0,j.jsxs)(`span`,{className:`min-w-0 truncate text-xs text-muted-foreground`,children:[e.agentName,` / `,e.conversation.userId]})]}),(0,j.jsx)(`span`,{className:`shrink-0 text-xs tabular-nums text-muted-foreground`,children:e.conversation.messageCount})]}),(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground`,children:[(0,j.jsx)(`span`,{children:r(e.conversation.updatedAt)}),(0,j.jsx)(`span`,{className:`min-w-0 truncate`,children:e.conversation.sessionId})]})]})}function U(e){return e.conversation===void 0?(0,j.jsx)(`section`,{className:`min-h-0 overflow-auto py-4 pl-5 max-xl:col-span-2 max-xl:pl-0 max-md:col-span-1`,children:(0,j.jsx)(m,{title:`No conversation selected`,text:`Choose a conversation to inspect.`})}):(0,j.jsx)(`section`,{className:`min-h-0 overflow-auto py-4 pl-5 max-xl:col-span-2 max-xl:pl-0 max-md:col-span-1`,children:(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-5`,children:[(0,j.jsxs)(`header`,{className:`grid gap-4 border-b border-hair pb-5`,children:[(0,j.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-4 max-md:grid`,children:[(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,j.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Persisted conversation`}),(0,j.jsx)(`h2`,{className:`m-0 min-w-0 truncate text-2xl font-semibold leading-none text-foreground`,children:e.conversation.title??e.conversation.sessionId}),(0,j.jsx)(`span`,{className:`min-w-0 break-all font-mono text-xs text-muted-foreground`,children:e.conversation.ref})]}),(0,j.jsxs)(`div`,{className:`flex flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,j.jsx)(h,{className:`border-hair bg-muted text-foreground`,children:e.source.storeKind??e.source.kind}),(0,j.jsx)(h,{className:`border-hair bg-muted text-foreground`,children:$(e.agents,e.source,e.conversation.agentIds)})]})]}),(0,j.jsxs)(`div`,{className:`grid border-y border-hair sm:grid-cols-4 sm:divide-x sm:divide-hair`,children:[(0,j.jsx)(q,{label:`user`,value:e.conversation.userId}),(0,j.jsx)(q,{label:`messages`,value:e.conversation.messageCount}),(0,j.jsx)(q,{label:`created`,value:r(e.conversation.createdAt)}),(0,j.jsx)(q,{label:`updated`,value:r(e.conversation.updatedAt)})]})]}),e.detailLoading?(0,j.jsx)(m,{title:`Loading detail`,text:`Reading persisted messages.`}):(0,j.jsxs)(`div`,{className:`grid gap-4`,children:[e.conversation.metadata===void 0?null:(0,j.jsx)(G,{title:`metadata`,value:e.conversation.metadata}),(0,j.jsx)(N,{records:e.messages?.records??[]}),(0,j.jsx)(G,{title:`messages`,value:e.messages?.messages??[]}),(0,j.jsx)(G,{title:`message records`,value:e.messages?.records??[]}),(0,j.jsx)(G,{title:`derived transcript`,value:e.steps?.steps??[]})]})]})})}function W(e){return(0,j.jsx)(m,{className:`h-full`,title:`${e.source.label} is not inspectable`,text:e.source.reason??`This memory store does not expose read-only discovery.`})}function G(e){let t=Array.isArray(e.value)?e.value.length:void 0;return(0,j.jsxs)(`details`,{className:`group grid min-w-0 overflow-hidden border-y border-hair`,open:!0,children:[(0,j.jsxs)(`summary`,{className:`flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[(0,j.jsx)(`span`,{children:e.title}),(0,j.jsx)(`span`,{className:`font-medium normal-case tracking-normal`,children:t===void 0?`JSON`:`${t} items`})]}),(0,j.jsx)(`div`,{className:`min-w-0 overflow-x-auto border-t border-hair`,children:(0,j.jsx)(`pre`,{className:`m-0 max-h-96 min-w-max p-4 text-xs leading-5 text-foreground`,children:(0,j.jsx)(`code`,{children:(0,j.jsx)(g,{text:Q(e.value)})})})})]})}function K(e){return(0,j.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,j.jsx)(`h2`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:e.label}),(0,j.jsx)(`span`,{className:`text-xs font-semibold tabular-nums text-muted-foreground`,children:e.value})]})}function q(e){return(0,j.jsxs)(`div`,{className:`grid min-w-0 gap-1 px-3 py-3 first:pl-0 last:pr-0`,children:[(0,j.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,j.jsx)(`span`,{className:`min-w-0 truncate text-sm text-foreground`,title:String(e.value),children:e.value})]})}function J(e){return(0,j.jsx)(m,{className:`h-full`,title:`No saved conversations yet`,text:`Conversations will appear here after the connected agent writes to ${e.source.label}. ${e.userCount} users are currently available.`,action:(0,j.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center justify-center gap-3`,children:[(0,j.jsx)(i,{className:`h-8 min-h-8 rounded-md px-3 text-xs`,type:`button`,variant:`secondary`,onClick:e.onRefresh,children:`Refresh`}),(0,j.jsx)(`span`,{className:`text-xs leading-5 text-muted-foreground`,children:`Existing database conversations are discovered automatically.`})]})})}function Y(e){return(0,j.jsx)(`div`,{className:`mb-3 border border-status-danger-ink bg-status-danger-fill px-3 py-2 text-xs leading-5 text-destructive`,children:e.message})}function X(e,t){return{userCount:e.length,conversationCount:t.length,messageCount:t.reduce((e,t)=>e+t.messageCount,0)}}function Z(e){return e.find(e=>e.kind===`agent`&&e.available)?.ref??e.find(e=>e.available)?.ref??e[0]?.ref??``}function Q(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}}function $(e,t,n){if(n.length===1){let t=n[0]??`agent`;return e.find(e=>e.id===t)?.name??t}return t.label}export{R as MemoryPage};
|
|
4
|
+
//# sourceMappingURL=memory-page-DxClkjRl.js.map
|