npm - @chat-lab/ui - Versions diffs - 0.1.0-beta.36 → 0.1.0-beta.38 - Mend

@chat-lab/ui 0.1.0-beta.36 → 0.1.0-beta.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (663) hide show

package/dist/_virtual/_commonjsHelpers.cjs CHANGED Viewed

@@ -6,32 +6,6 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
 exports.commonjsGlobal = commonjsGlobal;
-exports.getAugmentedNamespace = getAugmentedNamespace;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 //# sourceMappingURL=_commonjsHelpers.cjs.map

package/dist/_virtual/_commonjsHelpers.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_commonjsHelpers.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"_commonjsHelpers.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/_virtual/_commonjsHelpers.js CHANGED Viewed

@@ -4,30 +4,5 @@ function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-export { commonjsGlobal, getAugmentedNamespace, getDefaultExportFromCjs };
+export { commonjsGlobal, getDefaultExportFromCjs };
 //# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/_virtual/index.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var lib = {};
+var shim = {exports: {}};
-exports.__exports = lib;
+exports.__module = shim;
 //# sourceMappingURL=index.cjs.map

package/dist/_virtual/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var lib = {};
+var shim = {exports: {}};
-export { lib as __exports };
+export { shim as __module };
 //# sourceMappingURL=index.js.map

package/dist/_virtual/index2.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var shim = {exports: {}};
+var classnames = {exports: {}};
-exports.__module = shim;
+exports.__module = classnames;
 //# sourceMappingURL=index2.cjs.map

package/dist/_virtual/index2.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var shim = {exports: {}};
+var classnames = {exports: {}};
-export { shim as __module };
+export { classnames as __module };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index3.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var classnames = {exports: {}};
+var cjs = {};
-exports.__module = classnames;
+exports.__exports = cjs;
 //# sourceMappingURL=index3.cjs.map

package/dist/_virtual/index3.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var classnames = {exports: {}};
+var cjs = {};
-export { classnames as __module };
+export { cjs as __exports };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index4.cjs CHANGED Viewed

@@ -1,9 +1,6 @@
 'use strict';
-var _commonjsHelpers = require('./_commonjsHelpers.cjs');
-var index = require('../node_modules/.pnpm/@volcengine_console-web-sdk@6.2.0/node_modules/@volcengine/console-web-sdk/dist/js/treeshaking/index.cjs');
+var secureJsonParse = {exports: {}};
-var require$$0 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
-module.exports = require$$0;
+exports.__module = secureJsonParse;
 //# sourceMappingURL=index4.cjs.map

