@anvia/studio 0.7.53 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +3 -5
- package/dist/index.js.map +1 -1
- package/dist/ui/assets/ArrowClockwise.es-CSN-gjxO.js +2 -0
- package/dist/ui/assets/ArrowClockwise.es-CSN-gjxO.js.map +1 -0
- package/dist/ui/assets/agents-page-CkNSbqAj.js +2 -0
- package/dist/ui/assets/agents-page-CkNSbqAj.js.map +1 -0
- package/dist/ui/assets/badge-RJJoRC4P.js +2 -0
- package/dist/ui/assets/badge-RJJoRC4P.js.map +1 -0
- package/dist/ui/assets/{chunk-ADH7NNCS-B-yOk_VP.js → chunk-ADH7NNCS-DM6fsnDI.js} +1 -1
- package/dist/ui/assets/{chunk-ADH7NNCS-B-yOk_VP.js.map → chunk-ADH7NNCS-DM6fsnDI.js.map} +1 -1
- package/dist/ui/assets/favicon.svg +7 -0
- package/dist/ui/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2 +0 -0
- package/dist/ui/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2 +0 -0
- package/dist/ui/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2 +0 -0
- package/dist/ui/assets/geist-latin-wght-normal-BgDaEnEv.woff2 +0 -0
- package/dist/ui/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2 +0 -0
- package/dist/ui/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2 +0 -0
- package/dist/ui/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2 +0 -0
- package/dist/ui/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2 +0 -0
- package/dist/ui/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2 +0 -0
- package/dist/ui/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2 +0 -0
- package/dist/ui/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2 +0 -0
- package/dist/ui/assets/index-Bh7RLPBw.js +56 -0
- package/dist/ui/assets/index-Bh7RLPBw.js.map +1 -0
- package/dist/ui/assets/index-D-CbFx6c.css +1 -0
- package/dist/ui/assets/input-BOUv3rgO.js +2 -0
- package/dist/ui/assets/input-BOUv3rgO.js.map +1 -0
- package/dist/ui/assets/knowledge-page-Cot_uYcE.js +2 -0
- package/dist/ui/assets/knowledge-page-Cot_uYcE.js.map +1 -0
- package/dist/ui/assets/mcps-page-BSO6ork4.js +2 -0
- package/dist/ui/assets/mcps-page-BSO6ork4.js.map +1 -0
- package/dist/ui/assets/memory-page-CG84G--r.js +4 -0
- package/dist/ui/assets/memory-page-CG84G--r.js.map +1 -0
- package/dist/ui/assets/pipelines-page-Hbf5ffUH.js +8 -0
- package/dist/ui/assets/pipelines-page-Hbf5ffUH.js.map +1 -0
- package/dist/ui/assets/{renderers-B3IhuxP9.js → renderers-B8gvjR2u.js} +3 -3
- package/dist/ui/assets/{renderers-B3IhuxP9.js.map → renderers-B8gvjR2u.js.map} +1 -1
- package/dist/ui/assets/sandboxes-page-D910dyFO.js +2 -0
- package/dist/ui/assets/sandboxes-page-D910dyFO.js.map +1 -0
- package/dist/ui/assets/sessions-page-CSN2vSKZ.js +2 -0
- package/dist/ui/assets/sessions-page-CSN2vSKZ.js.map +1 -0
- package/dist/ui/assets/status-page-CgRNt0wi.js +2 -0
- package/dist/ui/assets/status-page-CgRNt0wi.js.map +1 -0
- package/dist/ui/assets/tool-runner-BZN-PZJU.js +2 -0
- package/dist/ui/assets/tool-runner-BZN-PZJU.js.map +1 -0
- package/dist/ui/assets/tools-page-DRv7aklU.js +2 -0
- package/dist/ui/assets/tools-page-DRv7aklU.js.map +1 -0
- package/dist/ui/assets/trace-browser-B07coNNE.js +10 -0
- package/dist/ui/assets/trace-browser-B07coNNE.js.map +1 -0
- package/dist/ui/assets/transcript-item-ZNkQEaCw.js +3 -0
- package/dist/ui/assets/transcript-item-ZNkQEaCw.js.map +1 -0
- package/dist/ui/index.html +17 -6
- package/package.json +8 -7
- package/dist/ui/assets/agents-page-Bbbg-x2R.js +0 -2
- package/dist/ui/assets/agents-page-Bbbg-x2R.js.map +0 -1
- package/dist/ui/assets/badge-D7D2A73-.js +0 -2
- package/dist/ui/assets/badge-D7D2A73-.js.map +0 -1
- package/dist/ui/assets/evals-page-qETOz5hz.js +0 -2
- package/dist/ui/assets/evals-page-qETOz5hz.js.map +0 -1
- package/dist/ui/assets/format-D43vTqrO.js +0 -2
- package/dist/ui/assets/format-D43vTqrO.js.map +0 -1
- package/dist/ui/assets/index-CQhv4Ee3.js +0 -56
- package/dist/ui/assets/index-CQhv4Ee3.js.map +0 -1
- package/dist/ui/assets/index-CzSafghW.css +0 -1
- package/dist/ui/assets/knowledge-page-Zl9WuYXr.js +0 -2
- package/dist/ui/assets/knowledge-page-Zl9WuYXr.js.map +0 -1
- package/dist/ui/assets/mcps-page-dx-N6xMI.js +0 -2
- package/dist/ui/assets/mcps-page-dx-N6xMI.js.map +0 -1
- package/dist/ui/assets/memory-page-De0f9jEy.js +0 -4
- package/dist/ui/assets/memory-page-De0f9jEy.js.map +0 -1
- package/dist/ui/assets/pipelines-page-DKwpA_KG.js +0 -8
- package/dist/ui/assets/pipelines-page-DKwpA_KG.js.map +0 -1
- package/dist/ui/assets/sandboxes-page-CRLiE4bv.js +0 -2
- package/dist/ui/assets/sandboxes-page-CRLiE4bv.js.map +0 -1
- package/dist/ui/assets/sessions-page-CgXxbgEX.js +0 -2
- package/dist/ui/assets/sessions-page-CgXxbgEX.js.map +0 -1
- package/dist/ui/assets/status-page-BPANk1WS.js +0 -2
- package/dist/ui/assets/status-page-BPANk1WS.js.map +0 -1
- package/dist/ui/assets/tool-runner-DdnPk1NY.js +0 -2
- package/dist/ui/assets/tool-runner-DdnPk1NY.js.map +0 -1
- package/dist/ui/assets/tools-page-DnCMxRrP.js +0 -2
- package/dist/ui/assets/tools-page-DnCMxRrP.js.map +0 -1
- package/dist/ui/assets/trace-browser-C4ZQweab.js +0 -10
- package/dist/ui/assets/trace-browser-C4ZQweab.js.map +0 -1
- package/dist/ui/assets/transcript-item-B7FFJ52t.js +0 -3
- package/dist/ui/assets/transcript-item-B7FFJ52t.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transcript-item-ZNkQEaCw.js","names":["e","e","e","e","m","n","a","m","r","m"],"sources":["../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/ChartBar.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Copy.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/defs/Path.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/ChartBar.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Copy.es.js","../../../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/@phosphor-icons/react/dist/csr/Path.es.js","../../../src/ui/app/modules/playground/working-duration.tsx","../../../src/ui/app/modules/playground/transcript-item.tsx"],"sourcesContent":["import * as a from \"react\";\nconst e = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,196h-4V40a12,12,0,0,0-12-12H152a12,12,0,0,0-12,12V76H96A12,12,0,0,0,84,88v36H48a12,12,0,0,0-12,12v60H32a12,12,0,0,0,0,24H224a12,12,0,0,0,0-24ZM164,52h32V196H164Zm-56,48h32v96H108ZM60,148H84v48H60Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M208,40V208H152V40Z\", opacity: \"0.2\" }), /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1,0-16h8V136a8,8,0,0,1,8-8H72a8,8,0,0,1,8,8v64H96V88a8,8,0,0,1,8-8h32a8,8,0,0,1,8,8V200h16V40a8,8,0,0,1,8-8h40a8,8,0,0,1,8,8V200h8A8,8,0,0,1,232,208Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,202H214V40a6,6,0,0,0-6-6H152a6,6,0,0,0-6,6V82H96a6,6,0,0,0-6,6v42H48a6,6,0,0,0-6,6v66H32a6,6,0,0,0,0,12H224a6,6,0,0,0,0-12ZM158,46h44V202H158ZM102,94h44V202H102ZM54,142H90v60H54Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,204H212V40a4,4,0,0,0-4-4H152a4,4,0,0,0-4,4V84H96a4,4,0,0,0-4,4v44H48a4,4,0,0,0-4,4v68H32a4,4,0,0,0,0,8H224a4,4,0,0,0,0-8ZM156,44h48V204H156ZM100,92h48V204H100ZM52,140H92v64H52Z\" }))\n ]\n]);\nexport {\n e as default\n};\n","import * as a from \"react\";\nconst e = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,28H88A12,12,0,0,0,76,40V76H40A12,12,0,0,0,28,88V216a12,12,0,0,0,12,12H168a12,12,0,0,0,12-12V180h36a12,12,0,0,0,12-12V40A12,12,0,0,0,216,28ZM156,204H52V100H156Zm48-48H180V88a12,12,0,0,0-12-12H100V52H204Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,40V168H168V88H88V40Z\", opacity: \"0.2\" }), /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,34H88a6,6,0,0,0-6,6V82H40a6,6,0,0,0-6,6V216a6,6,0,0,0,6,6H168a6,6,0,0,0,6-6V174h42a6,6,0,0,0,6-6V40A6,6,0,0,0,216,34ZM162,210H46V94H162Zm48-48H174V88a6,6,0,0,0-6-6H94V46H210Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M216,36H88a4,4,0,0,0-4,4V84H40a4,4,0,0,0-4,4V216a4,4,0,0,0,4,4H168a4,4,0,0,0,4-4V172h44a4,4,0,0,0,4-4V40A4,4,0,0,0,216,36ZM164,212H44V92H164Zm48-48H172V88a4,4,0,0,0-4-4H92V44H212Z\" }))\n ]\n]);\nexport {\n e as default\n};\n","import * as a from \"react\";\nconst e = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M200,164a36.07,36.07,0,0,0-33.94,24H72a28,28,0,0,1,0-56h96a44,44,0,0,0,0-88H72a12,12,0,0,0,0,24h96a20,20,0,0,1,0,40H72a52,52,0,0,0,0,104h94.06A36,36,0,1,0,200,164Zm0,48a12,12,0,1,1,12-12A12,12,0,0,1,200,212Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M224,200a24,24,0,1,1-24-24A24,24,0,0,1,224,200Z\", opacity: \"0.2\" }), /* @__PURE__ */ a.createElement(\"path\", { d: \"M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M228,200a28,28,0,0,1-54.83,8H72a48,48,0,0,1,0-96h96a24,24,0,0,0,0-48H72a8,8,0,0,1,0-16h96a40,40,0,0,1,0,80H72a32,32,0,0,0,0,64H173.17A28,28,0,0,1,228,200Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M200,170a30.05,30.05,0,0,0-29.4,24H72a34,34,0,0,1,0-68h96a38,38,0,0,0,0-76H72a6,6,0,0,0,0,12h96a26,26,0,0,1,0,52H72a46,46,0,0,0,0,92h98.6A30,30,0,1,0,200,170Zm0,48a18,18,0,1,1,18-18A18,18,0,0,1,200,218Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M200,168a32.06,32.06,0,0,0-31,24H72a32,32,0,0,1,0-64h96a40,40,0,0,0,0-80H72a8,8,0,0,0,0,16h96a24,24,0,0,1,0,48H72a48,48,0,0,0,0,96h97a32,32,0,1,0,31-40Zm0,48a16,16,0,1,1,16-16A16,16,0,0,1,200,216Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M200,172a28,28,0,0,0-27.71,24H72a36,36,0,0,1,0-72h96a36,36,0,0,0,0-72H72a4,4,0,0,0,0,8h96a28,28,0,0,1,0,56H72a44,44,0,0,0,0,88H172.29A28,28,0,1,0,200,172Zm0,48a20,20,0,1,1,20-20A20,20,0,0,1,200,220Z\" }))\n ]\n]);\nexport {\n e as default\n};\n","import * as r from \"react\";\nimport e from \"../lib/IconBase.es.js\";\nimport m from \"../defs/ChartBar.es.js\";\nconst a = r.forwardRef((o, t) => /* @__PURE__ */ r.createElement(e, { ref: t, ...o, weights: m }));\na.displayName = \"ChartBarIcon\";\nconst n = a;\nexport {\n n as ChartBar,\n a as ChartBarIcon\n};\n","import * as o from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport m from \"../defs/Copy.es.js\";\nconst e = o.forwardRef((r, t) => /* @__PURE__ */ o.createElement(a, { ref: t, ...r, weights: m }));\ne.displayName = \"CopyIcon\";\nconst s = e;\nexport {\n s as Copy,\n e as CopyIcon\n};\n","import * as o from \"react\";\nimport r from \"../lib/IconBase.es.js\";\nimport m from \"../defs/Path.es.js\";\nconst t = o.forwardRef((a, e) => /* @__PURE__ */ o.createElement(r, { ref: e, ...a, weights: m }));\nt.displayName = \"PathIcon\";\nconst n = t;\nexport {\n n as Path,\n t as PathIcon\n};\n","import { cn } from \"../../lib/utils\";\n\nexport function WorkingDuration(props: {\n className?: string | undefined;\n durationMs?: number | undefined;\n}) {\n if (props.durationMs === undefined) {\n return null;\n }\n\n return (\n <span\n aria-live=\"off\"\n className={cn(\n \"inline-flex items-center gap-1.5 text-xs font-medium tabular-nums text-muted-foreground\",\n props.className,\n )}\n >\n {formatWorkingDuration(props.durationMs)}\n </span>\n );\n}\n\nexport function formatWorkingDuration(durationMs: number): string {\n const normalizedDurationMs = Number.isFinite(durationMs) ? Math.max(0, durationMs) : 0;\n const totalSeconds = Math.floor(normalizedDurationMs / 1_000);\n const minutes = Math.floor(totalSeconds / 60);\n const seconds = totalSeconds % 60;\n const duration = minutes === 0 ? `${seconds}s` : `${minutes}m ${seconds}s`;\n return `Finished - ${duration}`;\n}\n","import { CaretDown, ChartBar, Check, Copy, Path, Wrench } from \"@phosphor-icons/react\";\nimport { memo, useState } from \"react\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioIcon } from \"../../components/ui/icon\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { cn } from \"../../lib/utils\";\nimport { approvalLabel } from \"../shared/format\";\nimport { MarkdownText, ToolPayload } from \"../shared/renderers\";\nimport type { ToolApproval, ToolMessage, ToolQuestion, TranscriptEntry } from \"../shared/types\";\nimport type { AssistantResponseMetrics, ResponseUsageMetrics } from \"./response-metrics\";\nimport { WorkingDuration } from \"./working-duration\";\n\nexport const TranscriptItem = memo(function TranscriptItem(props: {\n entry: TranscriptEntry;\n displayText?: string | undefined;\n live?: boolean | undefined;\n metrics?: AssistantResponseMetrics | undefined;\n decidingApprovals: Set<string>;\n answeringQuestions: Set<string>;\n onApprovalDecision: (approvalId: string, approved: boolean) => void;\n onQuestionAnswer: (\n questionId: string,\n answers: Array<{ questionId: string; answer: string; choice?: string; custom?: boolean }>,\n ) => void;\n onOpenTrace: (traceId: string) => void;\n}) {\n const displayText = props.displayText ?? (\"text\" in props.entry ? props.entry.text : \"\");\n if (props.entry.kind === \"reasoning\") {\n return (\n <article\n className=\"max-w-205 justify-self-start text-muted-foreground\"\n data-entry-id={String(props.entry.entryId)}\n >\n <div className=\"mb-1 text-xs font-semibold uppercase text-muted-foreground\">Reasoning</div>\n <MarkdownText live={props.live} size=\"base\" text={displayText} />\n </article>\n );\n }\n\n if (props.entry.kind === \"tool\") {\n return (\n <ToolEntry\n entry={props.entry}\n decidingApprovals={props.decidingApprovals}\n answeringQuestions={props.answeringQuestions}\n onApprovalDecision={props.onApprovalDecision}\n onQuestionAnswer={props.onQuestionAnswer}\n />\n );\n }\n\n const traceId = props.entry.role === \"assistant\" ? props.entry.traceId : undefined;\n const hasTable = props.entry.role === \"assistant\" && hasMarkdownTable(displayText);\n const isError =\n props.entry.role === \"assistant\" && \"tone\" in props.entry && props.entry.tone === \"error\";\n const isPending =\n props.entry.role === \"assistant\" && \"tone\" in props.entry && props.entry.tone === \"pending\";\n const showAssistantActions =\n props.entry.role === \"assistant\" && !isPending && props.entry.text.trim().length > 0;\n const persistedDurationMs = props.entry.durationMs ?? props.metrics?.durationMs;\n const showAssistantFooter = showAssistantActions || persistedDurationMs !== undefined;\n\n if (props.entry.role === \"user\") {\n return (\n <article\n className=\"grid w-fit max-w-[min(64ch,82%)] justify-items-end justify-self-end self-start text-foreground\"\n data-entry-id={String(props.entry.entryId)}\n >\n {props.entry.text.trim().length === 0 ? null : (\n <div className=\"rounded-2xl bg-muted px-4 py-2.5\">\n <MarkdownText size=\"base\" text={props.entry.text} />\n </div>\n )}\n {props.entry.attachments !== undefined ? (\n <MessageAttachments attachments={props.entry.attachments} />\n ) : null}\n </article>\n );\n }\n\n return (\n <article\n className={cn(\n \"self-start\",\n hasTable ? \"w-full max-w-full\" : \"max-w-[min(82ch,100%)]\",\n props.entry.role === \"assistant\" &&\n cn(\"justify-self-start text-foreground\", isError && \"text-destructive\"),\n )}\n data-entry-id={String(props.entry.entryId)}\n >\n {isPending ? <AssistantLoadingIndicator /> : null}\n {displayText.trim().length === 0 ? null : (\n <MarkdownText live={props.live} size=\"base\" text={displayText} />\n )}\n {showAssistantFooter ? (\n <AssistantResponseFooter\n metrics={props.metrics}\n showActions={showAssistantActions}\n text={props.entry.text}\n traceId={traceId}\n durationMs={persistedDurationMs}\n onOpenTrace={props.onOpenTrace}\n />\n ) : null}\n </article>\n );\n});\n\nfunction AssistantResponseFooter(props: {\n durationMs?: number | undefined;\n metrics?: AssistantResponseMetrics | undefined;\n showActions: boolean;\n text: string;\n traceId?: string | undefined;\n onOpenTrace: (traceId: string) => void;\n}) {\n const [copied, setCopied] = useState(false);\n const traceId = props.traceId;\n\n async function copyResponse() {\n if (typeof navigator === \"undefined\" || navigator.clipboard === undefined) {\n return;\n }\n try {\n await navigator.clipboard.writeText(props.text);\n setCopied(true);\n window.setTimeout(() => setCopied(false), 1200);\n } catch {\n setCopied(false);\n }\n }\n\n return (\n <div className=\"mt-3 flex min-w-0 items-center gap-1.5\">\n {props.showActions ? (\n <Button\n aria-label={copied ? \"Response copied\" : \"Copy response\"}\n className=\"h-8 min-h-8 w-8 rounded-lg border border-border/70 bg-muted/30 p-0 text-muted-foreground shadow-none hover:border-border hover:bg-muted/55 hover:text-foreground\"\n title={copied ? \"Copied\" : \"Copy response\"}\n type=\"button\"\n variant=\"ghost\"\n onClick={() => void copyResponse()}\n >\n <StudioIcon icon={copied ? Check : Copy} aria-hidden=\"true\" />\n </Button>\n ) : null}\n {props.showActions ? (\n <div className=\"group relative\">\n <Button\n aria-label=\"Response metrics\"\n className=\"h-8 min-h-8 w-8 rounded-lg border border-border/70 bg-muted/30 p-0 text-muted-foreground shadow-none hover:border-border hover:bg-muted/55 hover:text-foreground\"\n title={metricsTitle(props.metrics)}\n type=\"button\"\n variant=\"ghost\"\n >\n <StudioIcon icon={ChartBar} aria-hidden=\"true\" />\n </Button>\n <div\n className=\"pointer-events-none absolute left-0 top-full z-30 mt-2 hidden w-64 rounded-lg border border-border/90 bg-popover p-3 text-popover-foreground shadow-xl shadow-black/25 group-focus-within:grid group-hover:grid\"\n role=\"tooltip\"\n >\n <ResponseMetricsTooltip metrics={props.metrics} />\n </div>\n </div>\n ) : null}\n {!props.showActions || traceId === undefined ? null : (\n <Button\n aria-label={`Open trace ${traceId}`}\n className=\"h-8 min-h-8 w-8 rounded-lg border border-border/70 bg-muted/30 p-0 text-muted-foreground shadow-none hover:border-border hover:bg-muted/55 hover:text-foreground\"\n title={`Open trace ${traceId}`}\n type=\"button\"\n variant=\"ghost\"\n onClick={() => props.onOpenTrace(traceId)}\n >\n <StudioIcon icon={Path} aria-hidden=\"true\" />\n </Button>\n )}\n <WorkingDuration\n className={props.showActions ? \"ml-1.5\" : undefined}\n durationMs={props.durationMs}\n />\n </div>\n );\n}\n\nfunction ResponseMetricsTooltip(props: { metrics?: AssistantResponseMetrics | undefined }) {\n const rows = responseMetricRows(props.metrics);\n return (\n <div className=\"grid min-w-0 gap-2 text-xs leading-5\">\n <div className=\"font-semibold text-foreground\">Response metrics</div>\n <div className=\"grid min-w-0 gap-1\">\n <MetricRow label=\"Cost\" value=\"Unavailable\" />\n {rows.length === 0 ? (\n <div className=\"text-muted-foreground\">No usage metrics yet</div>\n ) : (\n rows.map((row) => <MetricRow label={row.label} value={row.value} key={row.label} />)\n )}\n </div>\n </div>\n );\n}\n\nfunction MetricRow(props: { label: string; value: string }) {\n return (\n <div className=\"flex min-w-0 items-center justify-between gap-3\">\n <span className=\"text-muted-foreground\">{props.label}</span>\n <span className=\"shrink-0 font-medium tabular-nums text-foreground\">{props.value}</span>\n </div>\n );\n}\n\nfunction responseMetricRows(metrics: AssistantResponseMetrics | undefined): Array<{\n label: string;\n value: string;\n}> {\n const rows: Array<{ label: string; value: string }> = [];\n const usage = metrics?.usage;\n if (usage?.totalTokens !== undefined) {\n rows.push({ label: \"Total\", value: `${formatMetricNumber(usage.totalTokens)} tokens` });\n }\n if (usage?.inputTokens !== undefined) {\n rows.push({ label: \"Input\", value: formatMetricNumber(usage.inputTokens) });\n }\n if (usage?.outputTokens !== undefined) {\n rows.push({ label: \"Output\", value: formatMetricNumber(usage.outputTokens) });\n }\n pushOptionalUsageRow(rows, \"Cached\", usage, \"cachedInputTokens\");\n pushOptionalUsageRow(rows, \"Cache create\", usage, \"cacheCreationInputTokens\");\n if (metrics?.durationMs !== undefined) {\n rows.push({ label: \"Duration\", value: formatResponseDuration(metrics.durationMs) });\n }\n return rows;\n}\n\nfunction pushOptionalUsageRow(\n rows: Array<{ label: string; value: string }>,\n label: string,\n usage: ResponseUsageMetrics | undefined,\n key: keyof ResponseUsageMetrics,\n) {\n const value = usage?.[key];\n if (value !== undefined && value > 0) {\n rows.push({ label, value: formatMetricNumber(value) });\n }\n}\n\nfunction metricsTitle(metrics: AssistantResponseMetrics | undefined): string {\n const rows = responseMetricRows(metrics);\n if (rows.length === 0) {\n return \"Cost unavailable. No usage metrics yet.\";\n }\n return [\"Cost unavailable\", ...rows.map((row) => `${row.label}: ${row.value}`)].join(\". \");\n}\n\nfunction formatMetricNumber(value: number): string {\n return value.toLocaleString();\n}\n\nfunction formatResponseDuration(value: number): string {\n if (value < 1000) {\n return `${value}ms`;\n }\n return `${(value / 1000).toFixed(1)}s`;\n}\n\nfunction AssistantLoadingIndicator() {\n return (\n <div\n aria-label=\"Assistant is thinking\"\n aria-live=\"polite\"\n className=\"inline-flex min-h-8 items-center gap-2 py-1 text-muted-foreground\"\n role=\"status\"\n >\n <span className=\"text-base font-medium\">Thinking</span>\n <span className=\"flex items-center gap-1\" aria-hidden=\"true\">\n <span className=\"size-1 animate-pulse rounded-full bg-current motion-reduce:animate-none\" />\n <span className=\"size-1 animate-pulse rounded-full bg-current [animation-delay:150ms] motion-reduce:animate-none\" />\n <span className=\"size-1 animate-pulse rounded-full bg-current [animation-delay:300ms] motion-reduce:animate-none\" />\n </span>\n </div>\n );\n}\n\nfunction MessageAttachments(props: {\n attachments: NonNullable<Extract<TranscriptEntry, { kind: \"message\" }>[\"attachments\"]>;\n}) {\n return (\n <div className=\"mt-2 flex max-w-full flex-wrap gap-2\">\n {props.attachments.map((attachment, index) => {\n const key = `${attachment.kind}-${attachment.name ?? attachment.mediaType ?? index}-${index}`;\n if (attachment.kind === \"image\") {\n const src =\n attachment.url ??\n (attachment.data === undefined\n ? undefined\n : `data:${attachment.mediaType ?? \"image/png\"};base64,${attachment.data}`);\n return (\n <div\n className=\"overflow-hidden rounded-lg border border-border/80 bg-card/80\"\n key={key}\n >\n {src === undefined ? (\n <div className=\"grid h-20 w-24 place-items-center px-2 text-center text-xs text-muted-foreground\">\n Image\n </div>\n ) : (\n <img\n alt={attachment.name ?? \"Attached image\"}\n className=\"h-20 w-24 object-cover\"\n src={src}\n />\n )}\n </div>\n );\n }\n return (\n <span\n className=\"inline-flex max-w-full items-center gap-1.5 rounded-lg border border-border/80 bg-card/80 px-2 py-1 text-xs font-medium text-muted-foreground\"\n key={key}\n >\n <span className=\"min-w-0 truncate\">\n {attachment.name ?? attachment.mediaType ?? \"Document\"}\n </span>\n </span>\n );\n })}\n </div>\n );\n}\n\nfunction hasMarkdownTable(text: string): boolean {\n const lines = text.split(\"\\n\");\n return lines.some((line, index) => {\n const next = lines[index + 1];\n return (\n line.includes(\"|\") &&\n next !== undefined &&\n /^\\s*\\|?\\s*:?-{3,}:?\\s*(\\|\\s*:?-{3,}:?\\s*)+\\|?\\s*$/.test(next)\n );\n });\n}\n\nfunction ToolEntry(props: {\n entry: ToolMessage;\n decidingApprovals: Set<string>;\n answeringQuestions: Set<string>;\n onApprovalDecision: (approvalId: string, approved: boolean) => void;\n onQuestionAnswer: (\n questionId: string,\n answers: Array<{ questionId: string; answer: string; choice?: string; custom?: boolean }>,\n ) => void;\n}) {\n const [collapsed, setCollapsed] = useState(\n props.entry.approval?.status !== \"pending\" && props.entry.question?.status !== \"pending\",\n );\n const approval = props.entry.approval;\n const question = props.entry.question;\n const childEvents = props.entry.childEvents ?? [];\n const hasPayload =\n props.entry.args !== undefined ||\n props.entry.result !== undefined ||\n childEvents.length > 0 ||\n approval !== undefined ||\n question !== undefined;\n const pendingApproval = approval?.status === \"pending\";\n const pendingQuestion = question?.status === \"pending\";\n const cancelledInteraction = approval?.status === \"cancelled\" || question?.status === \"cancelled\";\n const rejectedApproval = approval?.status === \"rejected\";\n const timedOutApproval = approval?.status === \"timed_out\";\n const deciding = approval !== undefined && props.decidingApprovals.has(approval.id);\n const answering = question !== undefined && props.answeringQuestions.has(question.id);\n const status = pendingApproval\n ? \"Approval required\"\n : pendingQuestion\n ? \"Input required\"\n : cancelledInteraction\n ? \"Cancelled\"\n : rejectedApproval\n ? \"Rejected\"\n : timedOutApproval\n ? \"Timed out\"\n : props.entry.result === undefined\n ? \"Running\"\n : undefined;\n\n return (\n <article\n className=\"w-full justify-self-start text-foreground\"\n data-entry-id={String(props.entry.entryId)}\n >\n <div className=\"flex min-w-0 items-center gap-2 py-1.5\">\n <Button\n aria-expanded={hasPayload ? !collapsed : undefined}\n aria-label={`${collapsed ? \"Expand\" : \"Collapse\"} ${props.entry.toolName} tool call`}\n className=\"h-auto min-h-8 min-w-0 flex-1 justify-start gap-2 border-0 bg-transparent p-0 text-left text-inherit shadow-none hover:bg-transparent hover:text-inherit\"\n type=\"button\"\n variant=\"ghost\"\n onClick={() => setCollapsed((current) => !current)}\n >\n <span className=\"grid size-6 shrink-0 place-items-center text-muted-foreground\">\n <StudioIcon icon={Wrench} className=\"size-4\" aria-hidden=\"true\" />\n </span>\n <strong className=\"min-w-0 truncate font-mono text-base font-medium text-foreground\">\n {props.entry.toolName}\n </strong>\n {status === undefined ? null : (\n <span className=\"ml-auto inline-flex shrink-0 items-center gap-1.5 text-sm font-normal text-muted-foreground\">\n <span\n className={cn(\n \"size-1.5 rounded-full bg-muted-foreground/60\",\n status === \"Running\" && \"animate-pulse bg-foreground motion-reduce:animate-none\",\n (cancelledInteraction || rejectedApproval || timedOutApproval) &&\n \"bg-destructive\",\n )}\n aria-hidden=\"true\"\n />\n {status}\n </span>\n )}\n {hasPayload ? (\n <span className=\"grid size-6 shrink-0 place-items-center text-muted-foreground\">\n <StudioIcon\n icon={CaretDown}\n className={cn(\"size-4 transition-transform\", collapsed && \"-rotate-90\")}\n aria-hidden=\"true\"\n />\n </span>\n ) : null}\n </Button>\n {pendingApproval && approval !== undefined ? (\n <ToolApprovalActions\n disabled={deciding}\n onDecision={(approved) => props.onApprovalDecision(approval.id, approved)}\n />\n ) : null}\n </div>\n {collapsed || !hasPayload ? null : (\n <div className=\"ml-8 grid gap-3 py-2\">\n {approval === undefined ? null : <ToolApprovalPanel approval={approval} />}\n {question === undefined ? null : (\n <ToolQuestionPanel\n disabled={answering}\n question={question}\n onAnswer={(answers) => props.onQuestionAnswer(question.id, answers)}\n />\n )}\n {question !== undefined || props.entry.args === undefined ? null : (\n <ToolPayload title=\"Input\" value={props.entry.args} />\n )}\n {childEvents.length === 0 ? null : <ChildAgentActivity events={childEvents} />}\n {question !== undefined || props.entry.result === undefined ? null : (\n <ToolPayload title=\"Output\" value={props.entry.result} />\n )}\n </div>\n )}\n </article>\n );\n}\n\nfunction ChildAgentActivity(props: { events: NonNullable<ToolMessage[\"childEvents\"]> }) {\n return (\n <div className=\"overflow-hidden rounded-xl border border-border/80 bg-background/65\">\n <div className=\"bg-muted/20 px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n Subagent activity\n </div>\n <div className=\"grid gap-3 p-3\">\n {props.events.map((event) => {\n const agentLabel = event.agentName ?? event.agentId;\n if (event.kind === \"message\" || event.kind === \"reasoning\") {\n return (\n <div\n className=\"grid gap-1 rounded-xl border border-border/80 bg-card/90 p-3\"\n key={`${event.kind}-${event.agentId}-${event.text}`}\n >\n <div className=\"flex min-w-0 items-center gap-2\">\n <Badge className=\"border-border bg-muted px-1.5 py-0.5 text-xs uppercase text-muted-foreground\">\n {event.kind === \"reasoning\" ? \"Reasoning\" : \"Response\"}\n </Badge>\n <span className=\"min-w-0 truncate text-xs font-semibold text-muted-foreground\">\n {agentLabel}\n </span>\n </div>\n <MarkdownText size=\"base\" text={event.text} />\n </div>\n );\n }\n return (\n <div\n className=\"grid gap-2 rounded-xl border border-border/80 bg-card/90 p-3\"\n key={`${event.kind}-${event.agentId}-${event.toolName}-${event.callId ?? event.args ?? event.result ?? \"\"}`}\n >\n <div className=\"flex min-w-0 items-center gap-2\">\n <Badge className=\"border-border/70 bg-muted/45 px-1.5 py-0.5 text-xs uppercase text-foreground\">\n Tool\n </Badge>\n <span className=\"min-w-0 truncate text-xs font-semibold text-muted-foreground\">\n {agentLabel} / {event.toolName}\n </span>\n </div>\n {event.args === undefined ? null : <ToolPayload title=\"Input\" value={event.args} />}\n {event.result === undefined ? null : (\n <ToolPayload title=\"Output\" value={event.result} />\n )}\n </div>\n );\n })}\n </div>\n </div>\n );\n}\n\nfunction ToolQuestionPanel(props: {\n question: ToolQuestion;\n disabled: boolean;\n onAnswer: (\n answers: Array<{ questionId: string; answer: string; choice?: string; custom?: boolean }>,\n ) => void;\n}) {\n const [values, setValues] = useState<Record<string, QuestionDraft>>({});\n const [activeQuestionIndex, setActiveQuestionIndex] = useState(0);\n const pending = props.question.status === \"pending\";\n const total = props.question.questions.length;\n\n const answers = props.question.questions.map((question) => {\n const draft = values[question.id];\n const customAnswer = draft?.customValue?.trim() ?? \"\";\n const answer = customAnswer.length > 0 ? customAnswer : draft?.answer;\n const normalized: { questionId: string; answer: string; choice?: string; custom?: boolean } = {\n questionId: question.id,\n answer: answer?.trim() ?? \"\",\n };\n if (draft?.choice !== undefined) normalized.choice = draft.choice;\n if (customAnswer.length > 0) normalized.custom = true;\n return normalized;\n });\n const activeIndex = total === 0 ? 0 : Math.min(activeQuestionIndex, total - 1);\n const activeQuestion = props.question.questions[activeIndex];\n const activeAnswer = answers[activeIndex]?.answer ?? \"\";\n const answeredCount = answers.filter((answer) => answer.answer.length > 0).length;\n const canAdvance = activeAnswer.length > 0;\n const canSubmit = pending && answers.every((answer) => answer.answer.length > 0);\n const firstQuestion = activeIndex === 0;\n const lastQuestion = activeIndex >= total - 1;\n\n if (activeQuestion === undefined) {\n return (\n <div className=\"rounded-xl border border-border bg-background p-4 text-sm font-medium text-muted-foreground\">\n No questions\n </div>\n );\n }\n\n const goPrevious = () => setActiveQuestionIndex((current) => Math.max(0, current - 1));\n const goNext = () =>\n setActiveQuestionIndex((current) => Math.min(props.question.questions.length - 1, current + 1));\n const updateDraft = (questionId: string, value: QuestionDraft) =>\n setValues((current) => ({\n ...current,\n [questionId]: value,\n }));\n\n return (\n <div className=\"grid gap-3\">\n {props.question.status === \"cancelled\" ? (\n <div className=\"rounded-xl border border-border/70 bg-muted/25 px-3 py-2.5 text-sm font-medium text-muted-foreground\">\n Question cancelled\n </div>\n ) : null}\n <QuestionPromptControl\n key={activeQuestion.id}\n disabled={props.disabled || !pending}\n index={activeIndex}\n total={total}\n question={activeQuestion}\n value={values[activeQuestion.id]}\n answer={props.question.answers?.find((answer) => answer.questionId === activeQuestion.id)}\n onChange={(value) => updateDraft(activeQuestion.id, value)}\n onAdvance={lastQuestion ? undefined : goNext}\n />\n {pending ? (\n <div className=\"flex min-w-0 items-center justify-between gap-3 rounded-xl bg-muted/20 px-3 py-2\">\n <div className=\"min-w-0 text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n {answeredCount}/{total} answered\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n {firstQuestion ? null : (\n <Button type=\"button\" variant=\"secondary\" onClick={goPrevious}>\n Back\n </Button>\n )}\n {lastQuestion ? (\n <Button\n className=\"h-9 min-h-9 px-4\"\n disabled={props.disabled || !canSubmit}\n type=\"button\"\n onClick={() => props.onAnswer(answers)}\n >\n Submit answers\n </Button>\n ) : (\n <Button\n className=\"h-9 min-h-9 px-4\"\n disabled={props.disabled || !canAdvance}\n type=\"button\"\n onClick={goNext}\n >\n Next question\n </Button>\n )}\n </div>\n </div>\n ) : total > 1 ? (\n <div className=\"flex min-w-0 items-center justify-between gap-3 rounded-xl bg-muted/20 px-3 py-2\">\n <div className=\"min-w-0 text-xs font-semibold uppercase tracking-[0.2em] text-foreground\">\n Answered\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n <Button disabled={firstQuestion} type=\"button\" variant=\"secondary\" onClick={goPrevious}>\n Back\n </Button>\n <Button disabled={lastQuestion} type=\"button\" variant=\"secondary\" onClick={goNext}>\n Next\n </Button>\n </div>\n </div>\n ) : null}\n </div>\n );\n}\n\ntype QuestionDraft = {\n answer?: string;\n choice?: string;\n customValue?: string;\n};\n\nfunction QuestionPromptControl(props: {\n question: ToolQuestion[\"questions\"][number];\n value: QuestionDraft | undefined;\n answer: NonNullable<ToolQuestion[\"answers\"]>[number] | undefined;\n disabled: boolean;\n index: number;\n total: number;\n onChange: (value: QuestionDraft) => void;\n onAdvance: (() => void) | undefined;\n}) {\n const submittedAnswer = props.answer?.answer;\n const draftAnswer = questionDraftAnswer(props.value);\n const state =\n submittedAnswer !== undefined ? \"Answered\" : draftAnswer.length > 0 ? \"Ready\" : \"Waiting\";\n\n return (\n <section className=\"grid gap-4 rounded-xl border border-border/80 bg-background/70 p-4\">\n <div className=\"flex min-w-0 items-start justify-between gap-4\">\n <div className=\"grid min-w-0 gap-2\">\n <div className=\" text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground\">\n Question {props.index + 1} of {props.total}\n </div>\n <h3 className=\"m-0 text-base font-semibold leading-7 text-foreground [overflow-wrap:anywhere]\">\n {props.question.question}\n </h3>\n </div>\n <span\n className={cn(\n \"shrink-0 text-xs font-semibold uppercase tracking-[0.18em]\",\n state === \"Answered\" && \"text-foreground\",\n state === \"Ready\" && \"text-foreground\",\n state === \"Waiting\" && \"text-muted-foreground\",\n )}\n >\n {state}\n </span>\n </div>\n {submittedAnswer === undefined ? null : (\n <div className=\"rounded-lg border border-border/70 bg-muted/45 px-3 py-2 text-sm font-medium text-foreground\">\n {submittedAnswer}\n </div>\n )}\n {submittedAnswer !== undefined ? null : props.question.choices.length > 0 ? (\n <div className=\"flex flex-wrap gap-2\">\n {props.question.choices.map((choice) => {\n const active = props.value?.choice === choice.value;\n return (\n <Button\n key={choice.value}\n className={cn(\"h-8 min-h-8 px-3 text-xs\", active && \"border-foreground/45\")}\n disabled={props.disabled}\n size=\"sm\"\n type=\"button\"\n variant={active ? \"default\" : \"secondary\"}\n onClick={() => {\n props.onChange({\n answer: choice.value,\n choice: choice.value,\n customValue: props.value?.customValue ?? \"\",\n });\n props.onAdvance?.();\n }}\n >\n {choice.label}\n </Button>\n );\n })}\n </div>\n ) : null}\n {submittedAnswer !== undefined ? null : (\n <Textarea\n className=\"min-h-24 text-sm\"\n disabled={props.disabled}\n placeholder=\"Type a custom answer\"\n rows={3}\n value={props.value?.customValue ?? \"\"}\n onChange={(event) =>\n props.onChange({\n ...props.value,\n customValue: event.currentTarget.value,\n })\n }\n />\n )}\n </section>\n );\n}\n\nfunction questionDraftAnswer(value: QuestionDraft | undefined): string {\n const customAnswer = value?.customValue?.trim() ?? \"\";\n return customAnswer.length > 0 ? customAnswer : (value?.answer?.trim() ?? \"\");\n}\n\nfunction ToolApprovalPanel(props: { approval: ToolApproval }) {\n return (\n <div className=\"grid gap-2 rounded-xl border border-border/70 bg-muted/25 px-3 py-2.5\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <Badge\n className={cn(\n \"border-border/70 bg-background/60 px-1.5 py-0.5 text-xs uppercase text-muted-foreground\",\n props.approval.status === \"approved\" && \"text-foreground\",\n props.approval.status === \"rejected\" && \"text-destructive\",\n )}\n >\n Approval\n </Badge>\n <div className=\"min-w-0\">\n <div className=\"text-sm font-medium text-foreground\">{approvalLabel(props.approval)}</div>\n </div>\n </div>\n {props.approval.reason === undefined ? null : (\n <div className=\"text-xs font-medium text-muted-foreground [overflow-wrap:anywhere]\">\n {props.approval.reason}\n </div>\n )}\n </div>\n );\n}\n\nfunction ToolApprovalActions(props: {\n disabled: boolean;\n onDecision: (approved: boolean) => void;\n}) {\n return (\n <div className=\"flex shrink-0 items-center gap-1\">\n <Button\n className=\"h-8 min-h-8 border-0 bg-transparent px-3 text-sm text-muted-foreground shadow-none hover:bg-destructive/10 hover:text-destructive\"\n disabled={props.disabled}\n size=\"sm\"\n type=\"button\"\n variant=\"ghost\"\n onClick={() => props.onDecision(false)}\n >\n Reject\n </Button>\n <Button\n className=\"h-8 min-h-8 px-3 text-sm\"\n disabled={props.disabled}\n size=\"sm\"\n type=\"button\"\n onClick={() => props.onDecision(true)}\n >\n Approve\n </Button>\n </div>\n );\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5],"mappings":"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"}
|
package/dist/ui/index.html
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
|
-
<html lang="en"
|
|
2
|
+
<html lang="en">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
@@ -8,12 +8,23 @@
|
|
|
8
8
|
name="description"
|
|
9
9
|
content="Professional Studio interface for Anvia agents, sessions, tools, knowledge, and traces."
|
|
10
10
|
/>
|
|
11
|
-
<
|
|
12
|
-
|
|
11
|
+
<script>
|
|
12
|
+
(() => {
|
|
13
|
+
try {
|
|
14
|
+
const theme = localStorage.getItem("anvia-studio-theme");
|
|
15
|
+
const dark =
|
|
16
|
+
theme === "dark" ||
|
|
17
|
+
(theme !== "light" && window.matchMedia("(prefers-color-scheme: dark)").matches);
|
|
18
|
+
document.documentElement.classList.toggle("dark", dark);
|
|
19
|
+
document.documentElement.style.colorScheme = dark ? "dark" : "light";
|
|
20
|
+
} catch {}
|
|
21
|
+
})();
|
|
22
|
+
</script>
|
|
23
|
+
<link rel="icon" type="image/svg+xml" href="/ui/assets/favicon.svg" />
|
|
24
|
+
<script type="module" crossorigin src="/ui/assets/index-Bh7RLPBw.js"></script>
|
|
13
25
|
<link rel="modulepreload" crossorigin href="/ui/assets/utils-C9GMruoG.js">
|
|
14
|
-
<link rel="modulepreload" crossorigin href="/ui/assets/chunk-ADH7NNCS-
|
|
15
|
-
<link rel="
|
|
16
|
-
<link rel="stylesheet" crossorigin href="/ui/assets/index-CzSafghW.css">
|
|
26
|
+
<link rel="modulepreload" crossorigin href="/ui/assets/chunk-ADH7NNCS-DM6fsnDI.js">
|
|
27
|
+
<link rel="stylesheet" crossorigin href="/ui/assets/index-D-CbFx6c.css">
|
|
17
28
|
</head>
|
|
18
29
|
<body>
|
|
19
30
|
<div id="anvia-ui" data-ui-path="/ui">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@anvia/studio",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Studio UI and HTTP runtime for Anvia agents.",
|
|
5
5
|
"author": "anvia",
|
|
6
6
|
"maintainer": "Indra Zulfi",
|
|
@@ -26,9 +26,10 @@
|
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
+
"@fontsource-variable/geist": "^5.3.0",
|
|
30
|
+
"@fontsource-variable/geist-mono": "^5.3.0",
|
|
29
31
|
"@hono/node-server": "^2.1.0",
|
|
30
|
-
"@
|
|
31
|
-
"@hugeicons/react": "^1.1.9",
|
|
32
|
+
"@phosphor-icons/react": "^2.1.10",
|
|
32
33
|
"@radix-ui/react-alert-dialog": "^1.1.23",
|
|
33
34
|
"@radix-ui/react-dialog": "^1.1.23",
|
|
34
35
|
"@radix-ui/react-scroll-area": "^1.2.18",
|
|
@@ -43,9 +44,9 @@
|
|
|
43
44
|
"react": "^19.2.8",
|
|
44
45
|
"react-dom": "^19.2.8",
|
|
45
46
|
"tailwind-merge": "^3.6.0",
|
|
46
|
-
"@anvia/
|
|
47
|
-
"@anvia/
|
|
48
|
-
"@anvia/react
|
|
47
|
+
"@anvia/react-ui": "0.7.1",
|
|
48
|
+
"@anvia/server": "0.7.5",
|
|
49
|
+
"@anvia/react": "0.11.5"
|
|
49
50
|
},
|
|
50
51
|
"devDependencies": {
|
|
51
52
|
"@tailwindcss/typography": "^0.5.19",
|
|
@@ -60,7 +61,7 @@
|
|
|
60
61
|
"vite": "^8.0.10",
|
|
61
62
|
"vitest": "^4.0.8",
|
|
62
63
|
"zod": "^4.4.3",
|
|
63
|
-
"@anvia/core": "0.
|
|
64
|
+
"@anvia/core": "0.26.0"
|
|
64
65
|
},
|
|
65
66
|
"peerDependencies": {
|
|
66
67
|
"@anvia/core": ">=0.25.0 <1.0.0"
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{i as e,r as t,s as n,t as r}from"./utils-C9GMruoG.js";import{t as i}from"./badge-D7D2A73-.js";var a=n(e(),1),o=t();function s(e){let[t,n]=(0,a.useState)({});(0,a.useEffect)(()=>{let t=!1;async function r(){let r=await Promise.all(e.agents.map(async e=>{try{let t=await fetch(`/agents/${encodeURIComponent(e.id)}/runtime`);return t.ok?[e.id,await t.json()]:[e.id,void 0]}catch{return[e.id,void 0]}}));t||n(Object.fromEntries(r))}return r(),()=>{t=!0}},[e.agents]);let r=y(e.agents,t);return(0,o.jsxs)(`section`,{className:`grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55`,"aria-label":`Agents`,children:[(0,o.jsx)(`header`,{className:`bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur`,children:(0,o.jsxs)(`div`,{className:`grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1`,children:[(0,o.jsxs)(`div`,{className:`grid min-w-0 gap-2`,children:[(0,o.jsx)(`h1`,{className:`m-0 text-2xl font-semibold leading-none tracking-tight text-foreground`,children:`Studio`}),(0,o.jsx)(`p`,{className:`m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground`,children:`Registered agents and the runtime capabilities exposed to Studio.`})]}),(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start`,children:[(0,o.jsx)(m,{label:`agents`,value:e.agents.length}),(0,o.jsx)(m,{label:`tools`,value:r.tools}),(0,o.jsx)(m,{label:`context`,value:r.context}),(0,o.jsx)(m,{label:`prompts`,value:r.prompts})]})]})}),(0,o.jsx)(`div`,{className:`min-h-0 overflow-auto pb-6 pl-4 pr-6`,children:(0,o.jsx)(`div`,{className:`grid w-full`,children:e.agents.length===0?(0,o.jsx)(`div`,{className:`grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center`,children:(0,o.jsxs)(`div`,{className:`grid max-w-md gap-2`,children:[(0,o.jsx)(`h2`,{className:`m-0 text-base font-semibold text-foreground`,children:`No agents`}),(0,o.jsx)(`p`,{className:`m-0 text-sm leading-6 text-muted-foreground`,children:`Studio has no registered agents to inspect.`})]})}):(0,o.jsx)(c,{agents:e.agents,runtimeByAgentId:t,selectedAgentId:e.selectedAgentId})})})]})}function c(e){return(0,o.jsx)(`div`,{className:`min-w-[980px]`,children:(0,o.jsxs)(`table`,{className:`w-full border-separate border-spacing-0 text-left`,children:[(0,o.jsx)(`thead`,{className:`sticky top-0 z-10 bg-background/95 backdrop-blur`,children:(0,o.jsxs)(`tr`,{children:[(0,o.jsx)(u,{children:`Agent`}),(0,o.jsx)(u,{children:`Model`}),(0,o.jsx)(u,{children:`Runtime`}),(0,o.jsx)(u,{children:`Capabilities`})]})}),(0,o.jsx)(`tbody`,{children:e.agents.map(t=>(0,o.jsx)(l,{agent:t,active:t.id===e.selectedAgentId,runtime:e.runtimeByAgentId[t.id]},t.id))})]})})}function l(e){let t=e.runtime,n=t===void 0?`Runtime unavailable`:t.model===void 0?`No model reported`:b(t.model);return(0,o.jsxs)(`tr`,{children:[(0,o.jsx)(d,{children:(0,o.jsxs)(`div`,{className:`grid min-w-0 gap-1.5`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,o.jsx)(`span`,{className:`min-w-0 truncate text-sm font-semibold text-foreground`,children:e.agent.name??e.agent.id}),e.active?(0,o.jsx)(i,{className:h,children:`selected`}):null]}),(0,o.jsx)(`span`,{className:`min-w-0 break-all text-xs font-medium leading-5 text-muted-foreground`,children:e.agent.id}),(0,o.jsx)(`p`,{className:`m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground`,children:e.agent.description??`No description`})]})}),(0,o.jsx)(d,{children:(0,o.jsx)(`span`,{className:r(`block max-w-[260px] truncate text-sm leading-6`,t===void 0?`text-muted-foreground`:`text-foreground`),title:n,children:n})}),(0,o.jsx)(d,{children:t===void 0?(0,o.jsx)(`span`,{className:`text-sm leading-6 text-muted-foreground`,children:`Waiting for summary`}):(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,o.jsx)(f,{label:`tools`,value:t.toolCount}),(0,o.jsx)(f,{label:`mcp`,value:t.mcpToolCount}),(0,o.jsx)(f,{label:`context`,value:t.staticContextCount+t.dynamicContextCount}),(0,o.jsx)(f,{label:`observers`,value:t.observerCount}),(0,o.jsx)(f,{label:`prompts`,value:e.agent.quickPrompts.length})]})}),(0,o.jsx)(d,{children:t===void 0?(0,o.jsx)(`span`,{className:`text-sm leading-6 text-muted-foreground`,children:`Not loaded`}):(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-wrap gap-2`,children:[(0,o.jsx)(p,{enabled:t.hasMemory,children:`memory`}),(0,o.jsx)(p,{enabled:t.hasHook,children:`hook`}),(0,o.jsx)(p,{enabled:t.hasOutputSchema,children:`schema`}),t.defaultMaxTurns===void 0?null:(0,o.jsxs)(i,{className:v,children:[t.defaultMaxTurns,` turns`]})]})})]})}function u(e){return(0,o.jsx)(`th`,{className:`border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0`,children:e.children})}function d(e){return(0,o.jsx)(`td`,{className:`border-b border-border/70 py-3.5 pr-5 align-top first:pl-0`,children:e.children})}function f(e){return(0,o.jsxs)(`span`,{className:`inline-flex min-h-7 items-center gap-1.5 rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,o.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}function p(e){return(0,o.jsx)(i,{className:e.enabled?g:_,children:e.children})}function m(e){return(0,o.jsxs)(`span`,{className:`inline-flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/45 px-2.5 text-xs font-medium text-muted-foreground`,children:[(0,o.jsx)(`span`,{className:`font-semibold tabular-nums text-foreground`,children:e.value}),e.label]})}var h=`border-border/80 bg-muted/45 text-foreground`,g=`border-border/80 bg-muted/35 text-foreground`,_=`border-transparent bg-transparent text-muted-foreground/60`,v=`border-border/80 bg-muted/35 text-muted-foreground`;function y(e,t){return e.reduce((e,n)=>{let r=t[n.id];return e.prompts+=n.quickPrompts.length,r!==void 0&&(e.tools+=r.toolCount+r.mcpToolCount,e.context+=r.staticContextCount+r.dynamicContextCount),e},{context:0,prompts:0,tools:0})}function b(e){if(e===null)return`null`;if(typeof e==`string`||typeof e==`number`||typeof e==`boolean`)return String(e);if(Array.isArray(e))return`[${e.length}]`;if(typeof e==`object`){let t=x(e,`model`)??x(e,`defaultModel`),n=x(e,`provider`),r=x(e,`id`)??x(e,`name`),i=t??r;return n!==void 0&&i!==void 0&&n!==i?`${n} / ${i}`:i??n??`Custom model`}return``}function x(e,t){let n=e;return typeof n[t]==`string`?n[t]:void 0}export{s as AgentsPage};
|
|
2
|
-
//# sourceMappingURL=agents-page-Bbbg-x2R.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"agents-page-Bbbg-x2R.js","names":[],"sources":["../../../src/ui/app/modules/agents/agents-page.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useState } from \"react\";\nimport type { StudioAgentRuntimeSummary, StudioConfig } from \"../../../../types\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { cn } from \"../../lib/utils\";\n\nexport function AgentsPage(props: { agents: StudioConfig[\"agents\"]; selectedAgentId: string }) {\n const [runtimeByAgentId, setRuntimeByAgentId] = useState<\n Record<string, StudioAgentRuntimeSummary | undefined>\n >({});\n\n useEffect(() => {\n let cancelled = false;\n async function loadRuntimeSummaries() {\n const entries = await Promise.all(\n props.agents.map(async (agent) => {\n try {\n const response = await fetch(`/agents/${encodeURIComponent(agent.id)}/runtime`);\n if (!response.ok) {\n return [agent.id, undefined] as const;\n }\n return [agent.id, (await response.json()) as StudioAgentRuntimeSummary] as const;\n } catch {\n return [agent.id, undefined] as const;\n }\n }),\n );\n if (!cancelled) {\n setRuntimeByAgentId(Object.fromEntries(entries));\n }\n }\n void loadRuntimeSummaries();\n return () => {\n cancelled = true;\n };\n }, [props.agents]);\n\n const totals = registryTotals(props.agents, runtimeByAgentId);\n\n return (\n <section\n className=\"grid min-h-0 grid-rows-[auto_minmax(0,1fr)] overflow-hidden bg-background/55\"\n aria-label=\"Agents\"\n >\n <header className=\"bg-background/70 pb-3 pl-4 pr-6 pt-4 backdrop-blur\">\n <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-end gap-4 max-md:grid-cols-1\">\n <div className=\"grid min-w-0 gap-2\">\n <h1 className=\"m-0 text-2xl font-semibold leading-none tracking-tight text-foreground\">\n Studio\n </h1>\n <p className=\"m-0 max-w-[62ch] text-sm leading-6 text-muted-foreground\">\n Registered agents and the runtime capabilities exposed to Studio.\n </p>\n </div>\n <div className=\"flex min-w-0 flex-wrap justify-end gap-2 max-md:justify-start\">\n <HeaderMetric label=\"agents\" value={props.agents.length} />\n <HeaderMetric label=\"tools\" value={totals.tools} />\n <HeaderMetric label=\"context\" value={totals.context} />\n <HeaderMetric label=\"prompts\" value={totals.prompts} />\n </div>\n </div>\n </header>\n\n <div className=\"min-h-0 overflow-auto pb-6 pl-4 pr-6\">\n <div className=\"grid w-full\">\n {props.agents.length === 0 ? (\n <div className=\"grid min-h-80 place-items-center rounded-xl border border-dashed border-border/80 bg-card/35 px-6 text-center\">\n <div className=\"grid max-w-md gap-2\">\n <h2 className=\"m-0 text-base font-semibold text-foreground\">No agents</h2>\n <p className=\"m-0 text-sm leading-6 text-muted-foreground\">\n Studio has no registered agents to inspect.\n </p>\n </div>\n </div>\n ) : (\n <AgentRegistryTable\n agents={props.agents}\n runtimeByAgentId={runtimeByAgentId}\n selectedAgentId={props.selectedAgentId}\n />\n )}\n </div>\n </div>\n </section>\n );\n}\n\ntype RuntimeByAgentId = Record<string, StudioAgentRuntimeSummary | undefined>;\n\nfunction AgentRegistryTable(props: {\n agents: StudioConfig[\"agents\"];\n runtimeByAgentId: RuntimeByAgentId;\n selectedAgentId: string;\n}) {\n return (\n <div className=\"min-w-[980px]\">\n <table className=\"w-full border-separate border-spacing-0 text-left\">\n <thead className=\"sticky top-0 z-10 bg-background/95 backdrop-blur\">\n <tr>\n <TableHead>Agent</TableHead>\n <TableHead>Model</TableHead>\n <TableHead>Runtime</TableHead>\n <TableHead>Capabilities</TableHead>\n </tr>\n </thead>\n <tbody>\n {props.agents.map((agent) => (\n <AgentRegistryRow\n agent={agent}\n active={agent.id === props.selectedAgentId}\n key={agent.id}\n runtime={props.runtimeByAgentId[agent.id]}\n />\n ))}\n </tbody>\n </table>\n </div>\n );\n}\n\nfunction AgentRegistryRow(props: {\n agent: StudioConfig[\"agents\"][number];\n runtime: StudioAgentRuntimeSummary | undefined;\n active: boolean;\n}) {\n const runtime = props.runtime;\n const modelLabel =\n runtime === undefined\n ? \"Runtime unavailable\"\n : runtime.model === undefined\n ? \"No model reported\"\n : formatModelValue(runtime.model);\n\n return (\n <tr>\n <TableCell>\n <div className=\"grid min-w-0 gap-1.5\">\n <div className=\"flex min-w-0 items-center gap-2\">\n <span className=\"min-w-0 truncate text-sm font-semibold text-foreground\">\n {props.agent.name ?? props.agent.id}\n </span>\n {props.active ? <Badge className={selectedBadge}>selected</Badge> : null}\n </div>\n <span className=\"min-w-0 break-all text-xs font-medium leading-5 text-muted-foreground\">\n {props.agent.id}\n </span>\n <p className=\"m-0 max-w-[64ch] truncate text-sm leading-6 text-muted-foreground\">\n {props.agent.description ?? \"No description\"}\n </p>\n </div>\n </TableCell>\n <TableCell>\n <span\n className={cn(\n \"block max-w-[260px] truncate text-sm leading-6\",\n runtime === undefined ? \"text-muted-foreground\" : \"text-foreground\",\n )}\n title={modelLabel}\n >\n {modelLabel}\n </span>\n </TableCell>\n <TableCell>\n {runtime === undefined ? (\n <span className=\"text-sm leading-6 text-muted-foreground\">Waiting for summary</span>\n ) : (\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <MetricPill label=\"tools\" value={runtime.toolCount} />\n <MetricPill label=\"mcp\" value={runtime.mcpToolCount} />\n <MetricPill\n label=\"context\"\n value={runtime.staticContextCount + runtime.dynamicContextCount}\n />\n <MetricPill label=\"observers\" value={runtime.observerCount} />\n <MetricPill label=\"prompts\" value={props.agent.quickPrompts.length} />\n </div>\n )}\n </TableCell>\n <TableCell>\n {runtime === undefined ? (\n <span className=\"text-sm leading-6 text-muted-foreground\">Not loaded</span>\n ) : (\n <div className=\"flex min-w-0 flex-wrap gap-2\">\n <CapabilityBadge enabled={runtime.hasMemory}>memory</CapabilityBadge>\n <CapabilityBadge enabled={runtime.hasHook}>hook</CapabilityBadge>\n <CapabilityBadge enabled={runtime.hasOutputSchema}>schema</CapabilityBadge>\n {runtime.defaultMaxTurns === undefined ? null : (\n <Badge className={neutralBadge}>{runtime.defaultMaxTurns} turns</Badge>\n )}\n </div>\n )}\n </TableCell>\n </tr>\n );\n}\n\nfunction TableHead(props: { children: string }) {\n return (\n <th className=\"border-b border-border/80 py-2.5 pr-5 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground first:pl-0\">\n {props.children}\n </th>\n );\n}\n\nfunction TableCell(props: { children: ReactNode }) {\n return (\n <td className=\"border-b border-border/70 py-3.5 pr-5 align-top first:pl-0\">{props.children}</td>\n );\n}\n\nfunction MetricPill(props: { label: string; value: number }) {\n return (\n <span className=\"inline-flex min-h-7 items-center gap-1.5 rounded-md bg-muted/25 px-2.5 text-xs font-medium text-muted-foreground\">\n <span className=\"font-semibold tabular-nums text-foreground\">{props.value}</span>\n {props.label}\n </span>\n );\n}\n\nfunction CapabilityBadge(props: { enabled: boolean; children: string }) {\n return <Badge className={props.enabled ? enabledBadge : disabledBadge}>{props.children}</Badge>;\n}\n\nfunction HeaderMetric(props: { label: string; value: number }) {\n return (\n <span className=\"inline-flex h-8 items-center gap-2 rounded-md 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\nconst selectedBadge = \"border-border/80 bg-muted/45 text-foreground\";\nconst enabledBadge = \"border-border/80 bg-muted/35 text-foreground\";\nconst disabledBadge = \"border-transparent bg-transparent text-muted-foreground/60\";\nconst neutralBadge = \"border-border/80 bg-muted/35 text-muted-foreground\";\n\nfunction registryTotals(agents: StudioConfig[\"agents\"], runtimeByAgentId: RuntimeByAgentId) {\n return agents.reduce(\n (totals, agent) => {\n const runtime = runtimeByAgentId[agent.id];\n totals.prompts += agent.quickPrompts.length;\n if (runtime !== undefined) {\n totals.tools += runtime.toolCount + runtime.mcpToolCount;\n totals.context += runtime.staticContextCount + runtime.dynamicContextCount;\n }\n return totals;\n },\n { context: 0, prompts: 0, tools: 0 },\n );\n}\n\nfunction formatModelValue(value: unknown): string {\n if (value === null) {\n return \"null\";\n }\n if (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if (Array.isArray(value)) {\n return `[${value.length}]`;\n }\n if (typeof value === \"object\") {\n const model = objectString(value, \"model\") ?? objectString(value, \"defaultModel\");\n const provider = objectString(value, \"provider\");\n const id = objectString(value, \"id\") ?? objectString(value, \"name\");\n const modelName = model ?? id;\n\n if (provider !== undefined && modelName !== undefined && provider !== modelName) {\n return `${provider} / ${modelName}`;\n }\n return modelName ?? provider ?? \"Custom model\";\n }\n return \"\";\n}\n\nfunction objectString(value: object, key: string): string | undefined {\n const record = value as Record<string, unknown>;\n return typeof record[key] === \"string\" ? record[key] : undefined;\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t,t as n}from"./utils-C9GMruoG.js";var r=t(),i=e(`inline-flex items-center rounded-lg border px-2 py-1 text-xs font-semibold uppercase tracking-[0.12em]`,{variants:{variant:{default:`border-border/80 bg-muted/70 text-muted-foreground`,success:`border-border/80 bg-muted/55 text-foreground`,destructive:`border-destructive/40 bg-destructive/15 text-destructive`}},defaultVariants:{variant:`default`}});function a({className:e,variant:t,...a}){return(0,r.jsx)(`span`,{className:n(i({variant:t,className:e})),...a})}export{a as t};
|
|
2
|
-
//# sourceMappingURL=badge-D7D2A73-.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge-D7D2A73-.js","names":[],"sources":["../../../src/ui/app/components/ui/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n \"inline-flex items-center rounded-lg border px-2 py-1 text-xs font-semibold uppercase tracking-[0.12em]\",\n {\n variants: {\n variant: {\n default: \"border-border/80 bg-muted/70 text-muted-foreground\",\n success: \"border-border/80 bg-muted/55 text-foreground\",\n destructive: \"border-destructive/40 bg-destructive/15 text-destructive\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n },\n);\n\nexport function Badge({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n return <span className={cn(badgeVariants({ variant, className }))} {...props} />;\n}\n"],"mappings":"gEAIM,EAAgB,EACpB,yGACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,qDACT,QAAS,+CACT,YAAa,2DACd,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAED,SAAgB,EAAM,CACpB,YACA,UACA,GAAG,GACiE,CACpE,OAAO,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAG,EAAc,CAAE,UAAS,YAAW,CAAC,CAAC,CAAE,GAAI,EAAS,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e}from"./utils-C9GMruoG.js";import{I as t,L as n,a as r,d as i,f as a,i as o,l as s,o as c,p as l,r as u,rt as d,s as f,u as p}from"./index-CQhv4Ee3.js";var m=e();function h(e){let t=e.evals.find(t=>t.id===e.selectedEvalId)??e.evals[0];return(0,m.jsx)(r,{children:(0,m.jsx)(`div`,{className:`grid min-h-0 min-w-0 pb-6 pr-6`,children:(0,m.jsxs)(f,{className:`grid content-start gap-5 overflow-auto p-6`,children:[(0,m.jsxs)(`header`,{className:`flex min-w-0 items-start justify-between gap-4 border-b border-border/80 pb-5`,children:[(0,m.jsxs)(`div`,{className:`min-w-0`,children:[(0,m.jsx)(`p`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:`Evals`}),(0,m.jsx)(`h1`,{className:`m-0 mt-2 text-2xl font-semibold tracking-tight text-foreground`,children:t?.name??`Eval suite`}),(0,m.jsx)(`p`,{className:`m-0 mt-2 max-w-2xl text-sm leading-6 text-muted-foreground`,children:t?.description??`Inspect eval datasets, metrics, run configuration, and per-case outcomes.`})]}),(0,m.jsx)(g,{disabled:!e.enabled||t===void 0||e.runState===`running`,label:e.runState===`running`?`Running`:`Run`,onRun:e.onRun})]}),(0,m.jsxs)(`div`,{className:`grid gap-5 lg:grid-cols-[340px_minmax(0,1fr)]`,children:[(0,m.jsxs)(`aside`,{className:`grid content-start gap-4 border-r border-border/80 pr-5 max-lg:border-b max-lg:border-r-0 max-lg:pb-5 max-lg:pr-0`,children:[(0,m.jsxs)(`label`,{className:`grid gap-2`,htmlFor:`eval-suite-select`,children:[(0,m.jsx)(`span`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:`Suite`}),(0,m.jsxs)(s,{value:t?.id??``,onValueChange:e.onSelectEval,children:[(0,m.jsx)(a,{id:`eval-suite-select`,className:`h-9 w-full rounded-lg border-border/80 bg-background text-xs hover:border-muted-foreground/60 focus:border-muted-foreground/70 focus:ring-muted-foreground/20`,children:(0,m.jsx)(l,{placeholder:`Select eval`})}),(0,m.jsx)(p,{children:e.evals.map(e=>(0,m.jsx)(i,{value:e.id,children:e.name},e.id))})]})]}),t===void 0?null:(0,m.jsx)(_,{suite:t,enabled:e.enabled})]}),(0,m.jsx)(`main`,{className:`min-w-0`,children:t===void 0?(0,m.jsx)(u,{className:`min-h-0`,title:`No eval suites`,text:`0 eval suite records are available in this Studio runtime.`}):e.result===void 0?(0,m.jsx)(v,{suite:t,enabled:e.enabled,runState:e.runState}):(0,m.jsx)(w,{result:e.result,suite:t})})]})]})})})}function g(e){return(0,m.jsxs)(n,{className:`h-9 shrink-0 gap-1.5 rounded-lg border border-white bg-white px-3 text-sm font-semibold text-black shadow-none hover:border-white hover:bg-white/90 hover:text-black disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3`,disabled:e.disabled,onClick:e.onRun,variant:`ghost`,children:[(0,m.jsx)(t,{icon:d,"aria-hidden":`true`}),e.label]})}function _(e){let t=z(e.suite.metadata),n=e.suite.casePreviewCount??e.suite.casePreviews?.length??0;return(0,m.jsxs)(`div`,{className:`grid gap-4`,children:[(0,m.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,m.jsx)(o,{label:`Cases`,value:String(e.suite.caseCount)}),(0,m.jsx)(o,{label:`Metrics`,value:String(e.suite.metricNames.length)}),(0,m.jsx)(o,{label:`Concurrency`,value:String(e.suite.concurrency??1)}),(0,m.jsx)(o,{label:`Previewed`,value:`${n}/${e.suite.caseCount}`})]}),(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/70 bg-background/45 p-4`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(`h2`,{className:`m-0 text-sm font-semibold text-foreground`,children:`Run readiness`}),(0,m.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:e.enabled?`This suite is available in the current Studio runtime.`:`Eval routes are not available in the current Studio runtime.`})]}),(0,m.jsxs)(`div`,{className:`grid gap-2 text-xs text-muted-foreground`,children:[(0,m.jsx)(A,{label:`Suite id`,value:e.suite.id}),(0,m.jsx)(A,{label:`Metadata keys`,value:t.length>0?t.join(`, `):`None`})]})]})]})}function v(e){return(0,m.jsxs)(`div`,{className:`grid gap-4`,children:[(0,m.jsxs)(`section`,{className:`grid gap-4 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{className:`grid gap-1`,children:[(0,m.jsx)(M,{children:`What this eval tests`}),(0,m.jsx)(`p`,{className:`m-0 max-w-3xl text-sm leading-6 text-foreground`,children:e.suite.description??`This suite has no description. Use the dataset and metric definitions below to inspect coverage before running it.`})]}),(0,m.jsx)(O,{metadata:e.suite.metadata})]}),(0,m.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]`,children:[(0,m.jsx)(y,{suite:e.suite}),(0,m.jsxs)(`div`,{className:`grid content-start gap-4`,children:[(0,m.jsx)(x,{metrics:e.suite.metricSummaries,metricNames:e.suite.metricNames}),(0,m.jsx)(C,{suite:e.suite,enabled:e.enabled,runState:e.runState})]})]})]})}function y(e){let t=e.suite.casePreviews??[];return(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(M,{children:`Dataset preview`}),(0,m.jsxs)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:[`Showing `,t.length,` of `,e.suite.caseCount,` cases.`]})]}),(0,m.jsxs)(`span`,{className:`rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold text-muted-foreground`,children:[e.suite.caseCount,` cases`]})]}),t.length===0?(0,m.jsx)(j,{children:`No dataset preview is available for this suite.`}):(0,m.jsx)(`div`,{className:`grid gap-3`,children:t.map(e=>(0,m.jsx)(b,{testCase:e},e.id))})]})}function b(e){return(0,m.jsxs)(`article`,{className:`grid gap-3 rounded-xl border border-border/70 bg-card/35 p-4`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 items-center justify-between gap-3`,children:[(0,m.jsx)(`h3`,{className:`m-0 truncate text-sm font-semibold text-foreground`,children:e.testCase.id}),e.testCase.metadataKeys===void 0?null:(0,m.jsxs)(`span`,{className:`shrink-0 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:[e.testCase.metadataKeys.length,` metadata`]})]}),(0,m.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[(0,m.jsx)(k,{label:`Input`,value:e.testCase.input,emptyText:`No input preview`}),(0,m.jsx)(k,{label:`Expected`,value:e.testCase.expected,emptyText:`No expected value`})]})]})}function x(e){let t=e.metrics??e.metricNames.map(e=>({name:e}));return(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(M,{children:`Metrics`}),(0,m.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Scoring functions that evaluate every case output.`})]}),t.length===0?(0,m.jsx)(j,{children:`No metrics are configured for this suite.`}):(0,m.jsx)(`div`,{className:`grid gap-2`,children:t.map(e=>(0,m.jsx)(S,{metric:e},e.name))})]})}function S(e){let t=[e.metric.dataType,e.metric.required===!1?`optional`:void 0,e.metric.direction,e.metric.threshold===void 0?void 0:`threshold ${e.metric.threshold}`,e.metric.configId===void 0?void 0:`config ${e.metric.configId}`,e.metric.scoreConfigId===void 0?void 0:`score ${e.metric.scoreConfigId}`,e.metric.metadataKeys===void 0?void 0:`${e.metric.metadataKeys.length} metadata`].filter(Boolean);return(0,m.jsxs)(`div`,{className:`rounded-lg border border-border/70 bg-card/35 px-3 py-3`,children:[(0,m.jsx)(`div`,{className:` text-sm font-semibold text-foreground`,children:e.metric.name}),(0,m.jsx)(`div`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:t.length>0?t.join(` / `):`No metric metadata`})]})}function C(e){return(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(M,{children:`Run configuration`}),(0,m.jsxs)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:[`This run will execute `,e.suite.caseCount,` cases across`,` `,e.suite.metricNames.length,` metrics.`]})]}),(0,m.jsxs)(`div`,{className:`grid gap-2 text-xs text-muted-foreground`,children:[(0,m.jsx)(A,{label:`Concurrency`,value:String(e.suite.concurrency??1)}),(0,m.jsx)(A,{label:`Status`,value:e.enabled?e.runState:`Unavailable`})]})]})}function w(e){let t=P(e.result.result),n=Array.isArray(t.results)?t.results:[];return(0,m.jsxs)(`article`,{className:`grid gap-4`,children:[(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-3`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(M,{children:`Run summary`}),(0,m.jsxs)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:[e.result.runId,` / `,new Date(e.result.startedAt).toLocaleTimeString()]})]}),(0,m.jsx)(`span`,{className:`rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.suite.name})]}),(0,m.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-4`,children:[(0,m.jsx)(o,{label:`Passed`,value:String(t.cases?.passed??0)}),(0,m.jsx)(o,{label:`Failed`,value:String(t.cases?.failed??0)}),(0,m.jsx)(o,{label:`Invalid`,value:String(t.cases?.invalid??0)}),(0,m.jsx)(o,{label:`Duration`,value:`${t.durationMs??e.result.durationMs}ms`})]})]}),(0,m.jsxs)(`section`,{className:`grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-3`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(M,{children:`Case results`}),(0,m.jsx)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:`Each case shows the prompt, expected answer, model output, then metric judgments.`})]}),(0,m.jsxs)(`span`,{className:`rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold text-muted-foreground`,children:[n.length,` cases`]})]}),n.length===0?(0,m.jsx)(j,{children:`No per-case results were returned by this eval run.`}):(0,m.jsx)(`div`,{className:`grid gap-4`,children:n.map((e,t)=>(0,m.jsx)(T,{index:t,result:e},F(e,t)))})]}),(0,m.jsx)(N,{title:`Raw result`,value:e.result.result})]})}function T(e){let t=V(e.result.case)?e.result.case:{},n=Array.isArray(e.result.metrics)?e.result.metrics:[],r=typeof t.id==`string`?t.id:`case-${e.index+1}`,i=I(n),a=e.result.outcome===`pass`||e.result.outcome===`fail`||e.result.outcome===`invalid`?e.result.outcome:L(i);return(0,m.jsxs)(`article`,{className:`overflow-hidden rounded-xl border border-border/70 bg-card/35`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-start justify-between gap-4 border-b border-border/70 bg-background/35 px-4 py-4`,children:[(0,m.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[(0,m.jsx)(`span`,{className:`flex h-7 min-w-7 items-center justify-center rounded-lg border border-border/80 bg-card/70 text-xs font-semibold text-muted-foreground`,children:e.index+1}),(0,m.jsxs)(`div`,{className:`min-w-0`,children:[(0,m.jsx)(`h3`,{className:`m-0 truncate text-base font-semibold text-foreground`,children:r}),(0,m.jsxs)(`p`,{className:`m-0 mt-1 text-xs leading-5 text-muted-foreground`,children:[n.length,` metric outcomes / `,i.passed,` pass / `,i.failed,` fail /`,` `,i.invalid,` invalid`]})]})]}),(0,m.jsx)(D,{children:a})]}),(0,m.jsxs)(`div`,{className:`grid gap-4 p-4`,children:[(0,m.jsxs)(`section`,{className:`grid gap-3`,children:[(0,m.jsx)(M,{children:`Test case`}),(0,m.jsxs)(`div`,{className:`grid gap-3 xl:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]`,children:[(0,m.jsx)(k,{label:`Input`,value:t.input,emptyText:`No input`}),(0,m.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2 xl:grid-cols-1`,children:[(0,m.jsx)(k,{label:`Expected`,value:t.expected,emptyText:`No expected value`}),(0,m.jsx)(k,{label:`Output`,value:e.result.output,emptyText:`No output`})]})]})]}),e.result.targetError===void 0?null:(0,m.jsx)(k,{label:`Target error`,value:e.result.targetError,emptyText:`No target error`}),(0,m.jsxs)(`section`,{className:`grid gap-3`,children:[(0,m.jsx)(M,{children:`Metric judgments`}),n.length===0?(0,m.jsx)(j,{children:`No metric results were returned for this case.`}):(0,m.jsxs)(`div`,{className:`overflow-hidden rounded-lg border border-border/70 bg-background/45`,children:[(0,m.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_96px_96px] gap-3 border-b border-border/70 px-3 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:[(0,m.jsx)(`span`,{children:`Metric`}),(0,m.jsx)(`span`,{children:`Score`}),(0,m.jsx)(`span`,{className:`text-right`,children:`Status`})]}),(0,m.jsx)(`div`,{className:`grid`,children:n.map((e,t)=>(0,m.jsx)(E,{index:t,metric:e},R(e)))})]})]})]})]})}function E(e){let t=V(e.metric.outcome)?e.metric.outcome:{},n=typeof t.outcome==`string`?t.outcome:`unknown`,r=Array.isArray(e.metric.reporterErrors)?e.metric.reporterErrors:[];return(0,m.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_96px_96px] gap-3 border-b border-border/60 px-3 py-3 last:border-b-0`,children:[(0,m.jsxs)(`div`,{className:`min-w-0`,children:[(0,m.jsx)(`div`,{className:`truncate text-sm font-semibold text-foreground`,children:e.metric.metricName??`metric-${e.index+1}`}),(0,m.jsx)(`div`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:typeof t.comment==`string`?t.comment:typeof t.reason==`string`?t.reason:`No comment`}),(0,m.jsx)(`div`,{className:`mt-1 text-xs leading-5 text-muted-foreground`,children:[e.metric.required===!1?`optional`:`required`,e.metric.direction,e.metric.threshold===void 0?void 0:`threshold ${e.metric.threshold}`].filter(Boolean).join(` / `)}),r.length>0?(0,m.jsx)(`pre`,{className:`m-0 mt-2 whitespace-pre-wrap break-words rounded-md border border-border/70 bg-card/45 p-2 text-xs leading-5 text-muted-foreground`,children:B(r)}):null]}),(0,m.jsx)(`div`,{className:` text-xs leading-6 text-foreground`,children:`score`in t?B(t.score):`n/a`}),(0,m.jsx)(`div`,{className:`flex justify-end`,children:(0,m.jsx)(D,{children:n})})]})}function D(e){return(0,m.jsx)(c,{className:`h-7 rounded-md bg-card/70 text-foreground`,children:e.children})}function O(e){let t=V(e.metadata)?Object.entries(e.metadata):[];return t.length===0?(0,m.jsx)(j,{children:`No suite metadata was provided.`}):(0,m.jsxs)(`div`,{className:`grid gap-2 rounded-xl border border-border/70 bg-card/35 p-4`,children:[(0,m.jsx)(M,{children:`Suite metadata`}),(0,m.jsx)(`div`,{className:`grid gap-2 text-xs text-muted-foreground`,children:t.map(([e,t])=>(0,m.jsx)(A,{label:e,value:B(t)},e))})]})}function k(e){let t=e.value!==void 0;return(0,m.jsxs)(`div`,{className:`min-w-0 rounded-lg border border-border/70 bg-background/45 p-3`,children:[(0,m.jsx)(`div`,{className:` text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground`,children:e.label}),(0,m.jsx)(`pre`,{className:`m-0 mt-2 whitespace-pre-wrap break-words text-xs leading-5 text-foreground`,children:t?B(e.value):e.emptyText})]})}function A(e){return(0,m.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,m.jsx)(`span`,{className:`shrink-0 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground`,children:e.label}),(0,m.jsx)(`span`,{className:`min-w-0 break-words text-right text-xs text-foreground`,children:e.value})]})}function j(e){return(0,m.jsx)(`div`,{className:`rounded-lg border border-border/70 bg-card/35 p-3 text-sm leading-6 text-muted-foreground`,children:e.children})}function M(e){return(0,m.jsx)(`h2`,{className:`m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.children})}function N(e){return(0,m.jsxs)(`details`,{className:`rounded-xl border border-border/80 bg-background/45 p-5`,children:[(0,m.jsx)(`summary`,{className:`cursor-pointer text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground`,children:e.title}),(0,m.jsx)(`pre`,{className:`mt-3 max-h-[45vh] overflow-auto whitespace-pre-wrap break-words rounded-lg border border-border/70 bg-card/35 p-3 text-xs leading-5 text-foreground`,children:B(e.value)})]})}function P(e){return V(e)?e:{}}function F(e,t){let n=V(e.case)?e.case:{};return typeof n.id==`string`?n.id:`case-${t+1}`}function I(e){return e.reduce((e,t)=>{let n=V(t.outcome)?t.outcome.outcome:void 0;return n===`pass`&&(e.passed+=1),n===`fail`&&(e.failed+=1),n===`invalid`&&(e.invalid+=1),e},{passed:0,failed:0,invalid:0})}function L(e){return e.failed>0?`fail`:e.invalid>0?`invalid`:e.passed>0?`pass`:`unknown`}function R(e){return typeof e.metricName==`string`&&e.metricName.length>0?e.metricName:B(e)}function z(e){return V(e)?Object.keys(e).filter(t=>e[t]!==void 0):[]}function B(e){if(typeof e==`string`)return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function V(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}export{h as EvalsPage};
|
|
2
|
-
//# sourceMappingURL=evals-page-qETOz5hz.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"evals-page-qETOz5hz.js","names":[],"sources":["../../../src/ui/app/modules/evals/evals-page.tsx"],"sourcesContent":["import { PlayIcon } from \"@hugeicons/core-free-icons\";\nimport type React from \"react\";\nimport type {\n StudioEvalCasePreview,\n StudioEvalMetricSummary,\n StudioEvalRunResponse,\n StudioEvalSuiteConfig,\n} from \"../../../../types\";\nimport { Button } from \"../../components/ui/button\";\nimport { StudioIcon } from \"../../components/ui/icon\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"../../components/ui/select\";\nimport {\n StudioEmptyState,\n StudioMetric,\n StudioPageShell,\n StudioStatusBadge,\n StudioSurface,\n} from \"../../components/ui/studio\";\n\nexport function EvalsPage(props: {\n evals: StudioEvalSuiteConfig[];\n selectedEvalId: string;\n enabled: boolean;\n runState: \"idle\" | \"running\";\n result: StudioEvalRunResponse | undefined;\n onSelectEval: (evalId: string) => void;\n onRun: () => void;\n}) {\n const selected = props.evals.find((suite) => suite.id === props.selectedEvalId) ?? props.evals[0];\n\n return (\n <StudioPageShell>\n <div className=\"grid min-h-0 min-w-0 pb-6 pr-6\">\n <StudioSurface className=\"grid content-start gap-5 overflow-auto p-6\">\n <header className=\"flex min-w-0 items-start justify-between gap-4 border-b border-border/80 pb-5\">\n <div className=\"min-w-0\">\n <p className=\"m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n Evals\n </p>\n <h1 className=\"m-0 mt-2 text-2xl font-semibold tracking-tight text-foreground\">\n {selected?.name ?? \"Eval suite\"}\n </h1>\n <p className=\"m-0 mt-2 max-w-2xl text-sm leading-6 text-muted-foreground\">\n {selected?.description ??\n \"Inspect eval datasets, metrics, run configuration, and per-case outcomes.\"}\n </p>\n </div>\n <RunButton\n disabled={!props.enabled || selected === undefined || props.runState === \"running\"}\n label={props.runState === \"running\" ? \"Running\" : \"Run\"}\n onRun={props.onRun}\n />\n </header>\n\n <div className=\"grid gap-5 lg:grid-cols-[340px_minmax(0,1fr)]\">\n <aside className=\"grid content-start gap-4 border-r border-border/80 pr-5 max-lg:border-b max-lg:border-r-0 max-lg:pb-5 max-lg:pr-0\">\n <label className=\"grid gap-2\" htmlFor=\"eval-suite-select\">\n <span className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n Suite\n </span>\n <Select value={selected?.id ?? \"\"} onValueChange={props.onSelectEval}>\n <SelectTrigger\n id=\"eval-suite-select\"\n className=\"h-9 w-full rounded-lg border-border/80 bg-background text-xs hover:border-muted-foreground/60 focus:border-muted-foreground/70 focus:ring-muted-foreground/20\"\n >\n <SelectValue placeholder=\"Select eval\" />\n </SelectTrigger>\n <SelectContent>\n {props.evals.map((suite) => (\n <SelectItem key={suite.id} value={suite.id}>\n {suite.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </label>\n\n {selected === undefined ? null : (\n <SuiteOverview suite={selected} enabled={props.enabled} />\n )}\n </aside>\n\n <main className=\"min-w-0\">\n {selected === undefined ? (\n <StudioEmptyState\n className=\"min-h-0\"\n title=\"No eval suites\"\n text=\"0 eval suite records are available in this Studio runtime.\"\n />\n ) : props.result === undefined ? (\n <BeforeRun suite={selected} enabled={props.enabled} runState={props.runState} />\n ) : (\n <EvalResult result={props.result} suite={selected} />\n )}\n </main>\n </div>\n </StudioSurface>\n </div>\n </StudioPageShell>\n );\n}\n\nfunction RunButton(props: { disabled: boolean; label: string; onRun: () => void }) {\n return (\n <Button\n className=\"h-9 shrink-0 gap-1.5 rounded-lg border border-white bg-white px-3 text-sm font-semibold text-black shadow-none hover:border-white hover:bg-white/90 hover:text-black disabled:border-border disabled:bg-muted disabled:text-muted-foreground [&_svg]:!size-3\"\n disabled={props.disabled}\n onClick={props.onRun}\n variant=\"ghost\"\n >\n <StudioIcon icon={PlayIcon} aria-hidden=\"true\" />\n {props.label}\n </Button>\n );\n}\n\nfunction SuiteOverview(props: { suite: StudioEvalSuiteConfig; enabled: boolean }) {\n const metadataKeys = objectKeys(props.suite.metadata);\n const previewCount = props.suite.casePreviewCount ?? props.suite.casePreviews?.length ?? 0;\n\n return (\n <div className=\"grid gap-4\">\n <div className=\"grid grid-cols-2 gap-2\">\n <StudioMetric label=\"Cases\" value={String(props.suite.caseCount)} />\n <StudioMetric label=\"Metrics\" value={String(props.suite.metricNames.length)} />\n <StudioMetric label=\"Concurrency\" value={String(props.suite.concurrency ?? 1)} />\n <StudioMetric label=\"Previewed\" value={`${previewCount}/${props.suite.caseCount}`} />\n </div>\n\n <section className=\"grid gap-3 rounded-xl border border-border/70 bg-background/45 p-4\">\n <div>\n <h2 className=\"m-0 text-sm font-semibold text-foreground\">Run readiness</h2>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n {props.enabled\n ? \"This suite is available in the current Studio runtime.\"\n : \"Eval routes are not available in the current Studio runtime.\"}\n </p>\n </div>\n <div className=\"grid gap-2 text-xs text-muted-foreground\">\n <KeyValue label=\"Suite id\" value={props.suite.id} />\n <KeyValue\n label=\"Metadata keys\"\n value={metadataKeys.length > 0 ? metadataKeys.join(\", \") : \"None\"}\n />\n </div>\n </section>\n </div>\n );\n}\n\nfunction BeforeRun(props: {\n suite: StudioEvalSuiteConfig;\n enabled: boolean;\n runState: \"idle\" | \"running\";\n}) {\n return (\n <div className=\"grid gap-4\">\n <section className=\"grid gap-4 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div className=\"grid gap-1\">\n <SectionLabel>What this eval tests</SectionLabel>\n <p className=\"m-0 max-w-3xl text-sm leading-6 text-foreground\">\n {props.suite.description ??\n \"This suite has no description. Use the dataset and metric definitions below to inspect coverage before running it.\"}\n </p>\n </div>\n <MetadataBlock metadata={props.suite.metadata} />\n </section>\n\n <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(320px,0.65fr)]\">\n <DatasetPreview suite={props.suite} />\n <div className=\"grid content-start gap-4\">\n <MetricsPanel\n metrics={props.suite.metricSummaries}\n metricNames={props.suite.metricNames}\n />\n <RunSetup suite={props.suite} enabled={props.enabled} runState={props.runState} />\n </div>\n </div>\n </div>\n );\n}\n\nfunction DatasetPreview(props: { suite: StudioEvalSuiteConfig }) {\n const previews = props.suite.casePreviews ?? [];\n\n return (\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div className=\"flex items-start justify-between gap-3\">\n <div>\n <SectionLabel>Dataset preview</SectionLabel>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n Showing {previews.length} of {props.suite.caseCount} cases.\n </p>\n </div>\n <span className=\"rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold text-muted-foreground\">\n {props.suite.caseCount} cases\n </span>\n </div>\n\n {previews.length === 0 ? (\n <MutedPanel>No dataset preview is available for this suite.</MutedPanel>\n ) : (\n <div className=\"grid gap-3\">\n {previews.map((testCase) => (\n <CasePreviewCard key={testCase.id} testCase={testCase} />\n ))}\n </div>\n )}\n </section>\n );\n}\n\nfunction CasePreviewCard(props: { testCase: StudioEvalCasePreview }) {\n return (\n <article className=\"grid gap-3 rounded-xl border border-border/70 bg-card/35 p-4\">\n <div className=\"flex min-w-0 items-center justify-between gap-3\">\n <h3 className=\"m-0 truncate text-sm font-semibold text-foreground\">{props.testCase.id}</h3>\n {props.testCase.metadataKeys === undefined ? null : (\n <span className=\"shrink-0 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n {props.testCase.metadataKeys.length} metadata\n </span>\n )}\n </div>\n <div className=\"grid gap-3 md:grid-cols-2\">\n <ValuePanel label=\"Input\" value={props.testCase.input} emptyText=\"No input preview\" />\n <ValuePanel\n label=\"Expected\"\n value={props.testCase.expected}\n emptyText=\"No expected value\"\n />\n </div>\n </article>\n );\n}\n\nfunction MetricsPanel(props: {\n metrics: StudioEvalMetricSummary[] | undefined;\n metricNames: string[];\n}) {\n const metrics =\n props.metrics ??\n props.metricNames.map(\n (name): StudioEvalMetricSummary => ({\n name,\n }),\n );\n\n return (\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div>\n <SectionLabel>Metrics</SectionLabel>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n Scoring functions that evaluate every case output.\n </p>\n </div>\n {metrics.length === 0 ? (\n <MutedPanel>No metrics are configured for this suite.</MutedPanel>\n ) : (\n <div className=\"grid gap-2\">\n {metrics.map((metric) => (\n <MetricSummaryRow key={metric.name} metric={metric} />\n ))}\n </div>\n )}\n </section>\n );\n}\n\nfunction MetricSummaryRow(props: { metric: StudioEvalMetricSummary }) {\n const details = [\n props.metric.dataType,\n props.metric.required === false ? \"optional\" : undefined,\n props.metric.direction,\n props.metric.threshold === undefined ? undefined : `threshold ${props.metric.threshold}`,\n props.metric.configId === undefined ? undefined : `config ${props.metric.configId}`,\n props.metric.scoreConfigId === undefined ? undefined : `score ${props.metric.scoreConfigId}`,\n props.metric.metadataKeys === undefined\n ? undefined\n : `${props.metric.metadataKeys.length} metadata`,\n ].filter(Boolean);\n\n return (\n <div className=\"rounded-lg border border-border/70 bg-card/35 px-3 py-3\">\n <div className=\" text-sm font-semibold text-foreground\">{props.metric.name}</div>\n <div className=\"mt-1 text-xs leading-5 text-muted-foreground\">\n {details.length > 0 ? details.join(\" / \") : \"No metric metadata\"}\n </div>\n </div>\n );\n}\n\nfunction RunSetup(props: {\n suite: StudioEvalSuiteConfig;\n enabled: boolean;\n runState: \"idle\" | \"running\";\n}) {\n return (\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div>\n <SectionLabel>Run configuration</SectionLabel>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n This run will execute {props.suite.caseCount} cases across{\" \"}\n {props.suite.metricNames.length} metrics.\n </p>\n </div>\n <div className=\"grid gap-2 text-xs text-muted-foreground\">\n <KeyValue label=\"Concurrency\" value={String(props.suite.concurrency ?? 1)} />\n <KeyValue label=\"Status\" value={props.enabled ? props.runState : \"Unavailable\"} />\n </div>\n </section>\n );\n}\n\nfunction EvalResult(props: { result: StudioEvalRunResponse; suite: StudioEvalSuiteConfig }) {\n const result = runResult(props.result.result);\n const cases = Array.isArray(result.results) ? result.results : [];\n\n return (\n <article className=\"grid gap-4\">\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div className=\"flex min-w-0 flex-wrap items-start justify-between gap-3\">\n <div>\n <SectionLabel>Run summary</SectionLabel>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n {props.result.runId} / {new Date(props.result.startedAt).toLocaleTimeString()}\n </p>\n </div>\n <span className=\"rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n {props.suite.name}\n </span>\n </div>\n <div className=\"grid gap-2 sm:grid-cols-4\">\n <StudioMetric label=\"Passed\" value={String(result.cases?.passed ?? 0)} />\n <StudioMetric label=\"Failed\" value={String(result.cases?.failed ?? 0)} />\n <StudioMetric label=\"Invalid\" value={String(result.cases?.invalid ?? 0)} />\n <StudioMetric\n label=\"Duration\"\n value={`${result.durationMs ?? props.result.durationMs}ms`}\n />\n </div>\n </section>\n\n <section className=\"grid gap-3 rounded-xl border border-border/80 bg-background/45 p-5\">\n <div className=\"flex min-w-0 flex-wrap items-start justify-between gap-3\">\n <div>\n <SectionLabel>Case results</SectionLabel>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n Each case shows the prompt, expected answer, model output, then metric judgments.\n </p>\n </div>\n <span className=\"rounded-lg border border-border/80 bg-card/60 px-2.5 py-1 text-xs font-semibold text-muted-foreground\">\n {cases.length} cases\n </span>\n </div>\n {cases.length === 0 ? (\n <MutedPanel>No per-case results were returned by this eval run.</MutedPanel>\n ) : (\n <div className=\"grid gap-4\">\n {cases.map((testCase, index) => (\n <CaseResultCard\n index={index}\n key={caseResultKey(testCase, index)}\n result={testCase}\n />\n ))}\n </div>\n )}\n </section>\n\n <RawDetails title=\"Raw result\" value={props.result.result} />\n </article>\n );\n}\n\nfunction CaseResultCard(props: { index: number; result: EvalCaseRunResult }) {\n const testCase = isRecord(props.result.case) ? props.result.case : {};\n const metrics = Array.isArray(props.result.metrics) ? props.result.metrics : [];\n const caseId = typeof testCase.id === \"string\" ? testCase.id : `case-${props.index + 1}`;\n const counts = metricOutcomeCounts(metrics);\n const primaryStatus =\n props.result.outcome === \"pass\" ||\n props.result.outcome === \"fail\" ||\n props.result.outcome === \"invalid\"\n ? props.result.outcome\n : casePrimaryStatus(counts);\n\n return (\n <article className=\"overflow-hidden rounded-xl border border-border/70 bg-card/35\">\n <div className=\"flex min-w-0 flex-wrap items-start justify-between gap-4 border-b border-border/70 bg-background/35 px-4 py-4\">\n <div className=\"flex min-w-0 items-start gap-3\">\n <span className=\"flex h-7 min-w-7 items-center justify-center rounded-lg border border-border/80 bg-card/70 text-xs font-semibold text-muted-foreground\">\n {props.index + 1}\n </span>\n <div className=\"min-w-0\">\n <h3 className=\"m-0 truncate text-base font-semibold text-foreground\">{caseId}</h3>\n <p className=\"m-0 mt-1 text-xs leading-5 text-muted-foreground\">\n {metrics.length} metric outcomes / {counts.passed} pass / {counts.failed} fail /{\" \"}\n {counts.invalid} invalid\n </p>\n </div>\n </div>\n <StatusBadge>{primaryStatus}</StatusBadge>\n </div>\n\n <div className=\"grid gap-4 p-4\">\n <section className=\"grid gap-3\">\n <SectionLabel>Test case</SectionLabel>\n <div className=\"grid gap-3 xl:grid-cols-[minmax(0,1.15fr)_minmax(0,0.85fr)]\">\n <ValuePanel label=\"Input\" value={testCase.input} emptyText=\"No input\" />\n <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-1\">\n <ValuePanel\n label=\"Expected\"\n value={testCase.expected}\n emptyText=\"No expected value\"\n />\n <ValuePanel label=\"Output\" value={props.result.output} emptyText=\"No output\" />\n </div>\n </div>\n </section>\n\n {props.result.targetError === undefined ? null : (\n <ValuePanel\n label=\"Target error\"\n value={props.result.targetError}\n emptyText=\"No target error\"\n />\n )}\n\n <section className=\"grid gap-3\">\n <SectionLabel>Metric judgments</SectionLabel>\n {metrics.length === 0 ? (\n <MutedPanel>No metric results were returned for this case.</MutedPanel>\n ) : (\n <div className=\"overflow-hidden rounded-lg border border-border/70 bg-background/45\">\n <div className=\"grid grid-cols-[minmax(0,1fr)_96px_96px] gap-3 border-b border-border/70 px-3 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n <span>Metric</span>\n <span>Score</span>\n <span className=\"text-right\">Status</span>\n </div>\n <div className=\"grid\">\n {metrics.map((metric, index) => (\n <MetricOutcomeRow index={index} key={metricOutcomeKey(metric)} metric={metric} />\n ))}\n </div>\n </div>\n )}\n </section>\n </div>\n </article>\n );\n}\n\nfunction MetricOutcomeRow(props: { index: number; metric: EvalMetricRunResult }) {\n const outcome = isRecord(props.metric.outcome) ? props.metric.outcome : {};\n const status = typeof outcome.outcome === \"string\" ? outcome.outcome : \"unknown\";\n const reporterErrors = Array.isArray(props.metric.reporterErrors)\n ? props.metric.reporterErrors\n : [];\n\n return (\n <div className=\"grid grid-cols-[minmax(0,1fr)_96px_96px] gap-3 border-b border-border/60 px-3 py-3 last:border-b-0\">\n <div className=\"min-w-0\">\n <div className=\"truncate text-sm font-semibold text-foreground\">\n {props.metric.metricName ?? `metric-${props.index + 1}`}\n </div>\n <div className=\"mt-1 text-xs leading-5 text-muted-foreground\">\n {typeof outcome.comment === \"string\"\n ? outcome.comment\n : typeof outcome.reason === \"string\"\n ? outcome.reason\n : \"No comment\"}\n </div>\n <div className=\"mt-1 text-xs leading-5 text-muted-foreground\">\n {[\n props.metric.required === false ? \"optional\" : \"required\",\n props.metric.direction,\n props.metric.threshold === undefined\n ? undefined\n : `threshold ${props.metric.threshold}`,\n ]\n .filter(Boolean)\n .join(\" / \")}\n </div>\n {reporterErrors.length > 0 ? (\n <pre className=\"m-0 mt-2 whitespace-pre-wrap break-words rounded-md border border-border/70 bg-card/45 p-2 text-xs leading-5 text-muted-foreground\">\n {formatValue(reporterErrors)}\n </pre>\n ) : null}\n </div>\n <div className=\" text-xs leading-6 text-foreground\">\n {\"score\" in outcome ? formatValue(outcome.score) : \"n/a\"}\n </div>\n <div className=\"flex justify-end\">\n <StatusBadge>{status}</StatusBadge>\n </div>\n </div>\n );\n}\n\nfunction StatusBadge(props: { children: React.ReactNode }) {\n return (\n <StudioStatusBadge className=\"h-7 rounded-md bg-card/70 text-foreground\">\n {props.children}\n </StudioStatusBadge>\n );\n}\n\nfunction MetadataBlock(props: { metadata: unknown }) {\n const entries = isRecord(props.metadata) ? Object.entries(props.metadata) : [];\n if (entries.length === 0) {\n return <MutedPanel>No suite metadata was provided.</MutedPanel>;\n }\n\n return (\n <div className=\"grid gap-2 rounded-xl border border-border/70 bg-card/35 p-4\">\n <SectionLabel>Suite metadata</SectionLabel>\n <div className=\"grid gap-2 text-xs text-muted-foreground\">\n {entries.map(([key, value]) => (\n <KeyValue key={key} label={key} value={formatValue(value)} />\n ))}\n </div>\n </div>\n );\n}\n\nfunction ValuePanel(props: { label: string; value: unknown; emptyText: string }) {\n const hasValue = props.value !== undefined;\n\n return (\n <div className=\"min-w-0 rounded-lg border border-border/70 bg-background/45 p-3\">\n <div className=\" text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n {props.label}\n </div>\n <pre className=\"m-0 mt-2 whitespace-pre-wrap break-words text-xs leading-5 text-foreground\">\n {hasValue ? formatValue(props.value) : props.emptyText}\n </pre>\n </div>\n );\n}\n\nfunction KeyValue(props: { label: string; value: string }) {\n return (\n <div className=\"flex min-w-0 items-start justify-between gap-3\">\n <span className=\"shrink-0 text-xs font-semibold uppercase tracking-[0.12em] text-muted-foreground\">\n {props.label}\n </span>\n <span className=\"min-w-0 break-words text-right text-xs text-foreground\">{props.value}</span>\n </div>\n );\n}\n\nfunction MutedPanel(props: { children: React.ReactNode }) {\n return (\n <div className=\"rounded-lg border border-border/70 bg-card/35 p-3 text-sm leading-6 text-muted-foreground\">\n {props.children}\n </div>\n );\n}\n\nfunction SectionLabel(props: { children: React.ReactNode }) {\n return (\n <h2 className=\"m-0 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n {props.children}\n </h2>\n );\n}\n\nfunction RawDetails(props: { title: string; value: unknown }) {\n return (\n <details className=\"rounded-xl border border-border/80 bg-background/45 p-5\">\n <summary className=\"cursor-pointer text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n {props.title}\n </summary>\n <pre className=\"mt-3 max-h-[45vh] overflow-auto whitespace-pre-wrap break-words rounded-lg border border-border/70 bg-card/35 p-3 text-xs leading-5 text-foreground\">\n {formatValue(props.value)}\n </pre>\n </details>\n );\n}\n\ntype EvalSuiteRunResult = {\n metrics?: EvalRunTotals;\n cases?: EvalRunTotals;\n durationMs?: number;\n results?: EvalCaseRunResult[];\n};\n\ntype EvalRunTotals = {\n total?: number;\n passed?: number;\n failed?: number;\n invalid?: number;\n};\n\ntype EvalCaseRunResult = {\n case?: unknown;\n outcome?: string;\n output?: unknown;\n targetError?: unknown;\n metrics?: EvalMetricRunResult[];\n};\n\ntype EvalMetricRunResult = {\n metricName?: string;\n required?: boolean;\n direction?: \"higher_is_better\" | \"lower_is_better\";\n threshold?: number;\n outcome?: unknown;\n reporterErrors?: unknown[];\n};\n\nfunction runResult(value: unknown): EvalSuiteRunResult {\n return isRecord(value) ? (value as EvalSuiteRunResult) : {};\n}\n\nfunction caseResultKey(result: EvalCaseRunResult, index: number): string {\n const testCase = isRecord(result.case) ? result.case : {};\n return typeof testCase.id === \"string\" ? testCase.id : `case-${index + 1}`;\n}\n\nfunction metricOutcomeCounts(metrics: EvalMetricRunResult[]): {\n passed: number;\n failed: number;\n invalid: number;\n} {\n return metrics.reduce(\n (counts, metric) => {\n const outcome = isRecord(metric.outcome) ? metric.outcome.outcome : undefined;\n if (outcome === \"pass\") {\n counts.passed += 1;\n }\n if (outcome === \"fail\") {\n counts.failed += 1;\n }\n if (outcome === \"invalid\") {\n counts.invalid += 1;\n }\n return counts;\n },\n { passed: 0, failed: 0, invalid: 0 },\n );\n}\n\nfunction casePrimaryStatus(counts: { passed: number; failed: number; invalid: number }): string {\n if (counts.failed > 0) {\n return \"fail\";\n }\n if (counts.invalid > 0) {\n return \"invalid\";\n }\n if (counts.passed > 0) {\n return \"pass\";\n }\n return \"unknown\";\n}\n\nfunction metricOutcomeKey(result: EvalMetricRunResult): string {\n if (typeof result.metricName === \"string\" && result.metricName.length > 0) {\n return result.metricName;\n }\n return formatValue(result);\n}\n\nfunction objectKeys(value: unknown): string[] {\n return isRecord(value) ? Object.keys(value).filter((key) => value[key] !== undefined) : [];\n}\n\nfunction formatValue(value: unknown): string {\n if (typeof value === \"string\") {\n return value;\n }\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n"],"mappings":"+KAyBA,SAAgB,EAAU,EAQvB,CACD,IAAM,EAAW,EAAM,MAAM,KAAM,GAAU,EAAM,KAAO,EAAM,eAAe,EAAI,EAAM,MAAM,GAE/F,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,MAAC,EAAD,CAAe,UAAU,sDAAzB,EACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,yFAAlB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,uFAA8E,QAEvF,CAAA,EACJ,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,0EACX,GAAU,MAAQ,aAChB,CAAA,EACL,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sEACV,GAAU,aACT,4EACA,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAD,CACE,SAAU,CAAC,EAAM,SAAW,IAAa,IAAA,IAAa,EAAM,WAAa,UACzE,MAAO,EAAM,WAAa,UAAY,UAAY,MAClD,MAAO,EAAM,MACb,CAAA,CACK,IAET,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yDAAf,EACE,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,6HAAjB,EACE,EAAA,EAAA,MAAC,QAAD,CAAO,UAAU,aAAa,QAAQ,6BAAtC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oFAA2E,QAEpF,CAAA,EACP,EAAA,EAAA,MAAC,EAAD,CAAQ,MAAO,GAAU,IAAM,GAAI,cAAe,EAAM,sBAAxD,EACE,EAAA,EAAA,KAAC,EAAD,CACE,GAAG,oBACH,UAAU,0KAEV,EAAA,EAAA,KAAC,EAAD,CAAa,YAAY,cAAgB,CAAA,CAC3B,CAAA,EAChB,EAAA,EAAA,KAAC,EAAD,CAAA,SACG,EAAM,MAAM,IAAK,IAChB,EAAA,EAAA,KAAC,EAAD,CAA2B,MAAO,EAAM,YACrC,EAAM,KACI,CAFI,EAAM,GAEV,CACb,CACY,CAAA,CACT,GACH,GAEP,IAAa,IAAA,GAAY,MACxB,EAAA,EAAA,KAAC,EAAD,CAAe,MAAO,EAAU,QAAS,EAAM,QAAW,CAAA,CAEtD,IAER,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBACb,IAAa,IAAA,IACZ,EAAA,EAAA,KAAC,EAAD,CACE,UAAU,UACV,MAAM,iBACN,KAAK,6DACL,CAAA,CACA,EAAM,SAAW,IAAA,IACnB,EAAA,EAAA,KAAC,EAAD,CAAW,MAAO,EAAU,QAAS,EAAM,QAAS,SAAU,EAAM,SAAY,CAAA,EAEhF,EAAA,EAAA,KAAC,EAAD,CAAY,OAAQ,EAAM,OAAQ,MAAO,EAAY,CAAA,CAElD,CAAA,CACH,GACQ,GACZ,CAAA,CACU,CAAA,CAItB,SAAS,EAAU,EAAgE,CACjF,OACE,EAAA,EAAA,MAAC,EAAD,CACE,UAAU,+PACV,SAAU,EAAM,SAChB,QAAS,EAAM,MACf,QAAQ,iBAJV,EAME,EAAA,EAAA,KAAC,EAAD,CAAY,KAAM,EAAU,cAAY,OAAS,CAAA,CAChD,EAAM,MACA,GAIb,SAAS,EAAc,EAA2D,CAChF,IAAM,EAAe,EAAW,EAAM,MAAM,SAAS,CAC/C,EAAe,EAAM,MAAM,kBAAoB,EAAM,MAAM,cAAc,QAAU,EAEzF,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sBAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,QAAQ,MAAO,OAAO,EAAM,MAAM,UAAU,CAAI,CAAA,EACpE,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,UAAU,MAAO,OAAO,EAAM,MAAM,YAAY,OAAO,CAAI,CAAA,EAC/E,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,cAAc,MAAO,OAAO,EAAM,MAAM,aAAe,EAAE,CAAI,CAAA,EACjF,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,YAAY,MAAO,GAAG,EAAa,GAAG,EAAM,MAAM,YAAe,CAAA,CACjF,IAEN,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,qDAA4C,gBAAkB,CAAA,EAC5E,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4DACV,EAAM,QACH,yDACA,+DACF,CAAA,CACA,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,WAAW,MAAO,EAAM,MAAM,GAAM,CAAA,EACpD,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,gBACN,MAAO,EAAa,OAAS,EAAI,EAAa,KAAK,KAAK,CAAG,OAC3D,CAAA,CACE,GACE,GACN,GAIV,SAAS,EAAU,EAIhB,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sBAAf,EACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sBAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,uBAAmC,CAAA,EACjD,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,2DACV,EAAM,MAAM,aACX,qHACA,CAAA,CACA,IACN,EAAA,EAAA,KAAC,EAAD,CAAe,SAAU,EAAM,MAAM,SAAY,CAAA,CACzC,IAEV,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2EAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAgB,MAAO,EAAM,MAAS,CAAA,EACtC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CACE,QAAS,EAAM,MAAM,gBACrB,YAAa,EAAM,MAAM,YACzB,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CAAU,MAAO,EAAM,MAAO,QAAS,EAAM,QAAS,SAAU,EAAM,SAAY,CAAA,CAC9E,GACF,GACF,GAIV,SAAS,EAAe,EAAyC,CAC/D,IAAM,EAAW,EAAM,MAAM,cAAgB,EAAE,CAE/C,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,kBAA8B,CAAA,EAC5C,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,4DAAb,CAAgE,WACrD,EAAS,OAAO,OAAK,EAAM,MAAM,UAAU,UAClD,GACA,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,iHAAhB,CACG,EAAM,MAAM,UAAU,SAClB,GACH,GAEL,EAAS,SAAW,GACnB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAY,kDAA4D,CAAA,EAExE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACZ,EAAS,IAAK,IACb,EAAA,EAAA,KAAC,EAAD,CAA6C,WAAY,CAAnC,EAAS,GAA0B,CACzD,CACE,CAAA,CAEA,GAId,SAAS,EAAgB,EAA4C,CACnE,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,wEAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2DAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,8DAAsD,EAAM,SAAS,GAAQ,CAAA,CAC1F,EAAM,SAAS,eAAiB,IAAA,GAAY,MAC3C,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4FAAhB,CACG,EAAM,SAAS,aAAa,OAAO,YAC/B,GAEL,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,QAAQ,MAAO,EAAM,SAAS,MAAO,UAAU,mBAAqB,CAAA,EACtF,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,WACN,MAAO,EAAM,SAAS,SACtB,UAAU,oBACV,CAAA,CACE,GACE,GAId,SAAS,EAAa,EAGnB,CACD,IAAM,EACJ,EAAM,SACN,EAAM,YAAY,IACf,IAAmC,CAClC,OACD,EACF,CAEH,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,UAAsB,CAAA,EACpC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4DAAmD,qDAE5D,CAAA,CACA,CAAA,CAAA,CACL,EAAQ,SAAW,GAClB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAY,4CAAsD,CAAA,EAElE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACZ,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,EAAD,CAA4C,SAAU,CAA/B,EAAO,KAAwB,CACtD,CACE,CAAA,CAEA,GAId,SAAS,EAAiB,EAA4C,CACpE,IAAM,EAAU,CACd,EAAM,OAAO,SACb,EAAM,OAAO,WAAa,GAAQ,WAAa,IAAA,GAC/C,EAAM,OAAO,UACb,EAAM,OAAO,YAAc,IAAA,GAAY,IAAA,GAAY,aAAa,EAAM,OAAO,YAC7E,EAAM,OAAO,WAAa,IAAA,GAAY,IAAA,GAAY,UAAU,EAAM,OAAO,WACzE,EAAM,OAAO,gBAAkB,IAAA,GAAY,IAAA,GAAY,SAAS,EAAM,OAAO,gBAC7E,EAAM,OAAO,eAAiB,IAAA,GAC1B,IAAA,GACA,GAAG,EAAM,OAAO,aAAa,OAAO,WACzC,CAAC,OAAO,QAAQ,CAEjB,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mEAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kDAA0C,EAAM,OAAO,KAAW,CAAA,EACjF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wDACZ,EAAQ,OAAS,EAAI,EAAQ,KAAK,MAAM,CAAG,qBACxC,CAAA,CACF,GAIV,SAAS,EAAS,EAIf,CACD,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,oBAAgC,CAAA,EAC9C,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,4DAAb,CAAgE,yBACvC,EAAM,MAAM,UAAU,gBAAc,IAC1D,EAAM,MAAM,YAAY,OAAO,YAC9B,GACA,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,cAAc,MAAO,OAAO,EAAM,MAAM,aAAe,EAAE,CAAI,CAAA,EAC7E,EAAA,EAAA,KAAC,EAAD,CAAU,MAAM,SAAS,MAAO,EAAM,QAAU,EAAM,SAAW,cAAiB,CAAA,CAC9E,GACE,GAId,SAAS,EAAW,EAAwE,CAC1F,IAAM,EAAS,EAAU,EAAM,OAAO,OAAO,CACvC,EAAQ,MAAM,QAAQ,EAAO,QAAQ,CAAG,EAAO,QAAU,EAAE,CAEjE,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,sBAAnB,EACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oEAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,cAA0B,CAAA,EACxC,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,4DAAb,CACG,EAAM,OAAO,MAAM,MAAI,IAAI,KAAK,EAAM,OAAO,UAAU,CAAC,oBAAoB,CAC3E,GACA,CAAA,CAAA,EACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6IACb,EAAM,MAAM,KACR,CAAA,CACH,IACN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,SAAS,MAAO,OAAO,EAAO,OAAO,QAAU,EAAE,CAAI,CAAA,EACzE,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,SAAS,MAAO,OAAO,EAAO,OAAO,QAAU,EAAE,CAAI,CAAA,EACzE,EAAA,EAAA,KAAC,EAAD,CAAc,MAAM,UAAU,MAAO,OAAO,EAAO,OAAO,SAAW,EAAE,CAAI,CAAA,EAC3E,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,WACN,MAAO,GAAG,EAAO,YAAc,EAAM,OAAO,WAAW,IACvD,CAAA,CACE,GACE,IAEV,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,8EAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oEAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,eAA2B,CAAA,EACzC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,4DAAmD,oFAE5D,CAAA,CACA,CAAA,CAAA,EACN,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,iHAAhB,CACG,EAAM,OAAO,SACT,GACH,GACL,EAAM,SAAW,GAChB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAY,sDAAgE,CAAA,EAE5E,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACZ,EAAM,KAAK,EAAU,KACpB,EAAA,EAAA,KAAC,EAAD,CACS,QAEP,OAAQ,EACR,CAFK,EAAc,EAAU,EAAM,CAEnC,CACF,CACE,CAAA,CAEA,IAEV,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,aAAa,MAAO,EAAM,OAAO,OAAU,CAAA,CACrD,GAId,SAAS,EAAe,EAAqD,CAC3E,IAAM,EAAW,EAAS,EAAM,OAAO,KAAK,CAAG,EAAM,OAAO,KAAO,EAAE,CAC/D,EAAU,MAAM,QAAQ,EAAM,OAAO,QAAQ,CAAG,EAAM,OAAO,QAAU,EAAE,CACzE,EAAS,OAAO,EAAS,IAAO,SAAW,EAAS,GAAK,QAAQ,EAAM,MAAQ,IAC/E,EAAS,EAAoB,EAAQ,CACrC,EACJ,EAAM,OAAO,UAAY,QACzB,EAAM,OAAO,UAAY,QACzB,EAAM,OAAO,UAAY,UACrB,EAAM,OAAO,QACb,EAAkB,EAAO,CAE/B,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,yEAAnB,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yHAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kJACb,EAAM,MAAQ,EACV,CAAA,EACP,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,gEAAwD,EAAY,CAAA,EAClF,EAAA,EAAA,MAAC,IAAD,CAAG,UAAU,4DAAb,CACG,EAAQ,OAAO,sBAAoB,EAAO,OAAO,WAAS,EAAO,OAAO,UAAQ,IAChF,EAAO,QAAQ,WACd,GACA,GACF,IACN,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAA4B,CAAA,CACtC,IAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,sBAAnB,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,YAAwB,CAAA,EACtC,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uEAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,QAAQ,MAAO,EAAS,MAAO,UAAU,WAAa,CAAA,EACxE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,WACN,MAAO,EAAS,SAChB,UAAU,oBACV,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CAAY,MAAM,SAAS,MAAO,EAAM,OAAO,OAAQ,UAAU,YAAc,CAAA,CAC3E,GACF,GACE,GAET,EAAM,OAAO,cAAgB,IAAA,GAAY,MACxC,EAAA,EAAA,KAAC,EAAD,CACE,MAAM,eACN,MAAO,EAAM,OAAO,YACpB,UAAU,kBACV,CAAA,EAGJ,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,sBAAnB,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,mBAA+B,CAAA,CAC5C,EAAQ,SAAW,GAClB,EAAA,EAAA,KAAC,EAAD,CAAA,SAAY,iDAA2D,CAAA,EAEvE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+EAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sKAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,SAAa,CAAA,EACnB,EAAA,EAAA,KAAC,OAAD,CAAA,SAAM,QAAY,CAAA,EAClB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAa,SAAa,CAAA,CACtC,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gBACZ,EAAQ,KAAK,EAAQ,KACpB,EAAA,EAAA,KAAC,EAAD,CAAyB,QAA8C,SAAU,CAA5C,EAAiB,EAAO,CAAoB,CACjF,CACE,CAAA,CACF,GAEA,GACN,GACE,GAId,SAAS,EAAiB,EAAuD,CAC/E,IAAM,EAAU,EAAS,EAAM,OAAO,QAAQ,CAAG,EAAM,OAAO,QAAU,EAAE,CACpE,EAAS,OAAO,EAAQ,SAAY,SAAW,EAAQ,QAAU,UACjE,EAAiB,MAAM,QAAQ,EAAM,OAAO,eAAe,CAC7D,EAAM,OAAO,eACb,EAAE,CAEN,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8GAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mBAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,0DACZ,EAAM,OAAO,YAAc,UAAU,EAAM,MAAQ,IAChD,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wDACZ,OAAO,EAAQ,SAAY,SACxB,EAAQ,QACR,OAAO,EAAQ,QAAW,SACxB,EAAQ,OACR,aACF,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wDACZ,CACC,EAAM,OAAO,WAAa,GAAQ,WAAa,WAC/C,EAAM,OAAO,UACb,EAAM,OAAO,YAAc,IAAA,GACvB,IAAA,GACA,aAAa,EAAM,OAAO,YAC/B,CACE,OAAO,QAAQ,CACf,KAAK,MAAM,CACV,CAAA,CACL,EAAe,OAAS,GACvB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8IACZ,EAAY,EAAe,CACxB,CAAA,CACJ,KACA,IACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8CACZ,UAAW,EAAU,EAAY,EAAQ,MAAM,CAAG,MAC/C,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,6BACb,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,EAAqB,CAAA,CAC/B,CAAA,CACF,GAIV,SAAS,EAAY,EAAsC,CACzD,OACE,EAAA,EAAA,KAAC,EAAD,CAAmB,UAAU,qDAC1B,EAAM,SACW,CAAA,CAIxB,SAAS,EAAc,EAA8B,CACnD,IAAM,EAAU,EAAS,EAAM,SAAS,CAAG,OAAO,QAAQ,EAAM,SAAS,CAAG,EAAE,CAK9E,OAJI,EAAQ,SAAW,GACd,EAAA,EAAA,KAAC,EAAD,CAAA,SAAY,kCAA4C,CAAA,EAI/D,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wEAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAc,iBAA6B,CAAA,EAC3C,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,EAAQ,KAAK,CAAC,EAAK,MAClB,EAAA,EAAA,KAAC,EAAD,CAAoB,MAAO,EAAK,MAAO,EAAY,EAAM,CAAI,CAA9C,EAA8C,CAC7D,CACE,CAAA,CACF,GAIV,SAAS,EAAW,EAA6D,CAC/E,IAAM,EAAW,EAAM,QAAU,IAAA,GAEjC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,2EAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oFACZ,EAAM,MACH,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sFACZ,EAAW,EAAY,EAAM,MAAM,CAAG,EAAM,UACzC,CAAA,CACF,GAIV,SAAS,EAAS,EAAyC,CACzD,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0DAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4FACb,EAAM,MACF,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,kEAA0D,EAAM,MAAa,CAAA,CACzF,GAIV,SAAS,EAAW,EAAsC,CACxD,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qGACZ,EAAM,SACH,CAAA,CAIV,SAAS,EAAa,EAAsC,CAC1D,OACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,uFACX,EAAM,SACJ,CAAA,CAIT,SAAS,EAAW,EAA0C,CAC5D,OACE,EAAA,EAAA,MAAC,UAAD,CAAS,UAAU,mEAAnB,EACE,EAAA,EAAA,KAAC,UAAD,CAAS,UAAU,kGAChB,EAAM,MACC,CAAA,EACV,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,+JACZ,EAAY,EAAM,MAAM,CACrB,CAAA,CACE,GAmCd,SAAS,EAAU,EAAoC,CACrD,OAAO,EAAS,EAAM,CAAI,EAA+B,EAAE,CAG7D,SAAS,EAAc,EAA2B,EAAuB,CACvE,IAAM,EAAW,EAAS,EAAO,KAAK,CAAG,EAAO,KAAO,EAAE,CACzD,OAAO,OAAO,EAAS,IAAO,SAAW,EAAS,GAAK,QAAQ,EAAQ,IAGzE,SAAS,EAAoB,EAI3B,CACA,OAAO,EAAQ,QACZ,EAAQ,IAAW,CAClB,IAAM,EAAU,EAAS,EAAO,QAAQ,CAAG,EAAO,QAAQ,QAAU,IAAA,GAUpE,OATI,IAAY,SACd,EAAO,QAAU,GAEf,IAAY,SACd,EAAO,QAAU,GAEf,IAAY,YACd,EAAO,SAAW,GAEb,GAET,CAAE,OAAQ,EAAG,OAAQ,EAAG,QAAS,EAAG,CACrC,CAGH,SAAS,EAAkB,EAAqE,CAU9F,OATI,EAAO,OAAS,EACX,OAEL,EAAO,QAAU,EACZ,UAEL,EAAO,OAAS,EACX,OAEF,UAGT,SAAS,EAAiB,EAAqC,CAI7D,OAHI,OAAO,EAAO,YAAe,UAAY,EAAO,WAAW,OAAS,EAC/D,EAAO,WAET,EAAY,EAAO,CAG5B,SAAS,EAAW,EAA0B,CAC5C,OAAO,EAAS,EAAM,CAAG,OAAO,KAAK,EAAM,CAAC,OAAQ,GAAQ,EAAM,KAAS,IAAA,GAAU,CAAG,EAAE,CAG5F,SAAS,EAAY,EAAwB,CAC3C,GAAI,OAAO,GAAU,SACnB,OAAO,EAET,GAAI,CACF,OAAO,KAAK,UAAU,EAAO,KAAM,EAAE,MAC/B,CACN,OAAO,OAAO,EAAM,EAIxB,SAAS,EAAS,EAAkD,CAClE,OAAyB,OAAO,GAAU,YAAnC,GAA+C,CAAC,MAAM,QAAQ,EAAM"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
function e(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function t(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return``;let n=Math.max(0,Math.floor((Date.now()-t.getTime())/1e3));if(n<60)return`now`;let r=Math.floor(n/60);if(r<60)return`${r}m`;let i=Math.floor(r/60);if(i<24)return`${i}h`;let a=Math.floor(i/24);if(a<7)return`${a}d`;let o=Math.floor(a/7);return o<5?`${o}w`:`${Math.floor(a/30)}mo`}function n(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})}function r(e){let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString([],{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`})}function i(e){return e===void 0?``:e<1e3?`${e}ms`:`${(e/1e3).toFixed(1)}s`}function a(e){return e===void 0?`-`:`${e.totalTokens} tok`}function o(e,t){return e.find(e=>e.id===t)?.name??t}function s(t,n){if(e(n.metadata)&&typeof n.metadata.agentName==`string`)return n.metadata.agentName;let r=c(n);return r===void 0?`-`:o(t,r)}function c(t){if(e(t.metadata)){if(typeof t.metadata.agentId==`string`)return t.metadata.agentId;if(e(t.metadata.metadata)&&typeof t.metadata.metadata.agentId==`string`)return t.metadata.metadata.agentId}}function l(e){return e.length===0?`-`:e}function u(e){switch(e.status){case`pending`:return`Waiting for your decision`;case`approved`:return`Approved`;case`rejected`:return`Rejected`;case`timed_out`:return`Timed out`;case`cancelled`:return`Cancelled`;default:return e.status}}function d(e){if(e===void 0)return``;try{return JSON.stringify(e,null,2)}catch{return String(e)}}function f(e){let t=e.trim();if(t.length===0)return{kind:`text`,value:e};try{return{kind:`json`,value:JSON.parse(t)}}catch{return{kind:`text`,value:e}}}function p(e){let t=e.replace(/\s+/g,` `).trim();return t.length>72?`${t.slice(0,69)}...`:t}function m(e){return e instanceof Error?e.message:String(e)}export{i as a,r as c,f as d,p as f,m as i,n as l,e as m,u as n,t as o,s as p,l as r,d as s,o as t,a as u};
|
|
2
|
-
//# sourceMappingURL=format-D43vTqrO.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"format-D43vTqrO.js","names":[],"sources":["../../../src/ui/app/modules/shared/object.ts","../../../src/ui/app/modules/shared/format.ts"],"sourcesContent":["export function isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n","import type { StudioConfig, StudioTrace } from \"../../../../types\";\nimport { isRecord } from \"./object\";\nimport type { ActivePage, ToolApproval, TraceStatusFilter } from \"./types\";\n\nexport function formatRelativeTime(value: string): string {\n const date = new Date(value);\n if (Number.isNaN(date.getTime())) {\n return \"\";\n }\n\n const seconds = Math.max(0, Math.floor((Date.now() - date.getTime()) / 1000));\n if (seconds < 60) {\n return \"now\";\n }\n const minutes = Math.floor(seconds / 60);\n if (minutes < 60) {\n return `${minutes}m`;\n }\n const hours = Math.floor(minutes / 60);\n if (hours < 24) {\n return `${hours}h`;\n }\n const days = Math.floor(hours / 24);\n if (days < 7) {\n return `${days}d`;\n }\n const weeks = Math.floor(days / 7);\n if (weeks < 5) {\n return `${weeks}w`;\n }\n return `${Math.floor(days / 30)}mo`;\n}\n\nexport function formatTraceTime(value: string): string {\n const date = new Date(value);\n if (Number.isNaN(date.getTime())) {\n return \"\";\n }\n return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nexport function formatTraceDate(value: string): string {\n const date = new Date(value);\n if (Number.isNaN(date.getTime())) {\n return \"\";\n }\n return date.toLocaleString([], {\n month: \"short\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n}\n\nexport function formatDuration(value: number | undefined): string {\n if (value === undefined) {\n return \"\";\n }\n if (value < 1000) {\n return `${value}ms`;\n }\n return `${(value / 1000).toFixed(1)}s`;\n}\n\nexport function formatUsage(usage: StudioTrace[\"usage\"]): string {\n if (usage === undefined) {\n return \"-\";\n }\n return `${usage.totalTokens} tok`;\n}\n\nexport function pageTitle(page: ActivePage, agentName: string | undefined): string {\n switch (page) {\n case \"agents\":\n return \"Agents\";\n case \"sessions\":\n return \"Sessions\";\n case \"tracing\":\n return \"Traces\";\n case \"tools\":\n return \"Tools\";\n case \"sandboxes\":\n return \"Sandboxes\";\n case \"mcps\":\n return \"MCPs\";\n case \"pipelines\":\n return \"Pipelines\";\n case \"evals\":\n return \"Evals\";\n case \"knowledge\":\n return \"Knowledge\";\n case \"memory\":\n return \"Memory\";\n case \"status\":\n return \"Status\";\n case \"playground\":\n return agentName ?? \"AI Assistant\";\n }\n}\n\nexport function agentLabel(agents: StudioConfig[\"agents\"], agentId: string): string {\n const agent = agents.find((item) => item.id === agentId);\n return agent?.name ?? agentId;\n}\n\nexport function traceAgentLabel(agents: StudioConfig[\"agents\"], trace: StudioTrace): string {\n if (isRecord(trace.metadata) && typeof trace.metadata.agentName === \"string\") {\n return trace.metadata.agentName;\n }\n\n const agentId = traceAgentId(trace);\n return agentId === undefined ? \"-\" : agentLabel(agents, agentId);\n}\n\nexport function traceAgentId(trace: StudioTrace): string | undefined {\n if (!isRecord(trace.metadata)) {\n return undefined;\n }\n if (typeof trace.metadata.agentId === \"string\") {\n return trace.metadata.agentId;\n }\n if (isRecord(trace.metadata.metadata) && typeof trace.metadata.metadata.agentId === \"string\") {\n return trace.metadata.metadata.agentId;\n }\n return undefined;\n}\n\nexport function emptyFallback(value: string): string {\n return value.length === 0 ? \"-\" : value;\n}\n\nexport function toTraceStatusFilter(value: string): TraceStatusFilter {\n return value === \"running\" || value === \"success\" || value === \"error\" ? value : \"all\";\n}\n\nexport function approvalLabel(approval: ToolApproval): string {\n switch (approval.status) {\n case \"pending\":\n return \"Waiting for your decision\";\n case \"approved\":\n return \"Approved\";\n case \"rejected\":\n return \"Rejected\";\n case \"timed_out\":\n return \"Timed out\";\n case \"cancelled\":\n return \"Cancelled\";\n default:\n return approval.status;\n }\n}\n\nexport function formatToolValue(value: unknown): string {\n if (value === undefined) {\n return \"\";\n }\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n}\n\nexport function parseToolDisplayValue(\n value: string,\n): { kind: \"json\"; value: unknown } | { kind: \"text\"; value: string } {\n const trimmed = value.trim();\n if (trimmed.length === 0) {\n return { kind: \"text\", value };\n }\n try {\n return { kind: \"json\", value: JSON.parse(trimmed) };\n } catch {\n return { kind: \"text\", value };\n }\n}\n\nexport function titleFromText(text: string): string {\n const normalized = text.replace(/\\s+/g, \" \").trim();\n return normalized.length > 72 ? `${normalized.slice(0, 69)}...` : normalized;\n}\n\nexport function errorMessage(error: unknown): string {\n return error instanceof Error ? error.message : String(error);\n}\n"],"mappings":"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"}
|