@anvia/studio 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +1 -0
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/ui/assets/{ArrowClockwise.es-CSEY3Qr6.js → ArrowClockwise.es-5vr4h4OH.js} +2 -2
  5. package/dist/ui/assets/{ArrowClockwise.es-CSEY3Qr6.js.map → ArrowClockwise.es-5vr4h4OH.js.map} +1 -1
  6. package/dist/ui/assets/{CaretDown.es-BHAPbv1R.js → CaretDown.es-CXu4Fvbf.js} +2 -2
  7. package/dist/ui/assets/{CaretDown.es-BHAPbv1R.js.map → CaretDown.es-CXu4Fvbf.js.map} +1 -1
  8. package/dist/ui/assets/{Check.es-BLChmggz.js → Check.es-DSXK9-8c.js} +2 -2
  9. package/dist/ui/assets/{Check.es-BLChmggz.js.map → Check.es-DSXK9-8c.js.map} +1 -1
  10. package/dist/ui/assets/{Wrench.es-BL6BmNv7.js → Wrench.es-Cl38Pi3C.js} +2 -2
  11. package/dist/ui/assets/{Wrench.es-BL6BmNv7.js.map → Wrench.es-Cl38Pi3C.js.map} +1 -1
  12. package/dist/ui/assets/{agents-page-DQqt45If.js → agents-page-h-83w9EN.js} +2 -2
  13. package/dist/ui/assets/{agents-page-DQqt45If.js.map → agents-page-h-83w9EN.js.map} +1 -1
  14. package/dist/ui/assets/{badge-CcajoiAt.js → badge-O3YyUN3G.js} +2 -2
  15. package/dist/ui/assets/{badge-CcajoiAt.js.map → badge-O3YyUN3G.js.map} +1 -1
  16. package/dist/ui/assets/{button-07gzSO47.js → button-Dsqwey2_.js} +2 -2
  17. package/dist/ui/assets/{button-07gzSO47.js.map → button-Dsqwey2_.js.map} +1 -1
  18. package/dist/ui/assets/dialog-DN8F1Aaq.js +2 -0
  19. package/dist/ui/assets/{dialog-CNNQ3hoF.js.map → dialog-DN8F1Aaq.js.map} +1 -1
  20. package/dist/ui/assets/{dist-CqMdRzwk.js → dist-CUv0NHNl.js} +2 -2
  21. package/dist/ui/assets/{dist-CqMdRzwk.js.map → dist-CUv0NHNl.js.map} +1 -1
  22. package/dist/ui/assets/dist-PrGeYMiK.js +2 -0
  23. package/dist/ui/assets/{dist-DWqJwN1i.js.map → dist-PrGeYMiK.js.map} +1 -1
  24. package/dist/ui/assets/es2015-Ck1KeeEx.js +42 -0
  25. package/dist/ui/assets/es2015-Ck1KeeEx.js.map +1 -0
  26. package/dist/ui/assets/{icon-CqkMSRbt.js → icon-DyadsXLr.js} +2 -2
  27. package/dist/ui/assets/icon-DyadsXLr.js.map +1 -0
  28. package/dist/ui/assets/index-Dggzi3lZ.js +75 -0
  29. package/dist/ui/assets/index-Dggzi3lZ.js.map +1 -0
  30. package/dist/ui/assets/{index-CFbK-pX6.css → index-VCdJ2Rb4.css} +1 -1
  31. package/dist/ui/assets/{input-BiI6gsxA.js → input-DHvac9Uq.js} +2 -2
  32. package/dist/ui/assets/{input-BiI6gsxA.js.map → input-DHvac9Uq.js.map} +1 -1
  33. package/dist/ui/assets/{knowledge-model-S51n2rKh.js → knowledge-model-B6kRb7zc.js} +1 -1
  34. package/dist/ui/assets/{knowledge-model-S51n2rKh.js.map → knowledge-model-B6kRb7zc.js.map} +1 -1
  35. package/dist/ui/assets/{knowledge-page-DZeLh92t.js → knowledge-page-DKnPrmhK.js} +2 -2
  36. package/dist/ui/assets/knowledge-page-DKnPrmhK.js.map +1 -0
  37. package/dist/ui/assets/mcps-page-MSz67ifn.js +2 -0
  38. package/dist/ui/assets/mcps-page-MSz67ifn.js.map +1 -0
  39. package/dist/ui/assets/{memory-page-D3UhjpTb.js → memory-page-2qr2eMrI.js} +2 -2
  40. package/dist/ui/assets/{memory-page-D3UhjpTb.js.map → memory-page-2qr2eMrI.js.map} +1 -1
  41. package/dist/ui/assets/pipelines-page-D1IB1tw-.js +8 -0
  42. package/dist/ui/assets/pipelines-page-D1IB1tw-.js.map +1 -0
  43. package/dist/ui/assets/renderers-BIw5yJkg.js +94 -0
  44. package/dist/ui/assets/renderers-BIw5yJkg.js.map +1 -0
  45. package/dist/ui/assets/{request-7oUPS8zY.js → request-CnFL8L6p.js} +3 -3
  46. package/dist/ui/assets/{request-7oUPS8zY.js.map → request-CnFL8L6p.js.map} +1 -1
  47. package/dist/ui/assets/rfb-NV_fh9Db.js +6 -0
  48. package/dist/ui/assets/{rfb-DiW3PDuT.js.map → rfb-NV_fh9Db.js.map} +1 -1
  49. package/dist/ui/assets/sandboxes-page-DWMtrKYJ.js +2 -0
  50. package/dist/ui/assets/sandboxes-page-DWMtrKYJ.js.map +1 -0
  51. package/dist/ui/assets/select-C1_9fsRu.js +2 -0
  52. package/dist/ui/assets/{select-BOYfrfck.js.map → select-C1_9fsRu.js.map} +1 -1
  53. package/dist/ui/assets/{sessions-page-ClXzRM9K.js → sessions-page-BIk4q-L8.js} +2 -2
  54. package/dist/ui/assets/{sessions-page-ClXzRM9K.js.map → sessions-page-BIk4q-L8.js.map} +1 -1
  55. package/dist/ui/assets/{status-page-eA8uRLZQ.js → status-page-jKTghmnz.js} +2 -2
  56. package/dist/ui/assets/{status-page-eA8uRLZQ.js.map → status-page-jKTghmnz.js.map} +1 -1
  57. package/dist/ui/assets/{studio-CeTsQ4gf.js → studio-Bh00wIF1.js} +2 -2
  58. package/dist/ui/assets/{studio-CeTsQ4gf.js.map → studio-Bh00wIF1.js.map} +1 -1
  59. package/dist/ui/assets/{textarea-DESKg_ZK.js → textarea-CZvhTJxB.js} +2 -2
  60. package/dist/ui/assets/{textarea-DESKg_ZK.js.map → textarea-CZvhTJxB.js.map} +1 -1
  61. package/dist/ui/assets/{tool-runner-D3-SlGqQ.js → tool-runner-BtaZqE3R.js} +2 -2
  62. package/dist/ui/assets/{tool-runner-D3-SlGqQ.js.map → tool-runner-BtaZqE3R.js.map} +1 -1
  63. package/dist/ui/assets/tools-page-D1ewvG0D.js +2 -0
  64. package/dist/ui/assets/tools-page-D1ewvG0D.js.map +1 -0
  65. package/dist/ui/assets/{trace-browser-D93H7Xxs.js → trace-browser-CwRUyCO6.js} +3 -3
  66. package/dist/ui/assets/{trace-browser-D93H7Xxs.js.map → trace-browser-CwRUyCO6.js.map} +1 -1
  67. package/dist/ui/assets/{transcript-item-BmjdZLbS.js → transcript-item-ChtaJvPe.js} +2 -2
  68. package/dist/ui/assets/{transcript-item-BmjdZLbS.js.map → transcript-item-ChtaJvPe.js.map} +1 -1
  69. package/dist/ui/assets/utils-DzstcfqT.js +2 -0
  70. package/dist/ui/assets/{utils-C9GMruoG.js.map → utils-DzstcfqT.js.map} +1 -1
  71. package/dist/ui/assets/{with-selector-CRZWaZzC.js → with-selector-B8ah9Wvu.js} +2 -2
  72. package/dist/ui/assets/{with-selector-CRZWaZzC.js.map → with-selector-B8ah9Wvu.js.map} +1 -1
  73. package/dist/ui/index.html +19 -20
  74. package/package.json +11 -11
  75. package/dist/ui/assets/chunk-QGX73TSQ-D9QAGlAY.js +0 -65
  76. package/dist/ui/assets/chunk-QGX73TSQ-D9QAGlAY.js.map +0 -1
  77. package/dist/ui/assets/dialog-CNNQ3hoF.js +0 -2
  78. package/dist/ui/assets/dist-DWqJwN1i.js +0 -2
  79. package/dist/ui/assets/es2015-DsZq7PFO.js +0 -42
  80. package/dist/ui/assets/es2015-DsZq7PFO.js.map +0 -1
  81. package/dist/ui/assets/icon-CqkMSRbt.js.map +0 -1
  82. package/dist/ui/assets/index-BtvoCaW7.js +0 -12
  83. package/dist/ui/assets/index-BtvoCaW7.js.map +0 -1
  84. package/dist/ui/assets/knowledge-page-DZeLh92t.js.map +0 -1
  85. package/dist/ui/assets/mcps-page-CDPMO2x9.js +0 -2
  86. package/dist/ui/assets/mcps-page-CDPMO2x9.js.map +0 -1
  87. package/dist/ui/assets/pipelines-page-BP8R6NI7.js +0 -8
  88. package/dist/ui/assets/pipelines-page-BP8R6NI7.js.map +0 -1
  89. package/dist/ui/assets/renderers-DHMEAblV.js +0 -94
  90. package/dist/ui/assets/renderers-DHMEAblV.js.map +0 -1
  91. package/dist/ui/assets/rfb-DiW3PDuT.js +0 -6
  92. package/dist/ui/assets/sandboxes-page-C6kokYwc.js +0 -2
  93. package/dist/ui/assets/sandboxes-page-C6kokYwc.js.map +0 -1
  94. package/dist/ui/assets/select-BOYfrfck.js +0 -2
  95. package/dist/ui/assets/tools-page-D3gnQf1_.js +0 -2
  96. package/dist/ui/assets/tools-page-D3gnQf1_.js.map +0 -1
  97. package/dist/ui/assets/utils-C9GMruoG.js +0 -2