package/dist/_virtual/index4.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;~~"}
1	+ {"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index4.js CHANGED Viewed

@@ -1,7 +1,4 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../node_modules/.pnpm/@volcengine_console-web-sdk@6.2.0/node_modules/@volcengine/console-web-sdk/dist/js/treeshaking/index.js';
+var secureJsonParse = {exports: {}};
-var require$$0 = /*@__PURE__*/getAugmentedNamespace(index);
-export { require$$0 as default };
+export { secureJsonParse as __module };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;~~"}
1	+ {"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index5.cjs CHANGED Viewed

@@ -1,6 +1,9 @@
 'use strict';
-var cryptoJs = {exports: {}};
+var _commonjsHelpers = require('./_commonjsHelpers.cjs');
+var index = require('../node_modules/.pnpm/@volcengine_console-web-sdk@6.2.0/node_modules/@volcengine/console-web-sdk/dist/js/treeshaking/index.cjs');
-exports.__module = cryptoJs;
+var require$$0 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+module.exports = require$$0;
 //# sourceMappingURL=index5.cjs.map

package/dist/_virtual/index5.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index5.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;~~"}
1	+ {"version":3,"file":"index5.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/_virtual/index5.js CHANGED Viewed

@@ -1,4 +1,7 @@
-var cryptoJs = {exports: {}};
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../node_modules/.pnpm/@volcengine_console-web-sdk@6.2.0/node_modules/@volcengine/console-web-sdk/dist/js/treeshaking/index.js';
-export { cryptoJs as __module };
+var require$$0 = /*@__PURE__*/getAugmentedNamespace(index);
+export { require$$0 as default };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;~~"}
1	+ {"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/adk/components/Debug/Events/index.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../../../node_modules/.pnpm/ahooks@3.9.6_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/ahooks/es/useVirtualList/index.cjs');
+var index = require('../../../../node_modules/ahooks/es/useVirtualList/index.cjs');
 var card = require('../../../../components/ui/card.cjs');
 var EventDetail = require('./EventDetail.cjs');
@@ -41,7 +41,7 @@ const Events = (props) => {
     if (selectedMessage) {
         return (jsxRuntime.jsx(card.Card, { className: "bg-background h-full overflow-hidden w-full border-none mt-2", children: jsxRuntime.jsx(EventDetail, { message: selectedMessage, onBack: () => setSelectedMessage(undefined) }) }));
     }
-    return (jsxRuntime.jsx(card.Card, { className: "bg-background h-full flex flex-col w-full border-none", children: jsxRuntime.jsx(card.CardContent, { ref: containerRef, className: "flex-1 overflow-y-auto min-h-0 pt-2", children: events.length === 0 ? (jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "\u6682\u65E0\u4E8B\u4EF6" })) : (jsxRuntime.jsx("div", { ref: wrapperRef, children: list.map(ele => {
+    return (jsxRuntime.jsx(card.Card, { className: "bg-background h-full flex flex-col w-full border-none", children: jsxRuntime.jsx(card.CardContent, { ref: containerRef, className: "flex-1 overflow-y-auto min-h-0 p-4", children: events.length === 0 ? (jsxRuntime.jsx("div", { className: "text-muted-foreground", children: "\u6682\u65E0\u4E8B\u4EF6" })) : (jsxRuntime.jsx("div", { ref: wrapperRef, children: list.map(ele => {
                     const e = ele.data;
                     return (jsxRuntime.jsx("div", { className: "rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2", onClick: () => setSelectedMessage(e), children: jsxRuntime.jsx("div", { className: "w-full", children: jsxRuntime.jsx("div", { className: "flex items-center justify-between px-4 py-3", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]", children: [jsxRuntime.jsx("div", { className: " text-muted-foreground shrink-0", children: ele.index }), jsxRuntime.jsx("div", { className: "truncate", children: renderSummary(e) })] }) }) }) }, e.id));
                 }) })) }) }));

package/dist/adk/components/Debug/Events/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"sourcesContent":["import React, { useMemo, useState, useRef } from 'react';\nimport { useVirtualList } from 'ahooks';\nimport dayjs from 'dayjs';\nimport { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '@/components/ui/collapsible';\nimport { Separator } from '@/components/ui/separator';\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport Trace from '../Trace';\nimport { TraceSpan } from '../Trace/types';\nimport EventDetail from './EventDetail';\nimport {\n Sheet,\n SheetContent,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n const parts = (message?.content?.parts \|\| []).map((c: any) => {\n if (c.functionCall) return `functionCall:${c.functionCall.name}`;\n if (c.functionResponse)\n return `functionResponse:${c.functionResponse.name}`;\n if (c.text) return `text:${c.text}`;\n if (c.inlineData) return `inlineData:${c.inlineData.mimeType}`;\n if (c.fileData) return `fileData:${c.fileData.displayName}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { messages } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ADKMessage['adkResponses'][number] \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const events = useMemo(\n () =>\n messages\n .map(msg => msg.adkResponses)\n .filter(Boolean)\n .flat(),\n [messages],\n );\n\n const [list] = useVirtualList(events, {\n containerTarget: containerRef,\n wrapperTarget: wrapperRef,\n itemHeight: 60,\n overscan: 10,\n });\n\n if (selectedMessage) {\n return (\n <Card className=\"bg-background h-full overflow-hidden w-full border-none mt-2\">\n <EventDetail\n message={selectedMessage}\n onBack={() => setSelectedMessage(undefined)}\n />\n </Card>\n );\n }\n\n return (\n <Card className=\"bg-background h-full flex flex-col w-full border-none\">\n <CardContent\n ref={containerRef}\n className=\"flex-1 overflow-y-auto min-h-0 pt-2\"\n >\n {events.length === 0 ? (\n <div className=\"text-muted-foreground\">暂无事件</div>\n ) : (\n <div ref={wrapperRef}>\n {list.map(ele => {\n const e = ele.data;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2\"\n onClick={() => setSelectedMessage(e)}\n >\n <div className=\"w-full\">\n <div className=\"flex items-center justify-between px-4 py-3\">\n <div className=\"flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]\">\n <div className=\" text-muted-foreground shrink-0\">\n {ele.index}\n </div>\n <div className=\"truncate\">{renderSummary(e)}</div>\n </div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </CardContent>\n </Card>\n );\n};\n\nexport default Events;\n"],"names":["useState","useRef","useMemo","useVirtualList","_jsx","Card","CardContent","_jsxs"],"mappings":";;;;;;;;AAsBA,MAAM,aAAa,GAAG,CAAC,OAA2C,KAAI;AACpE,IAAA,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAM,KAAI;QAC3D,IAAI,CAAC,CAAC,YAAY;AAAE,YAAA,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACjE,IAAI,CAAC,CAAC,gBAAgB;AACpB,YAAA,OAAO,oBAAoB,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;QACvD,IAAI,CAAC,CAAC,IAAI;AAAE,YAAA,OAAO,CAAQ,KAAA,EAAA,CAAC,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,CAAC,UAAU;AAAE,YAAA,OAAO,cAAc,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC/D,IAAI,CAAC,CAAC,QAAQ;AAAE,YAAA,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC5D,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,CAAC,CAAC;IACH,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,IAAA,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,MAAM,MAAM,GAAG,CAAC,KAAkB,KAAI;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,EAEnD,CAAC;AAEJ,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;AAEhC,IAAA,MAAM,MAAM,GAAGC,aAAO,CACpB,MACE,QAAQ;SACL,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC;SAC5B,MAAM,CAAC,OAAO,CAAC;AACf,SAAA,IAAI,EAAE,EACX,CAAC,QAAQ,CAAC,CACX,CAAC;AAEF,IAAA,MAAM,CAAC,IAAI,CAAC,GAAGC,KAAc,CAAC,MAAM,EAAE;AACpC,QAAA,eAAe,EAAE,YAAY;AAC7B,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA,CAAC,CAAC;IAEH,IAAI,eAAe,EAAE;QACnB,QACEC,cAAC,CAAAC,SAAI,EAAC,EAAA,SAAS,EAAC,8DAA8D,EAC5E,QAAA,EAAAD,cAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,kBAAkB,CAAC,SAAS,CAAC,EAAA,CAC3C,EACG,CAAA,EACP;KACH;IAED,QACEA,eAACC,SAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EACrE,QAAA,EAAAD,cAAA,CAACE,gBAAW,EAAA,EACV,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,~~qCAAqC~~,~~EAE9C~~,QAAA,EAAA,MAAM,CAAC,MAAM,KAAK,CAAC,IAClBF,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAW,KAEjDA,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EACjB,QAAA,EAAA,IAAI,CAAC,GAAG,CAAC,GAAG,IAAG;AACd,oBAAA,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACnB,oBAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,EAAA,QAAA,EAEpCA,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,QAAQ,EACrB,QAAA,EAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAC1DG,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wEAAwE,EACrF,QAAA,EAAA,CAAAH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC7C,GAAG,CAAC,KAAK,EAAA,CACN,EACNA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAA,QAAA,EAAE,aAAa,CAAC,CAAC,CAAC,EAAO,CAAA,CAAA,EAAA,CAC9C,EACF,CAAA,EAAA,CACF,EAbD,EAAA,CAAC,CAAC,EAAE,CAcL,EACN;AACJ,iBAAC,CAAC,EACE,CAAA,CACP,EACW,CAAA,EAAA,CACT,EACP;AACJ;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"sourcesContent":["import React, { useMemo, useState, useRef } from 'react';\nimport { useVirtualList } from 'ahooks';\nimport dayjs from 'dayjs';\nimport { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '@/components/ui/collapsible';\nimport { Separator } from '@/components/ui/separator';\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport Trace from '../Trace';\nimport { TraceSpan } from '../Trace/types';\nimport EventDetail from './EventDetail';\nimport {\n Sheet,\n SheetContent,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n const parts = (message?.content?.parts \|\| []).map((c: any) => {\n if (c.functionCall) return `functionCall:${c.functionCall.name}`;\n if (c.functionResponse)\n return `functionResponse:${c.functionResponse.name}`;\n if (c.text) return `text:${c.text}`;\n if (c.inlineData) return `inlineData:${c.inlineData.mimeType}`;\n if (c.fileData) return `fileData:${c.fileData.displayName}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { messages } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ADKMessage['adkResponses'][number] \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const events = useMemo(\n () =>\n messages\n .map(msg => msg.adkResponses)\n .filter(Boolean)\n .flat(),\n [messages],\n );\n\n const [list] = useVirtualList(events, {\n containerTarget: containerRef,\n wrapperTarget: wrapperRef,\n itemHeight: 60,\n overscan: 10,\n });\n\n if (selectedMessage) {\n return (\n <Card className=\"bg-background h-full overflow-hidden w-full border-none mt-2\">\n <EventDetail\n message={selectedMessage}\n onBack={() => setSelectedMessage(undefined)}\n />\n </Card>\n );\n }\n\n return (\n <Card className=\"bg-background h-full flex flex-col w-full border-none\">\n <CardContent\n ref={containerRef}\n className=\"flex-1 overflow-y-auto min-h-0 p-4\"\n >\n {events.length === 0 ? (\n <div className=\"text-muted-foreground\">暂无事件</div>\n ) : (\n <div ref={wrapperRef}>\n {list.map(ele => {\n const e = ele.data;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2\"\n onClick={() => setSelectedMessage(e)}\n >\n <div className=\"w-full\">\n <div className=\"flex items-center justify-between px-4 py-3\">\n <div className=\"flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]\">\n <div className=\" text-muted-foreground shrink-0\">\n {ele.index}\n </div>\n <div className=\"truncate\">{renderSummary(e)}</div>\n </div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </CardContent>\n </Card>\n );\n};\n\nexport default Events;\n"],"names":["useState","useRef","useMemo","useVirtualList","_jsx","Card","CardContent","_jsxs"],"mappings":"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"}

package/dist/adk/components/Debug/Events/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useMemo } from 'react';
-import useVirtualList from '../../../../node_modules/.pnpm/ahooks@3.9.6_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/ahooks/es/useVirtualList/index.js';
+import useVirtualList from '../../../../node_modules/ahooks/es/useVirtualList/index.js';
 import { Card, CardContent } from '../../../../components/ui/card.js';
 import EventDetail from './EventDetail.js';
@@ -39,7 +39,7 @@ const Events = (props) => {
     if (selectedMessage) {
         return (jsx(Card, { className: "bg-background h-full overflow-hidden w-full border-none mt-2", children: jsx(EventDetail, { message: selectedMessage, onBack: () => setSelectedMessage(undefined) }) }));
     }
-    return (jsx(Card, { className: "bg-background h-full flex flex-col w-full border-none", children: jsx(CardContent, { ref: containerRef, className: "flex-1 overflow-y-auto min-h-0 pt-2", children: events.length === 0 ? (jsx("div", { className: "text-muted-foreground", children: "\u6682\u65E0\u4E8B\u4EF6" })) : (jsx("div", { ref: wrapperRef, children: list.map(ele => {
+    return (jsx(Card, { className: "bg-background h-full flex flex-col w-full border-none", children: jsx(CardContent, { ref: containerRef, className: "flex-1 overflow-y-auto min-h-0 p-4", children: events.length === 0 ? (jsx("div", { className: "text-muted-foreground", children: "\u6682\u65E0\u4E8B\u4EF6" })) : (jsx("div", { ref: wrapperRef, children: list.map(ele => {
                     const e = ele.data;
                     return (jsx("div", { className: "rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2", onClick: () => setSelectedMessage(e), children: jsx("div", { className: "w-full", children: jsx("div", { className: "flex items-center justify-between px-4 py-3", children: jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]", children: [jsx("div", { className: " text-muted-foreground shrink-0", children: ele.index }), jsx("div", { className: "truncate", children: renderSummary(e) })] }) }) }) }, e.id));
                 }) })) }) }));

package/dist/adk/components/Debug/Events/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"sourcesContent":["import React, { useMemo, useState, useRef } from 'react';\nimport { useVirtualList } from 'ahooks';\nimport dayjs from 'dayjs';\nimport { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '@/components/ui/collapsible';\nimport { Separator } from '@/components/ui/separator';\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport Trace from '../Trace';\nimport { TraceSpan } from '../Trace/types';\nimport EventDetail from './EventDetail';\nimport {\n Sheet,\n SheetContent,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n const parts = (message?.content?.parts \|\| []).map((c: any) => {\n if (c.functionCall) return `functionCall:${c.functionCall.name}`;\n if (c.functionResponse)\n return `functionResponse:${c.functionResponse.name}`;\n if (c.text) return `text:${c.text}`;\n if (c.inlineData) return `inlineData:${c.inlineData.mimeType}`;\n if (c.fileData) return `fileData:${c.fileData.displayName}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { messages } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ADKMessage['adkResponses'][number] \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const events = useMemo(\n () =>\n messages\n .map(msg => msg.adkResponses)\n .filter(Boolean)\n .flat(),\n [messages],\n );\n\n const [list] = useVirtualList(events, {\n containerTarget: containerRef,\n wrapperTarget: wrapperRef,\n itemHeight: 60,\n overscan: 10,\n });\n\n if (selectedMessage) {\n return (\n <Card className=\"bg-background h-full overflow-hidden w-full border-none mt-2\">\n <EventDetail\n message={selectedMessage}\n onBack={() => setSelectedMessage(undefined)}\n />\n </Card>\n );\n }\n\n return (\n <Card className=\"bg-background h-full flex flex-col w-full border-none\">\n <CardContent\n ref={containerRef}\n className=\"flex-1 overflow-y-auto min-h-0 pt-2\"\n >\n {events.length === 0 ? (\n <div className=\"text-muted-foreground\">暂无事件</div>\n ) : (\n <div ref={wrapperRef}>\n {list.map(ele => {\n const e = ele.data;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2\"\n onClick={() => setSelectedMessage(e)}\n >\n <div className=\"w-full\">\n <div className=\"flex items-center justify-between px-4 py-3\">\n <div className=\"flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]\">\n <div className=\" text-muted-foreground shrink-0\">\n {ele.index}\n </div>\n <div className=\"truncate\">{renderSummary(e)}</div>\n </div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </CardContent>\n </Card>\n );\n};\n\nexport default Events;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAsBA,MAAM,aAAa,GAAG,CAAC,OAA2C,KAAI;AACpE,IAAA,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAM,KAAI;QAC3D,IAAI,CAAC,CAAC,YAAY;AAAE,YAAA,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACjE,IAAI,CAAC,CAAC,gBAAgB;AACpB,YAAA,OAAO,oBAAoB,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;QACvD,IAAI,CAAC,CAAC,IAAI;AAAE,YAAA,OAAO,CAAQ,KAAA,EAAA,CAAC,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,CAAC,UAAU;AAAE,YAAA,OAAO,cAAc,CAAC,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC/D,IAAI,CAAC,CAAC,QAAQ;AAAE,YAAA,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC5D,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,CAAC,CAAC;IACH,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,IAAA,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,MAAM,MAAM,GAAG,CAAC,KAAkB,KAAI;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAEnD,CAAC;AAEJ,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAEhC,IAAA,MAAM,MAAM,GAAG,OAAO,CACpB,MACE,QAAQ;SACL,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC;SAC5B,MAAM,CAAC,OAAO,CAAC;AACf,SAAA,IAAI,EAAE,EACX,CAAC,QAAQ,CAAC,CACX,CAAC;AAEF,IAAA,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE;AACpC,QAAA,eAAe,EAAE,YAAY;AAC7B,QAAA,aAAa,EAAE,UAAU;AACzB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,QAAQ,EAAE,EAAE;AACb,KAAA,CAAC,CAAC;IAEH,IAAI,eAAe,EAAE;QACnB,QACEA,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,8DAA8D,EAC5E,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,MAAM,kBAAkB,CAAC,SAAS,CAAC,EAAA,CAC3C,EACG,CAAA,EACP;KACH;IAED,QACEA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EACrE,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EACV,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,~~qCAAqC~~,~~EAE9C~~,QAAA,EAAA,MAAM,CAAC,MAAM,KAAK,CAAC,IAClBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAW,KAEjDA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EACjB,QAAA,EAAA,IAAI,CAAC,GAAG,CAAC,GAAG,IAAG;AACd,oBAAA,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC;AACnB,oBAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,EAAA,QAAA,EAEpCA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,QAAQ,EACrB,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAC1DC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wEAAwE,EACrF,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,EAAA,QAAA,EAC7C,GAAG,CAAC,KAAK,EAAA,CACN,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,UAAU,EAAA,QAAA,EAAE,aAAa,CAAC,CAAC,CAAC,EAAO,CAAA,CAAA,EAAA,CAC9C,EACF,CAAA,EAAA,CACF,EAbD,EAAA,CAAC,CAAC,EAAE,CAcL,EACN;AACJ,iBAAC,CAAC,EACE,CAAA,CACP,EACW,CAAA,EAAA,CACT,EACP;AACJ;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"sourcesContent":["import React, { useMemo, useState, useRef } from 'react';\nimport { useVirtualList } from 'ahooks';\nimport dayjs from 'dayjs';\nimport { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '@/components/ui/collapsible';\nimport { Separator } from '@/components/ui/separator';\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport Trace from '../Trace';\nimport { TraceSpan } from '../Trace/types';\nimport EventDetail from './EventDetail';\nimport {\n Sheet,\n SheetContent,\n SheetHeader,\n SheetTitle,\n} from '@/components/ui/sheet';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n const parts = (message?.content?.parts \|\| []).map((c: any) => {\n if (c.functionCall) return `functionCall:${c.functionCall.name}`;\n if (c.functionResponse)\n return `functionResponse:${c.functionResponse.name}`;\n if (c.text) return `text:${c.text}`;\n if (c.inlineData) return `inlineData:${c.inlineData.mimeType}`;\n if (c.fileData) return `fileData:${c.fileData.displayName}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { messages } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ADKMessage['adkResponses'][number] \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const events = useMemo(\n () =>\n messages\n .map(msg => msg.adkResponses)\n .filter(Boolean)\n .flat(),\n [messages],\n );\n\n const [list] = useVirtualList(events, {\n containerTarget: containerRef,\n wrapperTarget: wrapperRef,\n itemHeight: 60,\n overscan: 10,\n });\n\n if (selectedMessage) {\n return (\n <Card className=\"bg-background h-full overflow-hidden w-full border-none mt-2\">\n <EventDetail\n message={selectedMessage}\n onBack={() => setSelectedMessage(undefined)}\n />\n </Card>\n );\n }\n\n return (\n <Card className=\"bg-background h-full flex flex-col w-full border-none\">\n <CardContent\n ref={containerRef}\n className=\"flex-1 overflow-y-auto min-h-0 p-4\"\n >\n {events.length === 0 ? (\n <div className=\"text-muted-foreground\">暂无事件</div>\n ) : (\n <div ref={wrapperRef}>\n {list.map(ele => {\n const e = ele.data;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition-colors mb-2\"\n onClick={() => setSelectedMessage(e)}\n >\n <div className=\"w-full\">\n <div className=\"flex items-center justify-between px-4 py-3\">\n <div className=\"flex items-center gap-3 flex-1 min-w-0 mr-2 font-medium text-[#0C0D0E]\">\n <div className=\" text-muted-foreground shrink-0\">\n {ele.index}\n </div>\n <div className=\"truncate\">{renderSummary(e)}</div>\n </div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </CardContent>\n </Card>\n );\n};\n\nexport default Events;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/adk/components/Debug/Trace/TraceDetail.cjs CHANGED Viewed

@@ -27,7 +27,6 @@ const TraceDetail = (props) => {
                         display: 'flex',
                         justifyContent: 'space-between',
                         alignItems: 'center',
-                        height: '100%',
                     }, children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground font-mono break-all", children: "Event" }) }), onCancel && (jsxRuntime.jsx(button.Button, { onClick: onCancel, type: "primary", children: jsxRuntime.jsx(x.default, {}) }))] }), jsxRuntime.jsx(main, { src: span, name: null, displayDataTypes: false, displayObjectSize: false, enableClipboard: true, collapsed: 2, theme: "rjv-default", style: {
                         fontSize: '12px',
                         fontFamily: 'monospace',

package/dist/adk/components/Debug/Trace/TraceDetail.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceDetail.cjs","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TraceSpan } from './types';\nimport { Button } from '@/components/ui/button';\nimport { ClosedCaption, X } from 'lucide-react';\nimport ReactJson from 'react-json-view';\nimport { omit } from 'lodash-es';\n\nconst TraceDetail = (props: {\n selectedSpan?: TraceSpan;\n onCancel?: () => void;\n}) => {\n const { selectedSpan, onCancel } = props;\n\n const span = omit(selectedSpan, 'children');\n // const flatSpans = useMemo(() => {\n // if (!selectedSpan) return [];\n // const result: TraceSpan[] = [];\n // const traverse = (span: TraceSpan) => {\n // const { children, ...rest } = span;\n // result.push(rest as TraceSpan);\n // if (span.children) {\n // span.children.forEach(traverse);\n // }\n // };\n // traverse(selectedSpan);\n // return result;\n // }, [selectedSpan]);\n\n // if (!selectedSpan) return null;\n\n return (\n <div className=\"flex flex-col overflow-auto pl-4 bg-muted/10 h-full border-t\">\n <div className=\"space-y-6 h-full flex flex-col\">\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n ~~height: '100%',\n~~ }}\n >\n <div>\n <div className=\"text-xs text-muted-foreground font-mono break-all\">\n Event\n </div>\n </div>\n {onCancel && (\n <Button onClick={onCancel} type=\"primary\">\n <X />\n </Button>\n )}\n </div>\n <ReactJson\n src={span}\n name={null}\n displayDataTypes={false}\n displayObjectSize={false}\n enableClipboard={true}\n collapsed={2}\n theme=\"rjv-default\"\n style={{\n fontSize: '12px',\n fontFamily: 'monospace',\n flex: '1 1 auto',\n overflow: 'auto',\n }}\n />\n </div>\n </div>\n );\n};\n\nexport default TraceDetail;\n"],"names":["_jsx","_jsxs","Button","X","ReactJson"],"mappings":";;;;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,KAGpB,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;AAiB5C,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAAA,eAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,cAAc,EAAE,eAAe;AAC/B,wBAAA,UAAU,EAAE,QAAQ;~~AACpB~~,~~wBAAA,MAAM,EAAE,MAAM;AACf,~~qBAAA,EAAA,QAAA,EAAA,CAEDD,cACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,OAAA,EAAA,CAE5D,EACF,CAAA,EACL,QAAQ,KACPA,cAAA,CAACE,aAAM,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,EAAA,QAAA,EACvCF,cAAC,CAAAG,SAAC,EAAG,EAAA,CAAA,EAAA,CACE,CACV,CAAA,EAAA,CACG,EACNH,cAAA,CAACI,IAAS,EAAA,EACR,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,EACvB,iBAAiB,EAAE,KAAK,EACxB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,WAAW;AACvB,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,MAAM;qBACjB,EACD,CAAA,CAAA,EAAA,CACE,EACF,CAAA,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"TraceDetail.cjs","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TraceSpan } from './types';\nimport { Button } from '@/components/ui/button';\nimport { ClosedCaption, X } from 'lucide-react';\nimport ReactJson from 'react-json-view';\nimport { omit } from 'lodash-es';\n\nconst TraceDetail = (props: {\n selectedSpan?: TraceSpan;\n onCancel?: () => void;\n}) => {\n const { selectedSpan, onCancel } = props;\n\n const span = omit(selectedSpan, 'children');\n // const flatSpans = useMemo(() => {\n // if (!selectedSpan) return [];\n // const result: TraceSpan[] = [];\n // const traverse = (span: TraceSpan) => {\n // const { children, ...rest } = span;\n // result.push(rest as TraceSpan);\n // if (span.children) {\n // span.children.forEach(traverse);\n // }\n // };\n // traverse(selectedSpan);\n // return result;\n // }, [selectedSpan]);\n\n // if (!selectedSpan) return null;\n\n return (\n <div className=\"flex flex-col overflow-auto pl-4 bg-muted/10 h-full border-t\">\n <div className=\"space-y-6 h-full flex flex-col\">\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <div>\n <div className=\"text-xs text-muted-foreground font-mono break-all\">\n Event\n </div>\n </div>\n {onCancel && (\n <Button onClick={onCancel} type=\"primary\">\n <X />\n </Button>\n )}\n </div>\n <ReactJson\n src={span}\n name={null}\n displayDataTypes={false}\n displayObjectSize={false}\n enableClipboard={true}\n collapsed={2}\n theme=\"rjv-default\"\n style={{\n fontSize: '12px',\n fontFamily: 'monospace',\n flex: '1 1 auto',\n overflow: 'auto',\n }}\n />\n </div>\n </div>\n );\n};\n\nexport default TraceDetail;\n"],"names":["_jsx","_jsxs","Button","X","ReactJson"],"mappings":";;;;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,KAGpB,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;AAiB5C,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAAA,eAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,cAAc,EAAE,eAAe;AAC/B,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA,EAAA,QAAA,EAAA,CAEDD,cACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,OAAA,EAAA,CAE5D,EACF,CAAA,EACL,QAAQ,KACPA,cAAA,CAACE,aAAM,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,EAAA,QAAA,EACvCF,cAAC,CAAAG,SAAC,EAAG,EAAA,CAAA,EAAA,CACE,CACV,CAAA,EAAA,CACG,EACNH,cAAA,CAACI,IAAS,EAAA,EACR,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,EACvB,iBAAiB,EAAE,KAAK,EACxB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,WAAW;AACvB,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,MAAM;qBACjB,EACD,CAAA,CAAA,EAAA,CACE,EACF,CAAA,EACN;AACJ;;;;"}

package/dist/adk/components/Debug/Trace/TraceDetail.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceDetail.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,QAAA,MAAM,WAAW,GAAI,OAAO;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,~~gBA4DA~~,CAAC;AAEF,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"TraceDetail.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,QAAA,MAAM,WAAW,GAAI,OAAO;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,gBA2DA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/adk/components/Debug/Trace/TraceDetail.js CHANGED Viewed

@@ -25,7 +25,6 @@ const TraceDetail = (props) => {
                         display: 'flex',
                         justifyContent: 'space-between',
                         alignItems: 'center',
-                        height: '100%',
                     }, children: [jsx("div", { children: jsx("div", { className: "text-xs text-muted-foreground font-mono break-all", children: "Event" }) }), onCancel && (jsx(Button, { onClick: onCancel, type: "primary", children: jsx(X, {}) }))] }), jsx(ReactJson, { src: span, name: null, displayDataTypes: false, displayObjectSize: false, enableClipboard: true, collapsed: 2, theme: "rjv-default", style: {
                         fontSize: '12px',
                         fontFamily: 'monospace',

package/dist/adk/components/Debug/Trace/TraceDetail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceDetail.js","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TraceSpan } from './types';\nimport { Button } from '@/components/ui/button';\nimport { ClosedCaption, X } from 'lucide-react';\nimport ReactJson from 'react-json-view';\nimport { omit } from 'lodash-es';\n\nconst TraceDetail = (props: {\n selectedSpan?: TraceSpan;\n onCancel?: () => void;\n}) => {\n const { selectedSpan, onCancel } = props;\n\n const span = omit(selectedSpan, 'children');\n // const flatSpans = useMemo(() => {\n // if (!selectedSpan) return [];\n // const result: TraceSpan[] = [];\n // const traverse = (span: TraceSpan) => {\n // const { children, ...rest } = span;\n // result.push(rest as TraceSpan);\n // if (span.children) {\n // span.children.forEach(traverse);\n // }\n // };\n // traverse(selectedSpan);\n // return result;\n // }, [selectedSpan]);\n\n // if (!selectedSpan) return null;\n\n return (\n <div className=\"flex flex-col overflow-auto pl-4 bg-muted/10 h-full border-t\">\n <div className=\"space-y-6 h-full flex flex-col\">\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n ~~height: '100%',\n~~ }}\n >\n <div>\n <div className=\"text-xs text-muted-foreground font-mono break-all\">\n Event\n </div>\n </div>\n {onCancel && (\n <Button onClick={onCancel} type=\"primary\">\n <X />\n </Button>\n )}\n </div>\n <ReactJson\n src={span}\n name={null}\n displayDataTypes={false}\n displayObjectSize={false}\n enableClipboard={true}\n collapsed={2}\n theme=\"rjv-default\"\n style={{\n fontSize: '12px',\n fontFamily: 'monospace',\n flex: '1 1 auto',\n overflow: 'auto',\n }}\n />\n </div>\n </div>\n );\n};\n\nexport default TraceDetail;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,KAGpB,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;AAiB5C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,cAAc,EAAE,eAAe;AAC/B,wBAAA,UAAU,EAAE,QAAQ;~~AACpB~~,~~wBAAA,MAAM,EAAE,MAAM;AACf,~~qBAAA,EAAA,QAAA,EAAA,CAEDD,GACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,OAAA,EAAA,CAE5D,EACF,CAAA,EACL,QAAQ,KACPA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,EAAA,QAAA,EACvCA,GAAC,CAAA,CAAC,EAAG,EAAA,CAAA,EAAA,CACE,CACV,CAAA,EAAA,CACG,EACNA,GAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,EACvB,iBAAiB,EAAE,KAAK,EACxB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,WAAW;AACvB,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,MAAM;qBACjB,EACD,CAAA,CAAA,EAAA,CACE,EACF,CAAA,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"TraceDetail.js","sources":["../../../../../src/adk/components/Debug/Trace/TraceDetail.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TraceSpan } from './types';\nimport { Button } from '@/components/ui/button';\nimport { ClosedCaption, X } from 'lucide-react';\nimport ReactJson from 'react-json-view';\nimport { omit } from 'lodash-es';\n\nconst TraceDetail = (props: {\n selectedSpan?: TraceSpan;\n onCancel?: () => void;\n}) => {\n const { selectedSpan, onCancel } = props;\n\n const span = omit(selectedSpan, 'children');\n // const flatSpans = useMemo(() => {\n // if (!selectedSpan) return [];\n // const result: TraceSpan[] = [];\n // const traverse = (span: TraceSpan) => {\n // const { children, ...rest } = span;\n // result.push(rest as TraceSpan);\n // if (span.children) {\n // span.children.forEach(traverse);\n // }\n // };\n // traverse(selectedSpan);\n // return result;\n // }, [selectedSpan]);\n\n // if (!selectedSpan) return null;\n\n return (\n <div className=\"flex flex-col overflow-auto pl-4 bg-muted/10 h-full border-t\">\n <div className=\"space-y-6 h-full flex flex-col\">\n <div\n style={{\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n }}\n >\n <div>\n <div className=\"text-xs text-muted-foreground font-mono break-all\">\n Event\n </div>\n </div>\n {onCancel && (\n <Button onClick={onCancel} type=\"primary\">\n <X />\n </Button>\n )}\n </div>\n <ReactJson\n src={span}\n name={null}\n displayDataTypes={false}\n displayObjectSize={false}\n enableClipboard={true}\n collapsed={2}\n theme=\"rjv-default\"\n style={{\n fontSize: '12px',\n fontFamily: 'monospace',\n flex: '1 1 auto',\n overflow: 'auto',\n }}\n />\n </div>\n </div>\n );\n};\n\nexport default TraceDetail;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,KAGpB,KAAI;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;AAiB5C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8DAA8D,EAAA,QAAA,EAC3EC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAC7C,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,MAAM;AACf,wBAAA,cAAc,EAAE,eAAe;AAC/B,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA,EAAA,QAAA,EAAA,CAEDD,GACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,OAAA,EAAA,CAE5D,EACF,CAAA,EACL,QAAQ,KACPA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,EAAA,QAAA,EACvCA,GAAC,CAAA,CAAC,EAAG,EAAA,CAAA,EAAA,CACE,CACV,CAAA,EAAA,CACG,EACNA,GAAA,CAAC,SAAS,EAAA,EACR,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,EACvB,iBAAiB,EAAE,KAAK,EACxB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,CAAC,EACZ,KAAK,EAAC,aAAa,EACnB,KAAK,EAAE;AACL,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,UAAU,EAAE,WAAW;AACvB,wBAAA,IAAI,EAAE,UAAU;AAChB,wBAAA,QAAQ,EAAE,MAAM;qBACjB,EACD,CAAA,CAAA,EAAA,CACE,EACF,CAAA,EACN;AACJ;;;;"}

package/dist/adk/components/Debug/Trace/TraceMessageGroup.cjs CHANGED Viewed

@@ -26,9 +26,9 @@ const TraceMessageGroup = ({ msg, msgIndex, invocationId, traces, isExpanded, on
             totalDuration: Math.max(maxEnd, 1),
         };
     }, [traces, collapsedIds]);
-    return (jsxRuntime.jsxs("div", { className: "border border-[#EAEDF1] rounded-[8px]", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30", onClick: () => onToggleExpand(msg.id), children: [jsxRuntime.jsx("div", { className: "flex items-center gap-2 font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]", children: jsxRuntime.jsx("span", { className: "text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]", children: typeof msg.content === 'string'
+    return (jsxRuntime.jsxs("div", { className: "border border-[#EAEDF1] rounded-[8px]", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30", onClick: () => onToggleExpand(msg.id), children: [jsxRuntime.jsx("div", { className: "flex items-center gap-2 bg-white font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]", children: jsxRuntime.jsx("span", { className: "text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]", children: typeof msg.content === 'string'
                                 ? msg.content
-                                : msg?.content?.[0]?.text || 'Unknown Message' }) }), isExpanded ? (jsxRuntime.jsx(chevronDown.default, { className: "w-4 h-4 text-muted-foreground shrink-0" })) : (jsxRuntime.jsx(chevronRight.default, { className: "w-4 h-4 text-muted-foreground shrink-0" }))] }), isExpanded && (jsxRuntime.jsxs("div", { className: "flex flex-col px-4", children: [jsxRuntime.jsxs("div", { className: "text-[13px] leading-[22px] text-[#737A87] mb-2", children: ["Invocation ID:", jsxRuntime.jsx("div", { children: invocationId })] }), renderList.length > 0 ? (jsxRuntime.jsx("div", { className: utils$1.cn('flex flex-col p-4 pt-0'), children: jsxRuntime.jsx("div", { className: "min-w-fit flex flex-col font-sans text-xs", children: jsxRuntime.jsx("div", { className: "flex flex-col", children: renderList.map((node, index) => {
+                                : msg?.content?.[0]?.text || 'Unknown Message' }) }), isExpanded ? (jsxRuntime.jsx(chevronDown.default, { className: "w-4 h-4 text-muted-foreground shrink-0" })) : (jsxRuntime.jsx(chevronRight.default, { className: "w-4 h-4 text-muted-foreground shrink-0" }))] }), isExpanded && (jsxRuntime.jsxs("div", { className: "flex flex-col px-4", children: [jsxRuntime.jsxs("div", { className: "text-[13px] leading-[22px] text-[#737A87] mb-2", children: ["Invocation ID:", jsxRuntime.jsx("div", { children: invocationId })] }), renderList.length > 0 ? (jsxRuntime.jsx("div", { className: utils$1.cn('flex flex-col pt-0'), children: jsxRuntime.jsx("div", { className: "min-w-fit flex flex-col font-sans text-xs", children: jsxRuntime.jsx("div", { className: "flex flex-col", children: renderList.map((node, index) => {
                                     const isSelected = node.span.id === selectedSpan?.id;
                                     const duration = node.span.duration || 0;
                                     const hasChildren = node.span.children && node.span.children.length > 0;

package/dist/adk/components/Debug/Trace/TraceMessageGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceMessageGroup.cjs","sources":["../../../../../src/adk/components/Debug/Trace/TraceMessageGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n} from './utils';\n\ninterface TraceMessageGroupProps {\n msg: any;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n isExpanded: boolean;\n onToggleExpand: (id: string) => void;\n collapsedIds: Set<string>;\n onToggleCollapse: (id: string, e: React.MouseEvent) => void;\n selectedSpan: TraceSpan \| null;\n onSelectSpan: (span: TraceSpan \| null) => void;\n}\n\nconst TraceMessageGroup: React.FC<TraceMessageGroupProps> = ({\n msg,\n msgIndex,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n // Process and build render tree for this message's traces\n const { renderList, totalDuration } = useMemo(() => {\n if (!traces.length) return { renderList: [], totalDuration: 1 };\n\n const processedTrace = processTraceData(traces);\n const list = buildRenderTree(processedTrace, collapsedIds);\n\n // Calculate duration for this group based on the sequential layout\n let maxEnd = 0;\n list.forEach(node => {\n const end = node.offset + (node.span.duration \|\| 0);\n if (end > maxEnd) maxEnd = end;\n });\n\n return {\n renderList: list,\n totalDuration: Math.max(maxEnd, 1),\n };\n }, [traces, collapsedIds]);\n\n return (\n <div className=\"border border-[#EAEDF1] rounded-[8px]\">\n {/* Header Card /}\n <div\n className=\"flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30\"\n onClick={() => onToggleExpand(msg.id)}\n >\n <div className=\"flex items-center gap-2 font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]\">\n <span className=\"text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]\">\n {typeof msg.content === 'string'\n ? msg.content\n : msg?.content?.[0]?.text \|\| 'Unknown Message'}\n </span>\n </div>\n {isExpanded ? (\n <ChevronDown className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n ) : (\n <ChevronRight className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n )}\n </div>\n\n {isExpanded && (\n <div className=\"flex flex-col px-4\">\n {/ Trace Tree List /}\n <div className=\"text-[13px] leading-[22px] text-[#737A87] mb-2\">\n Invocation ID:\n <div>{invocationId}</div>\n </div>\n {renderList.length > 0 ? (\n <div className={cn('flex flex-col p-4 pt-0')}>\n <div className=\"min-w-fit flex flex-col font-sans text-xs\">\n <div className=\"flex flex-col\">\n {renderList.map((node, index) => {\n const isSelected = node.span.id === selectedSpan?.id;\n const duration = node.span.duration \|\| 0;\n const hasChildren =\n node.span.children && node.span.children.length > 0;\n\n // Timeline calculations\n const relativeWidth = (duration / totalDuration) 100;\n const relativeLeft = (node.offset / totalDuration) * 100;\n\n return (\n <div\n key={node.span.id \|\| index}\n className={cn(\n 'flex items-center py-1 px-2 relative cursor-pointer hover:bg-muted/50 rounded-sm group min-h-[32px] overflow-hidden',\n isSelected && 'bg-muted',\n )}\n onClick={() => {\n onSelectSpan(isSelected ? null : node.span);\n }}\n >\n {/* Left Section: Tree Lines + Icon + Name /}\n <div className=\"flex items-center w-[50%] shrink-0 h-full relative overflow-hidden pr-4\">\n {/ Tree Guides and Connectors /}\n <div className=\"flex shrink-0 h-full absolute left-0 top-0 bottom-0 pointer-events-none\">\n {node.guides.map((hasLine, i) => (\n <div\n key={i}\n className=\"h-full relative flex justify-center\"\n style={{ width: INDENT_SIZE }}\n >\n {hasLine && (\n <div className=\"w-px h-full bg-border/50\" />\n )}\n </div>\n ))}\n </div>\n\n {/ Current Node Connector (Lines) /}\n {node.level > 0 && (\n <div\n className=\"absolute h-full pointer-events-none\"\n style={{\n left: (node.level - 1) INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div\n className={cn(\n 'absolute right-0 top-0 w-[50%] h-[50%] border-b border-l border-border/50 rounded-bl-lg',\n )}\n style={{\n transform: 'translateX(-0.5px)',\n }}\n />\n {!node.isLast && (\n <div className=\"absolute left-1/2 top-1/2 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n )}\n </div>\n )}\n\n {/* Line to Children (if any) /}\n {hasChildren && !node.isCollapsed && (\n <div\n className=\"absolute h-1/2 bottom-0 pointer-events-none\"\n style={{\n left: node.level INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div className=\"absolute left-1/2 top-0 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n </div>\n )}\n\n {/* Spacing for Indentation /}\n <div\n style={{ width: node.level INDENT_SIZE }}\n className=\"shrink-0\"\n />\n\n {/* Collapse Toggle or Spacer /}\n <div className=\"w-4 h-4 mr-1 shrink-0 flex items-center justify-center relative z-20\">\n {hasChildren && (\n <div\n onClick={e => onToggleCollapse(node.span.id, e)}\n className=\"cursor-pointer hover:bg-black/10 rounded p-0.5 transition-colors\"\n >\n {node.isCollapsed ? (\n <ChevronRight className=\"w-3 h-3\" />\n ) : (\n <ChevronDown className=\"w-3 h-3\" />\n )}\n </div>\n )}\n </div>\n\n {/ Icon /}\n <span className=\"mr-2 shrink-0 z-10 relative bg-background rounded-full\">\n {getIcon(node)}\n </span>\n\n <div\n className=\"truncate font-sans text-sm text-foreground/90\"\n title={node.span.name}\n >\n {node.span.name}\n </div>\n </div>\n\n {/ Right Section: Duration Bar /}\n <div className=\"flex-1 h-full relative flex items-center\">\n <div\n className=\"absolute top-1/2 -translate-y-1/2 h-[24px] flex items-center rounded\"\n style={{\n left: `${relativeLeft}%`,\n width: `${Math.max(relativeWidth, 0.1)}%`,\n minWidth: '1px',\n }}\n >\n {/ Background Progress Bar /}\n <div className=\"absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full\" />\n {/ Text Content */}\n <span className=\"whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1\">\n {duration.toFixed(2)} ms\n </span>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n ) : (\n <div className=\"text-muted-foreground pb-2\">\n {`暂无 Trace 数据。`}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["useMemo","processTraceData","buildRenderTree","_jsxs","_jsx","ChevronDown","ChevronRight","cn","INDENT_SIZE","getIcon"],"mappings":";;;;;;;;;AAwBM,MAAA,iBAAiB,GAAqC,CAAC,EAC3D,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,KAAI;;IAEH,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAGA,aAAO,CAAC,MAAK;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;AAEhE,QAAA,MAAM,cAAc,GAAGC,sBAAgB,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,IAAI,GAAGC,qBAAe,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;;QAG3D,IAAI,MAAM,GAAG,CAAC,CAAC;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,IAAG;AAClB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;YACpD,IAAI,GAAG,GAAG,MAAM;gBAAE,MAAM,GAAG,GAAG,CAAC;AACjC,SAAC,CAAC,CAAC;QAEH,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACnC,CAAC;AACJ,KAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAE3B,IAAA,QACEC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,aAEpDA,eACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,MAAM,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EAErC,QAAA,EAAA,CAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iFAAiF,EAC9F,QAAA,EAAAA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oFAAoF,EACjG,QAAA,EAAA,OAAO,GAAG,CAAC,OAAO,KAAK,QAAQ;kCAC5B,GAAG,CAAC,OAAO;kCACX,GAAG,EAAE,OAAO,GAAG,CAAC,CAAC,EAAE,IAAI,IAAI,iBAAiB,EAAA,CAC3C,GACH,EACL,UAAU,IACTA,cAAA,CAACC,mBAAW,EAAA,EAAC,SAAS,EAAC,wCAAwC,GAAG,KAElED,eAACE,oBAAY,EAAA,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACpE,CAAA,EAAA,CACG,EAEL,UAAU,KACTH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAEjC,QAAA,EAAA,CAAAA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,+BAE7DC,cAAM,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,YAAY,GAAO,CACrB,EAAA,CAAA,EACL,UAAU,CAAC,MAAM,GAAG,CAAC,IACpBA,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEG,UAAE,CAAC,wBAAwB,CAAC,YAC1CH,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxDA,wBAAK,SAAS,EAAC,eAAe,EAC3B,QAAA,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;oCAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,EAAE,EAAE,CAAC;oCACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;AACzC,oCAAA,MAAM,WAAW,GACf,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;;oCAGtD,MAAM,aAAa,GAAG,CAAC,QAAQ,GAAG,aAAa,IAAI,GAAG,CAAC;oCACvD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,IAAI,GAAG,CAAC;AAEzD,oCAAA,QACED,eAEE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEI,UAAE,CACX,qHAAqH,EACrH,UAAU,IAAI,UAAU,CACzB,EACD,OAAO,EAAE,MAAK;AACZ,4CAAA,YAAY,CAAC,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9C,yCAAC,EAGD,QAAA,EAAA,CAAAJ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAAA,CAEtFC,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yEAAyE,EACrF,QAAA,EAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,MAC1BA,cAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAEI,iBAAW,EAAE,EAE5B,QAAA,EAAA,OAAO,KACNJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,CAAG,CAC7C,EAAA,EANI,CAAC,CAOF,CACP,CAAC,EAAA,CACE,EAGL,IAAI,CAAC,KAAK,GAAG,CAAC,KACbD,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;4DACL,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAIK,iBAAW;AACpC,4DAAA,KAAK,EAAEA,iBAAW;yDACnB,EAED,QAAA,EAAA,CAAAJ,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEG,UAAE,CACX,yFAAyF,CAC1F,EACD,KAAK,EAAE;AACL,oEAAA,SAAS,EAAE,oBAAoB;AAChC,iEAAA,EAAA,CACD,EACD,CAAC,IAAI,CAAC,MAAM,KACXH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uEAAuE,EAAA,CAAG,CAC1F,CACG,EAAA,CAAA,CACP,EAGA,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,KAC/BA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE;AACL,4DAAA,IAAI,EAAE,IAAI,CAAC,KAAK,GAAGI,iBAAW;AAC9B,4DAAA,KAAK,EAAEA,iBAAW;AACnB,yDAAA,EAAA,QAAA,EAEDJ,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qEAAqE,EAAG,CAAA,EAAA,CACnF,CACP,EAGDA,cACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAGI,iBAAW,EAAE,EAC1C,SAAS,EAAC,UAAU,EACpB,CAAA,EAGFJ,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sEAAsE,EAAA,QAAA,EAClF,WAAW,KACVA,cAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAC/C,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAE3E,IAAI,CAAC,WAAW,IACfA,cAAC,CAAAE,oBAAY,EAAC,EAAA,SAAS,EAAC,SAAS,EAAG,CAAA,KAEpCF,cAAC,CAAAC,mBAAW,EAAC,EAAA,SAAS,EAAC,SAAS,EAAG,CAAA,CACpC,EACG,CAAA,CACP,EACG,CAAA,EAGND,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EACrE,QAAA,EAAAK,aAAO,CAAC,IAAI,CAAC,EACT,CAAA,EAEPL,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAEpB,QAAA,EAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAA,CACX,CACF,EAAA,CAAA,EAGNA,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EACvD,QAAA,EAAAD,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,sEAAsE,EAChF,KAAK,EAAE;wDACL,IAAI,EAAE,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA;wDACxB,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,CAAG,CAAA,CAAA;AACzC,wDAAA,QAAQ,EAAE,KAAK;AAChB,qDAAA,EAAA,QAAA,EAAA,CAGDC,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gEAAgE,EAAG,CAAA,EAElFD,eAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,mFAAmF,EAChG,QAAA,EAAA,CAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EACf,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CACH,EACF,CAAA,CAAA,EAAA,EAlHD,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,CAmHtB,EACN;iCACH,CAAC,GACE,EACF,CAAA,EAAA,CACF,KAENC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,YACxC,CAAc,YAAA,CAAA,EAAA,CACX,CACP,CACG,EAAA,CAAA,CACP,CACG,EAAA,CAAA,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"TraceMessageGroup.cjs","sources":["../../../../../src/adk/components/Debug/Trace/TraceMessageGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n} from './utils';\n\ninterface TraceMessageGroupProps {\n msg: any;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n isExpanded: boolean;\n onToggleExpand: (id: string) => void;\n collapsedIds: Set<string>;\n onToggleCollapse: (id: string, e: React.MouseEvent) => void;\n selectedSpan: TraceSpan \| null;\n onSelectSpan: (span: TraceSpan \| null) => void;\n}\n\nconst TraceMessageGroup: React.FC<TraceMessageGroupProps> = ({\n msg,\n msgIndex,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n // Process and build render tree for this message's traces\n const { renderList, totalDuration } = useMemo(() => {\n if (!traces.length) return { renderList: [], totalDuration: 1 };\n\n const processedTrace = processTraceData(traces);\n const list = buildRenderTree(processedTrace, collapsedIds);\n\n // Calculate duration for this group based on the sequential layout\n let maxEnd = 0;\n list.forEach(node => {\n const end = node.offset + (node.span.duration \|\| 0);\n if (end > maxEnd) maxEnd = end;\n });\n\n return {\n renderList: list,\n totalDuration: Math.max(maxEnd, 1),\n };\n }, [traces, collapsedIds]);\n\n return (\n <div className=\"border border-[#EAEDF1] rounded-[8px]\">\n {/* Header Card /}\n <div\n className=\"flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30\"\n onClick={() => onToggleExpand(msg.id)}\n >\n <div className=\"flex items-center gap-2 bg-white font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]\">\n <span className=\"text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]\">\n {typeof msg.content === 'string'\n ? msg.content\n : msg?.content?.[0]?.text \|\| 'Unknown Message'}\n </span>\n </div>\n {isExpanded ? (\n <ChevronDown className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n ) : (\n <ChevronRight className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n )}\n </div>\n\n {isExpanded && (\n <div className=\"flex flex-col px-4\">\n {/ Trace Tree List /}\n <div className=\"text-[13px] leading-[22px] text-[#737A87] mb-2\">\n Invocation ID:\n <div>{invocationId}</div>\n </div>\n {renderList.length > 0 ? (\n <div className={cn('flex flex-col pt-0')}>\n <div className=\"min-w-fit flex flex-col font-sans text-xs\">\n <div className=\"flex flex-col\">\n {renderList.map((node, index) => {\n const isSelected = node.span.id === selectedSpan?.id;\n const duration = node.span.duration \|\| 0;\n const hasChildren =\n node.span.children && node.span.children.length > 0;\n\n // Timeline calculations\n const relativeWidth = (duration / totalDuration) 100;\n const relativeLeft = (node.offset / totalDuration) * 100;\n\n return (\n <div\n key={node.span.id \|\| index}\n className={cn(\n 'flex items-center py-1 px-2 relative cursor-pointer hover:bg-muted/50 rounded-sm group min-h-[32px] overflow-hidden',\n isSelected && 'bg-muted',\n )}\n onClick={() => {\n onSelectSpan(isSelected ? null : node.span);\n }}\n >\n {/* Left Section: Tree Lines + Icon + Name /}\n <div className=\"flex items-center w-[50%] shrink-0 h-full relative overflow-hidden pr-4\">\n {/ Tree Guides and Connectors /}\n <div className=\"flex shrink-0 h-full absolute left-0 top-0 bottom-0 pointer-events-none\">\n {node.guides.map((hasLine, i) => (\n <div\n key={i}\n className=\"h-full relative flex justify-center\"\n style={{ width: INDENT_SIZE }}\n >\n {hasLine && (\n <div className=\"w-px h-full bg-border/50\" />\n )}\n </div>\n ))}\n </div>\n\n {/ Current Node Connector (Lines) /}\n {node.level > 0 && (\n <div\n className=\"absolute h-full pointer-events-none\"\n style={{\n left: (node.level - 1) INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div\n className={cn(\n 'absolute right-0 top-0 w-[50%] h-[50%] border-b border-l border-border/50 rounded-bl-lg',\n )}\n style={{\n transform: 'translateX(-0.5px)',\n }}\n />\n {!node.isLast && (\n <div className=\"absolute left-1/2 top-1/2 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n )}\n </div>\n )}\n\n {/* Line to Children (if any) /}\n {hasChildren && !node.isCollapsed && (\n <div\n className=\"absolute h-1/2 bottom-0 pointer-events-none\"\n style={{\n left: node.level INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div className=\"absolute left-1/2 top-0 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n </div>\n )}\n\n {/* Spacing for Indentation /}\n <div\n style={{ width: node.level INDENT_SIZE }}\n className=\"shrink-0\"\n />\n\n {/* Collapse Toggle or Spacer /}\n <div className=\"w-4 h-4 mr-1 shrink-0 flex items-center justify-center relative z-20\">\n {hasChildren && (\n <div\n onClick={e => onToggleCollapse(node.span.id, e)}\n className=\"cursor-pointer hover:bg-black/10 rounded p-0.5 transition-colors\"\n >\n {node.isCollapsed ? (\n <ChevronRight className=\"w-3 h-3\" />\n ) : (\n <ChevronDown className=\"w-3 h-3\" />\n )}\n </div>\n )}\n </div>\n\n {/ Icon /}\n <span className=\"mr-2 shrink-0 z-10 relative bg-background rounded-full\">\n {getIcon(node)}\n </span>\n\n <div\n className=\"truncate font-sans text-sm text-foreground/90\"\n title={node.span.name}\n >\n {node.span.name}\n </div>\n </div>\n\n {/ Right Section: Duration Bar /}\n <div className=\"flex-1 h-full relative flex items-center\">\n <div\n className=\"absolute top-1/2 -translate-y-1/2 h-[24px] flex items-center rounded\"\n style={{\n left: `${relativeLeft}%`,\n width: `${Math.max(relativeWidth, 0.1)}%`,\n minWidth: '1px',\n }}\n >\n {/ Background Progress Bar /}\n <div className=\"absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full\" />\n {/ Text Content */}\n <span className=\"whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1\">\n {duration.toFixed(2)} ms\n </span>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n ) : (\n <div className=\"text-muted-foreground pb-2\">\n {`暂无 Trace 数据。`}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["useMemo","processTraceData","buildRenderTree","_jsxs","_jsx","ChevronDown","ChevronRight","cn","INDENT_SIZE","getIcon"],"mappings":"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"}

package/dist/adk/components/Debug/Trace/TraceMessageGroup.js CHANGED Viewed

@@ -24,9 +24,9 @@ const TraceMessageGroup = ({ msg, msgIndex, invocationId, traces, isExpanded, on
             totalDuration: Math.max(maxEnd, 1),
         };
     }, [traces, collapsedIds]);
-    return (jsxs("div", { className: "border border-[#EAEDF1] rounded-[8px]", children: [jsxs("div", { className: "flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30", onClick: () => onToggleExpand(msg.id), children: [jsx("div", { className: "flex items-center gap-2 font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]", children: jsx("span", { className: "text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]", children: typeof msg.content === 'string'
+    return (jsxs("div", { className: "border border-[#EAEDF1] rounded-[8px]", children: [jsxs("div", { className: "flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30", onClick: () => onToggleExpand(msg.id), children: [jsx("div", { className: "flex items-center gap-2 bg-white font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]", children: jsx("span", { className: "text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]", children: typeof msg.content === 'string'
                                 ? msg.content
-                                : msg?.content?.[0]?.text || 'Unknown Message' }) }), isExpanded ? (jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground shrink-0" })) : (jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground shrink-0" }))] }), isExpanded && (jsxs("div", { className: "flex flex-col px-4", children: [jsxs("div", { className: "text-[13px] leading-[22px] text-[#737A87] mb-2", children: ["Invocation ID:", jsx("div", { children: invocationId })] }), renderList.length > 0 ? (jsx("div", { className: cn('flex flex-col p-4 pt-0'), children: jsx("div", { className: "min-w-fit flex flex-col font-sans text-xs", children: jsx("div", { className: "flex flex-col", children: renderList.map((node, index) => {
+                                : msg?.content?.[0]?.text || 'Unknown Message' }) }), isExpanded ? (jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground shrink-0" })) : (jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground shrink-0" }))] }), isExpanded && (jsxs("div", { className: "flex flex-col px-4", children: [jsxs("div", { className: "text-[13px] leading-[22px] text-[#737A87] mb-2", children: ["Invocation ID:", jsx("div", { children: invocationId })] }), renderList.length > 0 ? (jsx("div", { className: cn('flex flex-col pt-0'), children: jsx("div", { className: "min-w-fit flex flex-col font-sans text-xs", children: jsx("div", { className: "flex flex-col", children: renderList.map((node, index) => {
                                     const isSelected = node.span.id === selectedSpan?.id;
                                     const duration = node.span.duration || 0;
                                     const hasChildren = node.span.children && node.span.children.length > 0;

package/dist/adk/components/Debug/Trace/TraceMessageGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraceMessageGroup.js","sources":["../../../../../src/adk/components/Debug/Trace/TraceMessageGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n} from './utils';\n\ninterface TraceMessageGroupProps {\n msg: any;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n isExpanded: boolean;\n onToggleExpand: (id: string) => void;\n collapsedIds: Set<string>;\n onToggleCollapse: (id: string, e: React.MouseEvent) => void;\n selectedSpan: TraceSpan \| null;\n onSelectSpan: (span: TraceSpan \| null) => void;\n}\n\nconst TraceMessageGroup: React.FC<TraceMessageGroupProps> = ({\n msg,\n msgIndex,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n // Process and build render tree for this message's traces\n const { renderList, totalDuration } = useMemo(() => {\n if (!traces.length) return { renderList: [], totalDuration: 1 };\n\n const processedTrace = processTraceData(traces);\n const list = buildRenderTree(processedTrace, collapsedIds);\n\n // Calculate duration for this group based on the sequential layout\n let maxEnd = 0;\n list.forEach(node => {\n const end = node.offset + (node.span.duration \|\| 0);\n if (end > maxEnd) maxEnd = end;\n });\n\n return {\n renderList: list,\n totalDuration: Math.max(maxEnd, 1),\n };\n }, [traces, collapsedIds]);\n\n return (\n <div className=\"border border-[#EAEDF1] rounded-[8px]\">\n {/* Header Card /}\n <div\n className=\"flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30\"\n onClick={() => onToggleExpand(msg.id)}\n >\n <div className=\"flex items-center gap-2 font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]\">\n <span className=\"text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]\">\n {typeof msg.content === 'string'\n ? msg.content\n : msg?.content?.[0]?.text \|\| 'Unknown Message'}\n </span>\n </div>\n {isExpanded ? (\n <ChevronDown className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n ) : (\n <ChevronRight className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n )}\n </div>\n\n {isExpanded && (\n <div className=\"flex flex-col px-4\">\n {/ Trace Tree List /}\n <div className=\"text-[13px] leading-[22px] text-[#737A87] mb-2\">\n Invocation ID:\n <div>{invocationId}</div>\n </div>\n {renderList.length > 0 ? (\n <div className={cn('flex flex-col p-4 pt-0')}>\n <div className=\"min-w-fit flex flex-col font-sans text-xs\">\n <div className=\"flex flex-col\">\n {renderList.map((node, index) => {\n const isSelected = node.span.id === selectedSpan?.id;\n const duration = node.span.duration \|\| 0;\n const hasChildren =\n node.span.children && node.span.children.length > 0;\n\n // Timeline calculations\n const relativeWidth = (duration / totalDuration) 100;\n const relativeLeft = (node.offset / totalDuration) * 100;\n\n return (\n <div\n key={node.span.id \|\| index}\n className={cn(\n 'flex items-center py-1 px-2 relative cursor-pointer hover:bg-muted/50 rounded-sm group min-h-[32px] overflow-hidden',\n isSelected && 'bg-muted',\n )}\n onClick={() => {\n onSelectSpan(isSelected ? null : node.span);\n }}\n >\n {/* Left Section: Tree Lines + Icon + Name /}\n <div className=\"flex items-center w-[50%] shrink-0 h-full relative overflow-hidden pr-4\">\n {/ Tree Guides and Connectors /}\n <div className=\"flex shrink-0 h-full absolute left-0 top-0 bottom-0 pointer-events-none\">\n {node.guides.map((hasLine, i) => (\n <div\n key={i}\n className=\"h-full relative flex justify-center\"\n style={{ width: INDENT_SIZE }}\n >\n {hasLine && (\n <div className=\"w-px h-full bg-border/50\" />\n )}\n </div>\n ))}\n </div>\n\n {/ Current Node Connector (Lines) /}\n {node.level > 0 && (\n <div\n className=\"absolute h-full pointer-events-none\"\n style={{\n left: (node.level - 1) INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div\n className={cn(\n 'absolute right-0 top-0 w-[50%] h-[50%] border-b border-l border-border/50 rounded-bl-lg',\n )}\n style={{\n transform: 'translateX(-0.5px)',\n }}\n />\n {!node.isLast && (\n <div className=\"absolute left-1/2 top-1/2 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n )}\n </div>\n )}\n\n {/* Line to Children (if any) /}\n {hasChildren && !node.isCollapsed && (\n <div\n className=\"absolute h-1/2 bottom-0 pointer-events-none\"\n style={{\n left: node.level INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div className=\"absolute left-1/2 top-0 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n </div>\n )}\n\n {/* Spacing for Indentation /}\n <div\n style={{ width: node.level INDENT_SIZE }}\n className=\"shrink-0\"\n />\n\n {/* Collapse Toggle or Spacer /}\n <div className=\"w-4 h-4 mr-1 shrink-0 flex items-center justify-center relative z-20\">\n {hasChildren && (\n <div\n onClick={e => onToggleCollapse(node.span.id, e)}\n className=\"cursor-pointer hover:bg-black/10 rounded p-0.5 transition-colors\"\n >\n {node.isCollapsed ? (\n <ChevronRight className=\"w-3 h-3\" />\n ) : (\n <ChevronDown className=\"w-3 h-3\" />\n )}\n </div>\n )}\n </div>\n\n {/ Icon /}\n <span className=\"mr-2 shrink-0 z-10 relative bg-background rounded-full\">\n {getIcon(node)}\n </span>\n\n <div\n className=\"truncate font-sans text-sm text-foreground/90\"\n title={node.span.name}\n >\n {node.span.name}\n </div>\n </div>\n\n {/ Right Section: Duration Bar /}\n <div className=\"flex-1 h-full relative flex items-center\">\n <div\n className=\"absolute top-1/2 -translate-y-1/2 h-[24px] flex items-center rounded\"\n style={{\n left: `${relativeLeft}%`,\n width: `${Math.max(relativeWidth, 0.1)}%`,\n minWidth: '1px',\n }}\n >\n {/ Background Progress Bar /}\n <div className=\"absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full\" />\n {/ Text Content */}\n <span className=\"whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1\">\n {duration.toFixed(2)} ms\n </span>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n ) : (\n <div className=\"text-muted-foreground pb-2\">\n {`暂无 Trace 数据。`}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"TraceMessageGroup.js","sources":["../../../../../src/adk/components/Debug/Trace/TraceMessageGroup.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n} from './utils';\n\ninterface TraceMessageGroupProps {\n msg: any;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n isExpanded: boolean;\n onToggleExpand: (id: string) => void;\n collapsedIds: Set<string>;\n onToggleCollapse: (id: string, e: React.MouseEvent) => void;\n selectedSpan: TraceSpan \| null;\n onSelectSpan: (span: TraceSpan \| null) => void;\n}\n\nconst TraceMessageGroup: React.FC<TraceMessageGroupProps> = ({\n msg,\n msgIndex,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n // Process and build render tree for this message's traces\n const { renderList, totalDuration } = useMemo(() => {\n if (!traces.length) return { renderList: [], totalDuration: 1 };\n\n const processedTrace = processTraceData(traces);\n const list = buildRenderTree(processedTrace, collapsedIds);\n\n // Calculate duration for this group based on the sequential layout\n let maxEnd = 0;\n list.forEach(node => {\n const end = node.offset + (node.span.duration \|\| 0);\n if (end > maxEnd) maxEnd = end;\n });\n\n return {\n renderList: list,\n totalDuration: Math.max(maxEnd, 1),\n };\n }, [traces, collapsedIds]);\n\n return (\n <div className=\"border border-[#EAEDF1] rounded-[8px]\">\n {/* Header Card /}\n <div\n className=\"flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer transition-colors sticky top-0 z-30\"\n onClick={() => onToggleExpand(msg.id)}\n >\n <div className=\"flex items-center gap-2 bg-white font-medium truncate pr-4 leading-[22px] text-[#0C0D0E]\">\n <span className=\"text-muted-foreground font-mono leading-[22px] font-medium truncate text-[#0C0D0E]\">\n {typeof msg.content === 'string'\n ? msg.content\n : msg?.content?.[0]?.text \|\| 'Unknown Message'}\n </span>\n </div>\n {isExpanded ? (\n <ChevronDown className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n ) : (\n <ChevronRight className=\"w-4 h-4 text-muted-foreground shrink-0\" />\n )}\n </div>\n\n {isExpanded && (\n <div className=\"flex flex-col px-4\">\n {/ Trace Tree List /}\n <div className=\"text-[13px] leading-[22px] text-[#737A87] mb-2\">\n Invocation ID:\n <div>{invocationId}</div>\n </div>\n {renderList.length > 0 ? (\n <div className={cn('flex flex-col pt-0')}>\n <div className=\"min-w-fit flex flex-col font-sans text-xs\">\n <div className=\"flex flex-col\">\n {renderList.map((node, index) => {\n const isSelected = node.span.id === selectedSpan?.id;\n const duration = node.span.duration \|\| 0;\n const hasChildren =\n node.span.children && node.span.children.length > 0;\n\n // Timeline calculations\n const relativeWidth = (duration / totalDuration) 100;\n const relativeLeft = (node.offset / totalDuration) * 100;\n\n return (\n <div\n key={node.span.id \|\| index}\n className={cn(\n 'flex items-center py-1 px-2 relative cursor-pointer hover:bg-muted/50 rounded-sm group min-h-[32px] overflow-hidden',\n isSelected && 'bg-muted',\n )}\n onClick={() => {\n onSelectSpan(isSelected ? null : node.span);\n }}\n >\n {/* Left Section: Tree Lines + Icon + Name /}\n <div className=\"flex items-center w-[50%] shrink-0 h-full relative overflow-hidden pr-4\">\n {/ Tree Guides and Connectors /}\n <div className=\"flex shrink-0 h-full absolute left-0 top-0 bottom-0 pointer-events-none\">\n {node.guides.map((hasLine, i) => (\n <div\n key={i}\n className=\"h-full relative flex justify-center\"\n style={{ width: INDENT_SIZE }}\n >\n {hasLine && (\n <div className=\"w-px h-full bg-border/50\" />\n )}\n </div>\n ))}\n </div>\n\n {/ Current Node Connector (Lines) /}\n {node.level > 0 && (\n <div\n className=\"absolute h-full pointer-events-none\"\n style={{\n left: (node.level - 1) INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div\n className={cn(\n 'absolute right-0 top-0 w-[50%] h-[50%] border-b border-l border-border/50 rounded-bl-lg',\n )}\n style={{\n transform: 'translateX(-0.5px)',\n }}\n />\n {!node.isLast && (\n <div className=\"absolute left-1/2 top-1/2 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n )}\n </div>\n )}\n\n {/* Line to Children (if any) /}\n {hasChildren && !node.isCollapsed && (\n <div\n className=\"absolute h-1/2 bottom-0 pointer-events-none\"\n style={{\n left: node.level INDENT_SIZE,\n width: INDENT_SIZE,\n }}\n >\n <div className=\"absolute left-1/2 top-0 bottom-0 w-px bg-border/50 -translate-x-1/2\" />\n </div>\n )}\n\n {/* Spacing for Indentation /}\n <div\n style={{ width: node.level INDENT_SIZE }}\n className=\"shrink-0\"\n />\n\n {/* Collapse Toggle or Spacer /}\n <div className=\"w-4 h-4 mr-1 shrink-0 flex items-center justify-center relative z-20\">\n {hasChildren && (\n <div\n onClick={e => onToggleCollapse(node.span.id, e)}\n className=\"cursor-pointer hover:bg-black/10 rounded p-0.5 transition-colors\"\n >\n {node.isCollapsed ? (\n <ChevronRight className=\"w-3 h-3\" />\n ) : (\n <ChevronDown className=\"w-3 h-3\" />\n )}\n </div>\n )}\n </div>\n\n {/ Icon /}\n <span className=\"mr-2 shrink-0 z-10 relative bg-background rounded-full\">\n {getIcon(node)}\n </span>\n\n <div\n className=\"truncate font-sans text-sm text-foreground/90\"\n title={node.span.name}\n >\n {node.span.name}\n </div>\n </div>\n\n {/ Right Section: Duration Bar /}\n <div className=\"flex-1 h-full relative flex items-center\">\n <div\n className=\"absolute top-1/2 -translate-y-1/2 h-[24px] flex items-center rounded\"\n style={{\n left: `${relativeLeft}%`,\n width: `${Math.max(relativeWidth, 0.1)}%`,\n minWidth: '1px',\n }}\n >\n {/ Background Progress Bar /}\n <div className=\"absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full\" />\n {/ Text Content */}\n <span className=\"whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1\">\n {duration.toFixed(2)} ms\n </span>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n ) : (\n <div className=\"text-muted-foreground pb-2\">\n {`暂无 Trace 数据。`}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAwBM,MAAA,iBAAiB,GAAqC,CAAC,EAC3D,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,KAAI;;IAEH,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,MAAK;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;AAEhE,QAAA,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,eAAe,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;;QAG3D,IAAI,MAAM,GAAG,CAAC,CAAC;AACf,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,IAAG;AAClB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;YACpD,IAAI,GAAG,GAAG,MAAM;gBAAE,MAAM,GAAG,GAAG,CAAC;AACjC,SAAC,CAAC,CAAC;QAEH,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;YAChB,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;SACnC,CAAC;AACJ,KAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAE3B,IAAA,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,aAEpDA,IACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,MAAM,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EAErC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0FAA0F,EACvG,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oFAAoF,EACjG,QAAA,EAAA,OAAO,GAAG,CAAC,OAAO,KAAK,QAAQ;kCAC5B,GAAG,CAAC,OAAO;kCACX,GAAG,EAAE,OAAO,GAAG,CAAC,CAAC,EAAE,IAAI,IAAI,iBAAiB,EAAA,CAC3C,GACH,EACL,UAAU,IACTA,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAC,wCAAwC,GAAG,KAElEA,IAAC,YAAY,EAAA,EAAC,SAAS,EAAC,wCAAwC,GAAG,CACpE,CAAA,EAAA,CACG,EAEL,UAAU,KACTD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAEjC,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,+BAE7DC,GAAM,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,YAAY,GAAO,CACrB,EAAA,CAAA,EACL,UAAU,CAAC,MAAM,GAAG,CAAC,IACpBA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,YACtCA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxDA,aAAK,SAAS,EAAC,eAAe,EAC3B,QAAA,EAAA,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;oCAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,YAAY,EAAE,EAAE,CAAC;oCACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;AACzC,oCAAA,MAAM,WAAW,GACf,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;;oCAGtD,MAAM,aAAa,GAAG,CAAC,QAAQ,GAAG,aAAa,IAAI,GAAG,CAAC;oCACvD,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,IAAI,GAAG,CAAC;AAEzD,oCAAA,QACED,IAEE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,UAAU,IAAI,UAAU,CACzB,EACD,OAAO,EAAE,MAAK;AACZ,4CAAA,YAAY,CAAC,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;AAC9C,yCAAC,EAGD,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAAA,CAEtFC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yEAAyE,EACrF,QAAA,EAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,MAC1BA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAE5B,QAAA,EAAA,OAAO,KACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,CAAG,CAC7C,EAAA,EANI,CAAC,CAOF,CACP,CAAC,EAAA,CACE,EAGL,IAAI,CAAC,KAAK,GAAG,CAAC,KACbD,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE;4DACL,IAAI,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,WAAW;AACpC,4DAAA,KAAK,EAAE,WAAW;yDACnB,EAED,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,yFAAyF,CAC1F,EACD,KAAK,EAAE;AACL,oEAAA,SAAS,EAAE,oBAAoB;AAChC,iEAAA,EAAA,CACD,EACD,CAAC,IAAI,CAAC,MAAM,KACXA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uEAAuE,EAAA,CAAG,CAC1F,CACG,EAAA,CAAA,CACP,EAGA,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,KAC/BA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,6CAA6C,EACvD,KAAK,EAAE;AACL,4DAAA,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,WAAW;AAC9B,4DAAA,KAAK,EAAE,WAAW;AACnB,yDAAA,EAAA,QAAA,EAEDA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qEAAqE,EAAG,CAAA,EAAA,CACnF,CACP,EAGDA,GACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,WAAW,EAAE,EAC1C,SAAS,EAAC,UAAU,EACpB,CAAA,EAGFA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sEAAsE,EAAA,QAAA,EAClF,WAAW,KACVA,GAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAC/C,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAE3E,IAAI,CAAC,WAAW,IACfA,GAAC,CAAA,YAAY,EAAC,EAAA,SAAS,EAAC,SAAS,EAAG,CAAA,KAEpCA,GAAC,CAAA,WAAW,EAAC,EAAA,SAAS,EAAC,SAAS,EAAG,CAAA,CACpC,EACG,CAAA,CACP,EACG,CAAA,EAGNA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EACrE,QAAA,EAAA,OAAO,CAAC,IAAI,CAAC,EACT,CAAA,EAEPA,GACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+CAA+C,EACzD,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAEpB,QAAA,EAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAA,CACX,CACF,EAAA,CAAA,EAGNA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EACvD,QAAA,EAAAD,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,sEAAsE,EAChF,KAAK,EAAE;wDACL,IAAI,EAAE,CAAG,EAAA,YAAY,CAAG,CAAA,CAAA;wDACxB,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,CAAC,CAAG,CAAA,CAAA;AACzC,wDAAA,QAAQ,EAAE,KAAK;AAChB,qDAAA,EAAA,QAAA,EAAA,CAGDC,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gEAAgE,EAAG,CAAA,EAElFD,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,mFAAmF,EAChG,QAAA,EAAA,CAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EACf,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CACH,EACF,CAAA,CAAA,EAAA,EAlHD,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,CAmHtB,EACN;iCACH,CAAC,GACE,EACF,CAAA,EAAA,CACF,KAENC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,YACxC,CAAc,YAAA,CAAA,EAAA,CACX,CACP,CACG,EAAA,CAAA,CACP,CACG,EAAA,CAAA,EACN;AACJ;;;;"}