@@ -1,2 +1,2 @@
1
- import{i as e,r as t,s as n}from"./utils-C9GMruoG.js";import{t as r,v as i}from"./button-07gzSO47.js";import{t as a}from"./ArrowClockwise.es-CSEY3Qr6.js";import{t as o}from"./icon-CqkMSRbt.js";import{a as s,i as c,o as l,r as u,t as d}from"./knowledge-model-S51n2rKh.js";import{a as f,i as p,r as m,t as h}from"./studio-CeTsQ4gf.js";import{t as g}from"./badge-CcajoiAt.js";import{n as _,t as v}from"./renderers-DHMEAblV.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-border/80 bg-muted/10 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-xl border border-border/80 bg-background/55 p-4`,children:(0,b.jsx)(E,{item:e.item,source:e.source})}):(0,b.jsxs)(`article`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/55 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-border/80 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-border/80 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-border/80 bg-background/30 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-border/80 hover:bg-muted/25 focus-visible:border-ring focus-visible:outline-none`,e.active?`border-border/80 bg-muted/35 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-border/80 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-border/80 bg-muted/15 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-border/80 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-border/80`,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-border/70 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-border/80 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-border/80 sm:grid-cols-3 sm:divide-x sm:divide-border/80`,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-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,b.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function 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-xl border border-border/80 bg-card/30`,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-border/70`,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-border/80 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-xl border border-border/80 bg-background/45 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-border/70 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=e.summary?.agents??[],_=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}C.some(e=>e.key===t)||n((C.find(e=>e.source.inspectable===!0&&(e.source.itemCount??0)>0)??C.find(e=>e.source.inspectable===!0)??C[0])?.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-border/80`,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-border/80 bg-background/45 px-2.5 text-xs font-semibold text-muted-foreground transition duration-200 hover:border-border/80 hover:bg-muted/45 hover:text-foreground focus-visible:border-ring focus-visible:outline-none`,e.selectedKey===t.key?`border-border/80 bg-muted/45 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-DZeLh92t.js.map
1
+ import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r,v as i}from"./button-Dsqwey2_.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-Bh00wIF1.js";import{t as g}from"./badge-O3YyUN3G.js";import{n as _,t as v}from"./renderers-BIw5yJkg.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-border/80 bg-muted/10 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-xl border border-border/80 bg-background/55 p-4`,children:(0,b.jsx)(E,{item:e.item,source:e.source})}):(0,b.jsxs)(`article`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/55 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-border/80 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-border/80 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-border/80 bg-background/30 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-border/80 hover:bg-muted/25 focus-visible:border-ring focus-visible:outline-none`,e.active?`border-border/80 bg-muted/35 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-border/80 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-border/80 bg-muted/15 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-border/80 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-border/80`,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-border/70 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-border/80 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-border/80 sm:grid-cols-3 sm:divide-x sm:divide-border/80`,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-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,b.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function 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-xl border border-border/80 bg-card/30`,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-border/70`,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-border/80 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-xl border border-border/80 bg-background/45 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-border/70 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-border/80`,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-border/80 bg-background/45 px-2.5 text-xs font-semibold text-muted-foreground transition duration-200 hover:border-border/80 hover:bg-muted/45 hover:text-foreground focus-visible:border-ring focus-visible:outline-none`,e.selectedKey===t.key?`border-border/80 bg-muted/45 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-DKnPrmhK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"knowledge-page-DKnPrmhK.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-border/80 bg-muted/10 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-xl border border-border/80 bg-background/55 p-4\">\n <DynamicToolInspector item={props.item} source={props.source} />\n </article>\n );\n }\n\n return (\n <article className=\"grid gap-3 rounded-xl border border-border/80 bg-background/55 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-border/80 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-border/80 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-border/80 bg-background/30 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-border/80 hover:bg-muted/25 focus-visible:border-ring focus-visible:outline-none\",\n props.active ? \"border-border/80 bg-muted/35 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-border/80 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-border/80 bg-muted/15 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-border/80 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-border/80\">\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-border/70 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-border/80 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-border/80 sm:grid-cols-3 sm:divide-x sm:divide-border/80\">\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-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground\">\n <span className=\"font-semibold tabular-nums text-foreground\">{props.value}</span>\n {props.label}\n </span>\n );\n}\n\nfunction 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-xl border border-border/80 bg-card/30\">\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-border/70\">\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-border/80 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-xl border border-border/80 bg-background/45 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-border/70 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-border/80\">\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-border/80 bg-background/45 px-2.5 text-xs font-semibold text-muted-foreground transition duration-200 hover:border-border/80 hover:bg-muted/45 hover:text-foreground focus-visible:border-ring focus-visible:outline-none\",\n props.selectedKey === source.key\n ? \"border-border/80 bg-muted/45 text-foreground\"\n : \"\",\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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"}
@@ -0,0 +1,2 @@
1
+ import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{t as r}from"./button-Dsqwey2_.js";import{a as i,i as a,n as o,r as s,t as c}from"./select-C1_9fsRu.js";import{a as l,i as u,n as d,r as f,t as p}from"./studio-Bh00wIF1.js";import{t as m}from"./badge-O3YyUN3G.js";import{a as h,c as g,r as _,s as v,t as y,u as b}from"./tool-runner-BtaZqE3R.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/20 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-border/80 bg-background/50 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/25 p-2 transition duration-200 hover:border-border/70 hover:bg-background/35 max-lg:grid-cols-1`,children:[(0,S.jsxs)(`div`,{className:`grid content-start gap-4 rounded-lg bg-card/25 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-border/80 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-MSz67ifn.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mcps-page-MSz67ifn.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/20 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-border/80 bg-background/50 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/25 p-2 transition duration-200 hover:border-border/70 hover:bg-background/35 max-lg:grid-cols-1\">\n <div className=\"grid content-start gap-4 rounded-lg bg-card/25 p-3\">\n <div className=\"grid gap-1\">\n <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-border/80 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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"}
@@ -1,4 +1,4 @@
1
- import{i as e,r as t,s as n}from"./utils-C9GMruoG.js";import{l as r,t as i}from"./button-07gzSO47.js";import{a,i as o,n as s,r as c,t as l}from"./select-BOYfrfck.js";import{a as u,i as d,n as f,r as p,t as m}from"./studio-CeTsQ4gf.js";import{t as h}from"./badge-CcajoiAt.js";import{t as g}from"./renderers-DHMEAblV.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-border/80`,children:[(0,j.jsxs)(`header`,{className:`flex min-h-11 items-center justify-between gap-3 bg-muted/10 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-border/70 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-border/70 border-t border-border/70`,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-border/80 bg-muted/45 text-foreground`,children:[`Turn `,e.row.turn]}),t===void 0?(0,j.jsx)(h,{className:`border-border/80 bg-background/40 text-muted-foreground`,children:`Usage unavailable`}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(h,{className:`border-border/80 bg-muted/45 text-foreground`,children:t.provider}),(0,j.jsx)(h,{className:`max-w-full truncate border-border/80 bg-muted/45 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(`
1
+ import{i as e,r as t,s as n}from"./utils-DzstcfqT.js";import{l as r,t as i}from"./button-Dsqwey2_.js";import{a,i as o,n as s,r as c,t as l}from"./select-C1_9fsRu.js";import{a as u,i as d,n as f,r as p,t as m}from"./studio-Bh00wIF1.js";import{t as h}from"./badge-O3YyUN3G.js";import{t as g}from"./renderers-BIw5yJkg.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-border/80`,children:[(0,j.jsxs)(`header`,{className:`flex min-h-11 items-center justify-between gap-3 bg-muted/10 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-border/70 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-border/70 border-t border-border/70`,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-border/80 bg-muted/45 text-foreground`,children:[`Turn `,e.row.turn]}),t===void 0?(0,j.jsx)(h,{className:`border-border/80 bg-background/40 text-muted-foreground`,children:`Usage unavailable`}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(h,{className:`border-border/80 bg-muted/45 text-foreground`,children:t.provider}),(0,j.jsx)(h,{className:`max-w-full truncate border-border/80 bg-muted/45 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
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
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-border/80 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-border/80 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-border/80 hover:bg-muted/25 focus-visible:border-ring focus-visible:outline-none`,e.active?`border-border/80 bg-muted/35`:``].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-border/80 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-border/80 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-border/80`,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-border/70 px-3 py-3 text-left transition duration-200 last:border-b-0 hover:bg-muted/20 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`,e.active?`bg-muted/35`:``].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-border/80 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-border/80 bg-muted/45 text-foreground`,children:e.source.storeKind??e.source.kind}),(0,j.jsx)(h,{className:`border-border/80 bg-muted/45 text-foreground`,children:$(e.agents,e.source,e.conversation.agentIds)})]})]}),(0,j.jsxs)(`div`,{className:`grid border-y border-border/80 sm:grid-cols-4 sm:divide-x sm:divide-border/80`,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-border/80`,open:!0,children:[(0,j.jsxs)(`summary`,{className:`flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 bg-muted/10 px-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground marker:hidden`,children:[(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-border/70`,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-destructive/30 bg-destructive/10 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-D3UhjpTb.js.map
4
+ //# sourceMappingURL=memory-page-2qr2eMrI.js.map