npm - @chat-lab/ui - Versions diffs - 0.1.0-beta.48 → 0.1.0-beta.49 - Mend

@chat-lab/ui 0.1.0-beta.48 → 0.1.0-beta.49

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 (279) hide show

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

@@ -48,7 +48,7 @@ const Events = (props) => {
         controller,
         appName: plugin?.options.appName || '',
         userId: plugin?.options.userId || '',
-        sessionId: thread?.id || '',
+        sessionId: thread?.id,
     }) || [];
     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) }) }));

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 { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport EventDetail from './EventDetail';\nimport { keys } from 'lodash-es';\nimport Empty from '@/assets/Empty';\nimport useADKEventHooks from './useADKEventHooks';\n\nconst renderSummary = (message: ~~Record<string, any>~~) => {\n if (message.error) {\n return `error:${message.error}`;\n }\n if (\n message.actions?.stateDelta &&\n keys(message.actions.stateDelta).length > 0\n ) {\n return `eventAction:state`;\n }\n if (\n message.actions?.artifactDelta &&\n keys(message.actions.artifactDelta).length > 0\n ) {\n return `eventAction:artifact`;\n }\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 if (c.errorMessage) return `errorMessage:${c.errorMessage}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { controller, thread } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ~~Record<string,~~ ~~unknown>~~ \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const plugin = controller.pluginManager.getPluginByName('ADKPlugin');\n const events =\n useADKEventHooks({\n controller,\n appName: plugin?.options.appName \|\| '',\n userId: plugin?.options.userId \|\| '',\n sessionId: thread?.id ~~\|\| ''~~,\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=\"h-full flex items-center justify-center\">\n <Empty />\n </div>\n ) : (\n <div ref={wrapperRef}>\n {events.map(ele => {\n const e = ele;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition mb-2 hover:bg-[#f5f5f5] \"\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","_jsx","Card","CardContent","_jsxs"],"mappings":";;;;;;;;;;~~AAWA~~,MAAM,aAAa,GAAG,CAAC,~~OAA4B~~,KAAI;~~AACrD~~,IAAA,IAAI,OAAO,CAAC,KAAK,EAAE;AACjB,QAAA,OAAO,CAAS,MAAA,EAAA,OAAO,CAAC,KAAK,EAAE,CAAC;KACjC;AACD,IAAA,IACE,OAAO,CAAC,OAAO,EAAE,UAAU;AAC3B,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAC3C;AACA,QAAA,OAAO,mBAAmB,CAAC;KAC5B;AACD,IAAA,IACE,OAAO,CAAC,OAAO,EAAE,aAAa;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EAC9C;AACA,QAAA,OAAO,sBAAsB,CAAC;KAC/B;AACD,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;QAC5D,IAAI,CAAC,CAAC,YAAY;AAAE,YAAA,OAAO,CAAgB,aAAA,EAAA,CAAC,CAAC,YAAY,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,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACrC,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;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACrE,MAAM,MAAM,GACV,gBAAgB,CAAC;QACf,UAAU;AACV,QAAA,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;AACtC,QAAA,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;~~AACpC~~,~~QAAA,~~SAAS,EAAE,MAAM,EAAE,EAAE~~,IAAI,EAAE~~;~~KAC5B~~,CAAC,IAAI,EAAE,CAAC;IAEX,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,cAAC,CAAAC,SAAI,EAAC,EAAA,SAAS,EAAC,uDAAuD,EAAA,QAAA,EACrED,cAAC,CAAAE,gBAAW,EACV,EAAA,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAE7C,MAAM,CAAC,MAAM,KAAK,CAAC,IAClBF,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EACtDA,eAAC,KAAK,EAAA,EAAA,CAAG,EACL,CAAA,KAENA,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,UAAU,EAAA,QAAA,EACjB,MAAM,CAAC,GAAG,CAAC,GAAG,IAAG;oBAChB,MAAM,CAAC,GAAG,GAAG,CAAC;AACd,oBAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,yFAAyF,EACnG,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 { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport EventDetail from './EventDetail';\nimport { keys } from 'lodash-es';\nimport Empty from '@/assets/Empty';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport useADKEventHooks from './useADKEventHooks';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n if (message.error) {\n return `error:${message.error}`;\n }\n if (\n message.actions?.stateDelta &&\n keys(message.actions.stateDelta).length > 0\n ) {\n return `eventAction:state`;\n }\n if (\n message.actions?.artifactDelta &&\n keys(message.actions.artifactDelta).length > 0\n ) {\n return `eventAction:artifact`;\n }\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 if (c.errorMessage) return `errorMessage:${c.errorMessage}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { controller, thread } = 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 plugin = controller.pluginManager.getPluginByName('ADKPlugin');\n const events =\n useADKEventHooks({\n controller,\n appName: plugin?.options.appName \|\| '',\n userId: plugin?.options.userId \|\| '',\n sessionId: thread?.id,\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=\"h-full flex items-center justify-center\">\n <Empty />\n </div>\n ) : (\n <div ref={wrapperRef}>\n {events.map(ele => {\n const e = ele;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition mb-2 hover:bg-[#f5f5f5] \"\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","_jsx","Card","CardContent","_jsxs"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;~~AAsCtC~~,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gBAmEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Events/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAuCtC,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gBAmEjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -46,7 +46,7 @@ const Events = (props) => {
         controller,
         appName: plugin?.options.appName || '',
         userId: plugin?.options.userId || '',
-        sessionId: thread?.id || '',
+        sessionId: thread?.id,
     }) || [];
     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) }) }));

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 { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport EventDetail from './EventDetail';\nimport { keys } from 'lodash-es';\nimport Empty from '@/assets/Empty';\nimport useADKEventHooks from './useADKEventHooks';\n\nconst renderSummary = (message: ~~Record<string, any>~~) => {\n if (message.error) {\n return `error:${message.error}`;\n }\n if (\n message.actions?.stateDelta &&\n keys(message.actions.stateDelta).length > 0\n ) {\n return `eventAction:state`;\n }\n if (\n message.actions?.artifactDelta &&\n keys(message.actions.artifactDelta).length > 0\n ) {\n return `eventAction:artifact`;\n }\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 if (c.errorMessage) return `errorMessage:${c.errorMessage}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { controller, thread } = props;\n const [selectedMessage, setSelectedMessage] = useState<\n ~~Record<string,~~ ~~unknown>~~ \| undefined\n >();\n\n const containerRef = useRef(null);\n const wrapperRef = useRef(null);\n\n const plugin = controller.pluginManager.getPluginByName('ADKPlugin');\n const events =\n useADKEventHooks({\n controller,\n appName: plugin?.options.appName \|\| '',\n userId: plugin?.options.userId \|\| '',\n sessionId: thread?.id ~~\|\| ''~~,\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=\"h-full flex items-center justify-center\">\n <Empty />\n </div>\n ) : (\n <div ref={wrapperRef}>\n {events.map(ele => {\n const e = ele;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition mb-2 hover:bg-[#f5f5f5] \"\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":";;;;;;;;~~AAWA~~,MAAM,aAAa,GAAG,CAAC,~~OAA4B~~,KAAI;~~AACrD~~,IAAA,IAAI,OAAO,CAAC,KAAK,EAAE;AACjB,QAAA,OAAO,CAAS,MAAA,EAAA,OAAO,CAAC,KAAK,EAAE,CAAC;KACjC;AACD,IAAA,IACE,OAAO,CAAC,OAAO,EAAE,UAAU;AAC3B,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAC3C;AACA,QAAA,OAAO,mBAAmB,CAAC;KAC5B;AACD,IAAA,IACE,OAAO,CAAC,OAAO,EAAE,aAAa;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EAC9C;AACA,QAAA,OAAO,sBAAsB,CAAC;KAC/B;AACD,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;QAC5D,IAAI,CAAC,CAAC,YAAY;AAAE,YAAA,OAAO,CAAgB,aAAA,EAAA,CAAC,CAAC,YAAY,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,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACrC,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;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;IACrE,MAAM,MAAM,GACV,gBAAgB,CAAC;QACf,UAAU;AACV,QAAA,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;AACtC,QAAA,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;~~AACpC~~,~~QAAA,~~SAAS,EAAE,MAAM,EAAE,EAAE~~,IAAI,EAAE~~;~~KAC5B~~,CAAC,IAAI,EAAE,CAAC;IAEX,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,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,uDAAuD,EAAA,QAAA,EACrEA,GAAC,CAAA,WAAW,EACV,EAAA,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAE7C,MAAM,CAAC,MAAM,KAAK,CAAC,IAClBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EACtDA,IAAC,KAAK,EAAA,EAAA,CAAG,EACL,CAAA,KAENA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,UAAU,EAAA,QAAA,EACjB,MAAM,CAAC,GAAG,CAAC,GAAG,IAAG;oBAChB,MAAM,CAAC,GAAG,GAAG,CAAC;AACd,oBAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,yFAAyF,EACnG,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 { EventsProps } from './types';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\n\nimport { ADKMessage, MessageStatus } from '@chat-lab/core';\nimport EventDetail from './EventDetail';\nimport { keys } from 'lodash-es';\nimport Empty from '@/assets/Empty';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport useADKEventHooks from './useADKEventHooks';\n\nconst renderSummary = (message: ADKMessage['adkResponses'][number]) => {\n if (message.error) {\n return `error:${message.error}`;\n }\n if (\n message.actions?.stateDelta &&\n keys(message.actions.stateDelta).length > 0\n ) {\n return `eventAction:state`;\n }\n if (\n message.actions?.artifactDelta &&\n keys(message.actions.artifactDelta).length > 0\n ) {\n return `eventAction:artifact`;\n }\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 if (c.errorMessage) return `errorMessage:${c.errorMessage}`;\n return 'unknown';\n });\n const s = parts.join(' ');\n return s;\n};\nconst Events = (props: EventsProps) => {\n const { controller, thread } = 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 plugin = controller.pluginManager.getPluginByName('ADKPlugin');\n const events =\n useADKEventHooks({\n controller,\n appName: plugin?.options.appName \|\| '',\n userId: plugin?.options.userId \|\| '',\n sessionId: thread?.id,\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=\"h-full flex items-center justify-center\">\n <Empty />\n </div>\n ) : (\n <div ref={wrapperRef}>\n {events.map(ele => {\n const e = ele;\n return (\n <div\n key={e.id}\n className=\"rounded-md border cursor-pointer hover:bg-accent/50 transition mb-2 hover:bg-[#f5f5f5] \"\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/Events/useADKEventHooks.cjs CHANGED Viewed

@@ -16,6 +16,7 @@ const useADKEventHooks = ({ controller, appName, userId, sessionId, }) => {
         ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),
         refreshDeps: [appName, userId, sessionId],
     });
+    console.log(appName, userId, sessionId);
     if (!endPlugin.current && controller) {
         endPlugin.current = new MessageEndPlugin({
             callback: () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useADKEventHooks.cjs","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"sourcesContent":["import { ADKMessage, ChatController } from '@chat-lab/core';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport { useEffect, useRef, useState } from 'react';\nimport { useRequest } from 'ahooks';\n\nconst useADKEventHooks = ({\n controller,\n appName,\n userId,\n sessionId,\n}: {\n controller: ChatController;\n appName: string;\n userId: string;\n sessionId: string;\n}) => {\n const endPlugin = useRef<MessageEndPlugin>();\n\n const { run, data } = useRequest(\n () => {\n const requestOptions = controller.getRequestOptions();\n return fetch(\n `${requestOptions.api}/apps/${appName}/users/${userId}/sessions/${sessionId}`,\n {\n method: 'get',\n headers: requestOptions.headers,\n },\n ).then(\n res =>\n res.json() as Promise<{\n events: ADKMessage['adkResponses'][number][];\n }>,\n );\n },\n {\n ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),\n refreshDeps: [appName, userId, sessionId],\n },\n );\n\n if (!endPlugin.current && controller) {\n endPlugin.current = new MessageEndPlugin({\n callback: () => {\n run();\n },\n });\n controller.pluginManager.addPlugin(endPlugin.current);\n }\n useEffect(() => {\n run();\n }, []);\n\n return data?.events \|\| [];\n};\n\nexport default useADKEventHooks;\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAMV,KAAI;AACH,IAAA,MAAM,SAAS,GAAGA,YAAM,EAAoB,CAAC;IAE7C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,UAAU,CAC9B,MAAK;AACH,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACtD,QAAA,OAAO,KAAK,CACV,CAAG,EAAA,cAAc,CAAC,GAAG,CAAS,MAAA,EAAA,OAAO,CAAU,OAAA,EAAA,MAAM,CAAa,UAAA,EAAA,SAAS,EAAE,EAC7E;AACE,YAAA,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAc,CAAC,OAAO;AAChC,SAAA,CACF,CAAC,IAAI,CACJ,GAAG,IACD,GAAG,CAAC,IAAI,EAEN,CACL,CAAC;AACJ,KAAC,EACD;AACE,QAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC;AAChE,QAAA,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;AAC1C,KAAA,CACF,CAAC;~~AAEF~~,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,UAAU,EAAE;AACpC,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC;YACvC,QAAQ,EAAE,MAAK;AACb,gBAAA,GAAG,EAAE,CAAC;aACP;AACF,SAAA,CAAC,CAAC;QACH,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KACvD;IACDC,eAAS,CAAC,MAAK;AACb,QAAA,GAAG,EAAE,CAAC;KACP,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;AAC5B;;;;"}
1	+ {"version":3,"file":"useADKEventHooks.cjs","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"sourcesContent":["import { ADKMessage, ChatController } from '@chat-lab/core';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport { useEffect, useRef, useState } from 'react';\nimport { useRequest } from 'ahooks';\n\nconst useADKEventHooks = ({\n controller,\n appName,\n userId,\n sessionId,\n}: {\n controller: ChatController;\n appName: string;\n userId: string;\n sessionId: string;\n}) => {\n const endPlugin = useRef<MessageEndPlugin>();\n\n const { run, data } = useRequest(\n () => {\n const requestOptions = controller.getRequestOptions();\n return fetch(\n `${requestOptions.api}/apps/${appName}/users/${userId}/sessions/${sessionId}`,\n {\n method: 'get',\n headers: requestOptions.headers,\n },\n ).then(\n res =>\n res.json() as Promise<{\n events: ADKMessage['adkResponses'][number][];\n }>,\n );\n },\n {\n ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),\n refreshDeps: [appName, userId, sessionId],\n },\n );\n console.log(appName, userId, sessionId);\n\n if (!endPlugin.current && controller) {\n endPlugin.current = new MessageEndPlugin({\n callback: () => {\n run();\n },\n });\n controller.pluginManager.addPlugin(endPlugin.current);\n }\n useEffect(() => {\n run();\n }, []);\n\n return data?.events \|\| [];\n};\n\nexport default useADKEventHooks;\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAMV,KAAI;AACH,IAAA,MAAM,SAAS,GAAGA,YAAM,EAAoB,CAAC;IAE7C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,UAAU,CAC9B,MAAK;AACH,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACtD,QAAA,OAAO,KAAK,CACV,CAAG,EAAA,cAAc,CAAC,GAAG,CAAS,MAAA,EAAA,OAAO,CAAU,OAAA,EAAA,MAAM,CAAa,UAAA,EAAA,SAAS,EAAE,EAC7E;AACE,YAAA,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAc,CAAC,OAAO;AAChC,SAAA,CACF,CAAC,IAAI,CACJ,GAAG,IACD,GAAG,CAAC,IAAI,EAEN,CACL,CAAC;AACJ,KAAC,EACD;AACE,QAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC;AAChE,QAAA,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;AAC1C,KAAA,CACF,CAAC;IACF,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AAExC,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,UAAU,EAAE;AACpC,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC;YACvC,QAAQ,EAAE,MAAK;AACb,gBAAA,GAAG,EAAE,CAAC;aACP;AACF,SAAA,CAAC,CAAC;QACH,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KACvD;IACDC,eAAS,CAAC,MAAK;AACb,QAAA,GAAG,EAAE,CAAC;KACP,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;AAC5B;;;;"}

package/dist/adk/components/Debug/Events/useADKEventHooks.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useADKEventHooks.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK5D,QAAA,MAAM,gBAAgB,GAAI,6CAKvB;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,~~UAsCA~~,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"useADKEventHooks.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK5D,QAAA,MAAM,gBAAgB,GAAI,6CAKvB;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,UAuCA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -14,6 +14,7 @@ const useADKEventHooks = ({ controller, appName, userId, sessionId, }) => {
         ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),
         refreshDeps: [appName, userId, sessionId],
     });
+    console.log(appName, userId, sessionId);
     if (!endPlugin.current && controller) {
         endPlugin.current = new MessageEndPlugin({
             callback: () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useADKEventHooks.js","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"sourcesContent":["import { ADKMessage, ChatController } from '@chat-lab/core';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport { useEffect, useRef, useState } from 'react';\nimport { useRequest } from 'ahooks';\n\nconst useADKEventHooks = ({\n controller,\n appName,\n userId,\n sessionId,\n}: {\n controller: ChatController;\n appName: string;\n userId: string;\n sessionId: string;\n}) => {\n const endPlugin = useRef<MessageEndPlugin>();\n\n const { run, data } = useRequest(\n () => {\n const requestOptions = controller.getRequestOptions();\n return fetch(\n `${requestOptions.api}/apps/${appName}/users/${userId}/sessions/${sessionId}`,\n {\n method: 'get',\n headers: requestOptions.headers,\n },\n ).then(\n res =>\n res.json() as Promise<{\n events: ADKMessage['adkResponses'][number][];\n }>,\n );\n },\n {\n ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),\n refreshDeps: [appName, userId, sessionId],\n },\n );\n\n if (!endPlugin.current && controller) {\n endPlugin.current = new MessageEndPlugin({\n callback: () => {\n run();\n },\n });\n controller.pluginManager.addPlugin(endPlugin.current);\n }\n useEffect(() => {\n run();\n }, []);\n\n return data?.events \|\| [];\n};\n\nexport default useADKEventHooks;\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAMV,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,MAAM,EAAoB,CAAC;IAE7C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,UAAU,CAC9B,MAAK;AACH,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACtD,QAAA,OAAO,KAAK,CACV,CAAG,EAAA,cAAc,CAAC,GAAG,CAAS,MAAA,EAAA,OAAO,CAAU,OAAA,EAAA,MAAM,CAAa,UAAA,EAAA,SAAS,EAAE,EAC7E;AACE,YAAA,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAc,CAAC,OAAO;AAChC,SAAA,CACF,CAAC,IAAI,CACJ,GAAG,IACD,GAAG,CAAC,IAAI,EAEN,CACL,CAAC;AACJ,KAAC,EACD;AACE,QAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC;AAChE,QAAA,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;AAC1C,KAAA,CACF,CAAC;~~AAEF~~,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,UAAU,EAAE;AACpC,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC;YACvC,QAAQ,EAAE,MAAK;AACb,gBAAA,GAAG,EAAE,CAAC;aACP;AACF,SAAA,CAAC,CAAC;QACH,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KACvD;IACD,SAAS,CAAC,MAAK;AACb,QAAA,GAAG,EAAE,CAAC;KACP,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;AAC5B;;;;"}
1	+ {"version":3,"file":"useADKEventHooks.js","sources":["../../../../../src/adk/components/Debug/Events/useADKEventHooks.ts"],"sourcesContent":["import { ADKMessage, ChatController } from '@chat-lab/core';\nimport MessageEndPlugin from './MessageEndPlugin';\nimport { useEffect, useRef, useState } from 'react';\nimport { useRequest } from 'ahooks';\n\nconst useADKEventHooks = ({\n controller,\n appName,\n userId,\n sessionId,\n}: {\n controller: ChatController;\n appName: string;\n userId: string;\n sessionId: string;\n}) => {\n const endPlugin = useRef<MessageEndPlugin>();\n\n const { run, data } = useRequest(\n () => {\n const requestOptions = controller.getRequestOptions();\n return fetch(\n `${requestOptions.api}/apps/${appName}/users/${userId}/sessions/${sessionId}`,\n {\n method: 'get',\n headers: requestOptions.headers,\n },\n ).then(\n res =>\n res.json() as Promise<{\n events: ADKMessage['adkResponses'][number][];\n }>,\n );\n },\n {\n ready: Boolean(appName) && Boolean(userId) && Boolean(sessionId),\n refreshDeps: [appName, userId, sessionId],\n },\n );\n console.log(appName, userId, sessionId);\n\n if (!endPlugin.current && controller) {\n endPlugin.current = new MessageEndPlugin({\n callback: () => {\n run();\n },\n });\n controller.pluginManager.addPlugin(endPlugin.current);\n }\n useEffect(() => {\n run();\n }, []);\n\n return data?.events \|\| [];\n};\n\nexport default useADKEventHooks;\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,GAMV,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,MAAM,EAAoB,CAAC;IAE7C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,UAAU,CAC9B,MAAK;AACH,QAAA,MAAM,cAAc,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC;AACtD,QAAA,OAAO,KAAK,CACV,CAAG,EAAA,cAAc,CAAC,GAAG,CAAS,MAAA,EAAA,OAAO,CAAU,OAAA,EAAA,MAAM,CAAa,UAAA,EAAA,SAAS,EAAE,EAC7E;AACE,YAAA,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAc,CAAC,OAAO;AAChC,SAAA,CACF,CAAC,IAAI,CACJ,GAAG,IACD,GAAG,CAAC,IAAI,EAEN,CACL,CAAC;AACJ,KAAC,EACD;AACE,QAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC;AAChE,QAAA,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;AAC1C,KAAA,CACF,CAAC;IACF,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;AAExC,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,UAAU,EAAE;AACpC,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,gBAAgB,CAAC;YACvC,QAAQ,EAAE,MAAK;AACb,gBAAA,GAAG,EAAE,CAAC;aACP;AACF,SAAA,CAAC,CAAC;QACH,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;KACvD;IACD,SAAS,CAAC,MAAK;AACb,QAAA,GAAG,EAAE,CAAC;KACP,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAO,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;AAC5B;;;;"}

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

@@ -57,7 +57,7 @@ const TraceMessageGroup = ({ msg, stop, msgIndex, loading, invocationId, traces,
                                                         width: `${Math.max(relativeWidth, 0.1)}%`,
                                                         minWidth: '1px',
                                                     }, children: [jsxRuntime.jsx("div", { className: "absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full" }), jsxRuntime.jsxs("span", { className: "whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1", children: [duration.toFixed(2), " ms"] })] }) })] }, node.span.id || index));
-                                }) }) }) })), (!hasRootSpan || stop) && !loading && (jsxRuntime.jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsxRuntime.jsx(Empty, {}) })), !hasRootSpan && loading && (jsxRuntime.jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsxRuntime.jsx(loaderCircle.default, { className: "size-[6] animate-spin" }) }))] }))] }));
+                                }) }) }) })), !hasRootSpan && !loading && (jsxRuntime.jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsxRuntime.jsx(Empty, {}) })), !hasRootSpan && loading && (jsxRuntime.jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsxRuntime.jsx(loaderCircle.default, { className: "size-[6] animate-spin" }) }))] }))] }));
 };
 module.exports = TraceMessageGroup;

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, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight, LoaderCircle } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n RenderNode,\n} from './utils';\nimport Empty from '@/assets/Empty';\n\ninterface TraceMessageGroupProps {\n msg: any;\n stop: boolean;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n loading: boolean;\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 stop,\n msgIndex,\n loading,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n const [hasRootSpan, setHasRootSpan] = useState<boolean>(false);\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 const level0Span = list.find(node => node.level === 0);\n\n if (level0Span && level0Span?.span.name === 'POST /run_sse') {\n setHasRootSpan(true);\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={cn(\n 'flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer top-0 z-30 transition',\n isExpanded ? '' : 'hover:bg-[#f5f5f5] ',\n )}\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 && (hasRootSpan \|\| stop) && (\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 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 {(!hasRootSpan \|\| stop) && !loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <Empty />\n </div>\n )}\n {!hasRootSpan && loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <LoaderCircle className=\"size-[6] animate-spin\" />\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["useState","useMemo","processTraceData","buildRenderTree","_jsxs","cn","_jsx","ChevronDown","ChevronRight","INDENT_SIZE","getIcon","LoaderCircle"],"mappings":"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"}
1	+ {"version":3,"file":"TraceMessageGroup.cjs","sources":["../../../../../src/adk/components/Debug/Trace/TraceMessageGroup.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight, LoaderCircle } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n RenderNode,\n} from './utils';\nimport Empty from '@/assets/Empty';\n\ninterface TraceMessageGroupProps {\n msg: any;\n stop: boolean;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n loading: boolean;\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 stop,\n msgIndex,\n loading,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n const [hasRootSpan, setHasRootSpan] = useState<boolean>(false);\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 const level0Span = list.find(node => node.level === 0);\n\n if (level0Span && level0Span?.span.name === 'POST /run_sse') {\n setHasRootSpan(true);\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={cn(\n 'flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer top-0 z-30 transition',\n isExpanded ? '' : 'hover:bg-[#f5f5f5] ',\n )}\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 && (hasRootSpan \|\| stop) && (\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 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 {!hasRootSpan && !loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <Empty />\n </div>\n )}\n {!hasRootSpan && loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <LoaderCircle className=\"size-[6] animate-spin\" />\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["useState","useMemo","processTraceData","buildRenderTree","_jsxs","cn","_jsx","ChevronDown","ChevronRight","INDENT_SIZE","getIcon","LoaderCircle"],"mappings":";;;;;;;;;;;AA4BA,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,MAAM,EACN,UAAU,EACV,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,KAAI;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC,CAAC;;IAE/D,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAGC,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;AAEH,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;QAEvD,IAAI,UAAU,IAAI,UAAU,EAAE,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;YAC3D,cAAc,CAAC,IAAI,CAAC,CAAC;SACtB;QACD,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;IAE3B,QACEC,yBAAK,SAAS,EAAC,uCAAuC,EAEpD,QAAA,EAAA,CAAAA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,UAAE,CACX,sGAAsG,EACtG,UAAU,GAAG,EAAE,GAAG,qBAAqB,CACxC,EACD,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,EAAA,QAAA,EACjG,OAAO,GAAG,CAAC,OAAO,KAAK,QAAQ;kCAC5B,GAAG,CAAC,OAAO;kCACX,GAAG,EAAE,OAAO,GAAG,CAAC,CAAC,EAAE,IAAI,IAAI,iBAAiB,EAC3C,CAAA,EAAA,CACH,EACL,UAAU,IACTA,cAAC,CAAAC,mBAAW,EAAC,EAAA,SAAS,EAAC,wCAAwC,EAAA,CAAG,KAElED,cAAA,CAACE,oBAAY,EAAA,EAAC,SAAS,EAAC,wCAAwC,EAAG,CAAA,CACpE,IACG,EAEL,UAAU,KACTJ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CAEjCA,yBAAK,SAAS,EAAC,gDAAgD,EAE7D,QAAA,EAAA,CAAA,gBAAA,EAAAE,cAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,YAAY,EAAO,CAAA,CAAA,EAAA,CACrB,EACL,UAAU,CAAC,MAAM,GAAG,CAAC,KAAK,WAAW,IAAI,IAAI,CAAC,KAC7CA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,UAAE,CAAC,oBAAoB,CAAC,EACtC,QAAA,EAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,EACxD,QAAA,EAAAA,cAAA,CAAA,KAAA,EAAA,EAAK,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,QACEF,eAEE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,UAAE,CACX,gHAAgH,EAChH,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,CAAAD,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yEAAyE,EAAA,QAAA,EAAA,CAEtFE,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,EAAEG,iBAAW,EAAE,EAE5B,QAAA,EAAA,OAAO,KACNH,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,KACbF,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,CAAAH,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,UAAE,CACX,yFAAyF,CAC1F,EACD,KAAK,EAAE;AACL,oEAAA,SAAS,EAAE,oBAAoB;AAChC,iEAAA,EAAA,CACD,EACD,CAAC,IAAI,CAAC,MAAM,KACXC,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,GAAGG,iBAAW;AAC9B,4DAAA,KAAK,EAAEA,iBAAW;AACnB,yDAAA,EAAA,QAAA,EAEDH,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,GAAGG,iBAAW,EAAE,EAC1C,SAAS,EAAC,UAAU,EACpB,CAAA,EAGFH,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,EAAAI,aAAO,CAAC,IAAI,CAAC,EACT,CAAA,EAEPJ,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,EAAAF,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,CAGDE,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gEAAgE,EAAG,CAAA,EAElFF,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,CACP,EACA,CAAC,WAAW,IAAI,CAAC,OAAO,KACvBE,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4CAA4C,YACzDA,cAAC,CAAA,KAAK,EAAG,EAAA,CAAA,EAAA,CACL,CACP,EACA,CAAC,WAAW,IAAI,OAAO,KACtBA,wBAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACzDA,cAAC,CAAAK,oBAAY,IAAC,SAAS,EAAC,uBAAuB,EAAG,CAAA,EAAA,CAC9C,CACP,CACG,EAAA,CAAA,CACP,CACG,EAAA,CAAA,EACN;AACJ;;;;"}

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

@@ -55,7 +55,7 @@ const TraceMessageGroup = ({ msg, stop, msgIndex, loading, invocationId, traces,
                                                         width: `${Math.max(relativeWidth, 0.1)}%`,
                                                         minWidth: '1px',
                                                     }, children: [jsx("div", { className: "absolute left-0 top-0 bottom-0 bg-[#D1F5DD] z-0 rounded w-full" }), jsxs("span", { className: "whitespace-nowrap text-xs font-mono font-medium text-green-900 z-10 relative px-1", children: [duration.toFixed(2), " ms"] })] }) })] }, node.span.id || index));
-                                }) }) }) })), (!hasRootSpan || stop) && !loading && (jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsx(Empty, {}) })), !hasRootSpan && loading && (jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsx(LoaderCircle, { className: "size-[6] animate-spin" }) }))] }))] }));
+                                }) }) }) })), !hasRootSpan && !loading && (jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsx(Empty, {}) })), !hasRootSpan && loading && (jsx("div", { className: "h-[200px] flex items-center justify-center", children: jsx(LoaderCircle, { className: "size-[6] animate-spin" }) }))] }))] }));
 };
 export { TraceMessageGroup as default };

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, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight, LoaderCircle } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n RenderNode,\n} from './utils';\nimport Empty from '@/assets/Empty';\n\ninterface TraceMessageGroupProps {\n msg: any;\n stop: boolean;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n loading: boolean;\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 stop,\n msgIndex,\n loading,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n const [hasRootSpan, setHasRootSpan] = useState<boolean>(false);\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 const level0Span = list.find(node => node.level === 0);\n\n if (level0Span && level0Span?.span.name === 'POST /run_sse') {\n setHasRootSpan(true);\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={cn(\n 'flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer top-0 z-30 transition',\n isExpanded ? '' : 'hover:bg-[#f5f5f5] ',\n )}\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 && (hasRootSpan \|\| stop) && (\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 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 {(!hasRootSpan \|\| stop) && !loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <Empty />\n </div>\n )}\n {!hasRootSpan && loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <LoaderCircle className=\"size-[6] animate-spin\" />\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, useState } from 'react';\nimport { cn } from '@/lib/utils';\nimport { ChevronDown, ChevronRight, LoaderCircle } from 'lucide-react';\nimport { TraceSpan } from './types';\nimport {\n getIcon,\n processTraceData,\n buildRenderTree,\n INDENT_SIZE,\n RenderNode,\n} from './utils';\nimport Empty from '@/assets/Empty';\n\ninterface TraceMessageGroupProps {\n msg: any;\n stop: boolean;\n msgIndex: number;\n invocationId?: string;\n traces: TraceSpan[];\n loading: boolean;\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 stop,\n msgIndex,\n loading,\n invocationId,\n traces,\n isExpanded,\n onToggleExpand,\n collapsedIds,\n onToggleCollapse,\n selectedSpan,\n onSelectSpan,\n}) => {\n const [hasRootSpan, setHasRootSpan] = useState<boolean>(false);\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 const level0Span = list.find(node => node.level === 0);\n\n if (level0Span && level0Span?.span.name === 'POST /run_sse') {\n setHasRootSpan(true);\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={cn(\n 'flex items-center justify-between p-4 bg-card hover:bg-muted/30 cursor-pointer top-0 z-30 transition',\n isExpanded ? '' : 'hover:bg-[#f5f5f5] ',\n )}\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 && (hasRootSpan \|\| stop) && (\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 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 {!hasRootSpan && !loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <Empty />\n </div>\n )}\n {!hasRootSpan && loading && (\n <div className=\"h-[200px] flex items-center justify-center\">\n <LoaderCircle className=\"size-[6] animate-spin\" />\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default TraceMessageGroup;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -7,7 +7,6 @@ var store = require('./store.cjs');
 var TraceMessageGroup = require('./TraceMessageGroup.cjs');
 var utils = require('./utils.cjs');
 var Empty = require('../../../../assets/Empty.cjs');
-var useADKEventHooks = require('../Events/useADKEventHooks.cjs');
 var loaderCircle = require('../../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/loader-circle.cjs');
 var react = require('../../../../node_modules/.pnpm/valtio@2.1.8_patch_hash_boxi3qpsg2dztwe4vz7tsjpr3m_@types_react@17.0.2_react@17.0.2/node_modules/valtio/esm/react.cjs');
@@ -19,19 +18,12 @@ const hasMatchingInvocationId = (node, targetIds) => {
     return (node.children?.some(child => hasMatchingInvocationId(child, targetIds)) ??
         false);
 };
-const Trace = ({ controller, region, thread }) => {
+const Trace = ({ controller, region }) => {
     const { selectedSpan, setSelectedSpan } = store.useTraceStore();
     const { currentThreadId, threadMap } = react.useSnapshot(controller.store.state);
     const allMessages = threadMap[currentThreadId || '']?.messages || [];
     const userMessages = allMessages.filter(msg => msg.role === 'user');
     const traceWrapperRef = React.useRef(null);
-    const plugin = controller.pluginManager.getPluginByName('ADKPlugin');
-    useADKEventHooks({
-        controller,
-        appName: plugin?.options.appName || '',
-        userId: plugin?.options.userId || '',
-        sessionId: thread?.id,
-    }) || [];
     const { data: eventData, loading, refresh, stop, } = useEvents.useEvent(currentThreadId, region, controller, traceWrapperRef);
     const [collapsedIds, setCollapsedIds] = React.useState(new Set());
     // Default to expanding the last message
@@ -85,10 +77,9 @@ const Trace = ({ controller, region, thread }) => {
         const unassignedTraces = new Set(sortedTraces);
         // 1. Traverse user messages to match by invocationId from adkResponse
         userMessages.forEach(msg => {
-            const id = allMessages
-                .slice(0, allMessages.findIndex(m => m.id === msg.id))
-                .find(m => m.role !== 'user')?.metadata?.invocationId;
-            let invocationIds = id ? [id] : [];
+            let invocationIds = (msg.adkResponses || [])
+                .map((resp) => resp.invocationId)
+                .filter(Boolean);
             if (!invocationIds.length) {
                 // Find the message in the full list
                 const msgIndex = allMessages.findIndex(m => m.id === msg.id);
@@ -119,14 +110,13 @@ const Trace = ({ controller, region, thread }) => {
                 }
             });
         });
-        debugger;
         return { tracesByMessage: groups, invocationIdMap, empty };
     }, [eventData?.trace, userMessages, allMessages]);
     const render = () => {
         if (!eventData?.trace?.length && loading)
             return (jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", ref: traceWrapperRef, children: jsxRuntime.jsx(loaderCircle.default, { className: "animate-spin" }) }));
         if ((!userMessages.length && !eventData?.trace?.length) || empty)
-            return (jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", children: jsxRuntime.jsx(Empty, {}) }));
+            return (jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", ref: traceWrapperRef, children: jsxRuntime.jsx(Empty, {}) }));
         return (jsxRuntime.jsx("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background", ref: traceWrapperRef, children: jsxRuntime.jsx("div", { className: "flex flex-col flex-1 overflow-auto space-y-2", children: userMessages.map((msg, msgIndex) => {
                     const isExpanded = expandedMessageIds.has(msg.id);
                     const traces = tracesByMessage.get(msg.id) || [];
@@ -134,7 +124,7 @@ const Trace = ({ controller, region, thread }) => {
                     return (jsxRuntime.jsx(TraceMessageGroup, { stop: stop, invocationId: invocationId, loading: loading, msg: msg, msgIndex: msgIndex, traces: traces, isExpanded: isExpanded, onToggleExpand: toggleMessageExpand, collapsedIds: collapsedIds, onToggleCollapse: toggleCollapse, selectedSpan: selectedSpan, onSelectSpan: setSelectedSpan }, msg.id));
                 }) }) }));
     };
-    return (jsxRuntime.jsx("div", { className: "h-full", ref: traceWrapperRef, children: render() }));
+    return jsxRuntime.jsx("div", { ref: traceWrapperRef, children: render() });
 };
 module.exports = Trace;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../src/adk/components/Debug/Trace/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { TraceProps } from './types';\nimport { useEvent } from '@/adk/hooks/useEvents';\nimport { useSnapshot } from 'valtio';\nimport { useTraceStore } from './store';\nimport TraceMessageGroup from './TraceMessageGroup';\nimport { buildRenderTree, processTraceData } from './utils';\nimport { TraceSpan } from './types';\nimport Empty from '@/assets/Empty';\nimport { Loader, LoaderCircle } from 'lucide-react';\nimport useADKEventHooks from '../Events/useADKEventHooks';\nimport { uniq } from 'lodash-es';\n\nconst hasMatchingInvocationId = (\n node: TraceSpan,\n targetIds: string[],\n): boolean => {\n if (\n node.tags?.['invocation.id'] &&\n targetIds.includes(node.tags['invocation.id'])\n ) {\n return true;\n }\n return (\n node.children?.some(child => hasMatchingInvocationId(child, targetIds)) ??\n false\n );\n};\n\nconst Trace = ({ controller, region, thread }: TraceProps) => {\n const { selectedSpan, setSelectedSpan } = useTraceStore();\n const { currentThreadId, threadMap } = useSnapshot(controller.store.state);\n const allMessages = threadMap[currentThreadId \|\| '']?.messages \|\| [];\n const userMessages = allMessages.filter(msg => msg.role === 'user');\n\n const traceWrapperRef = useRef<HTMLDivElement>(null);\n const plugin = controller.pluginManager.getPluginByName('ADKPlugin');\n const events =\n useADKEventHooks({\n controller,\n appName: plugin?.options.appName \|\| '',\n userId: plugin?.options.userId \|\| '',\n sessionId: thread?.id,\n }) \|\| [];\n\n const {\n data: eventData,\n loading,\n refresh,\n stop,\n } = useEvent(currentThreadId, region, controller, traceWrapperRef);\n const [collapsedIds, setCollapsedIds] = useState<Set<string>>(new Set());\n // Default to expanding the last message\n const [expandedMessageIds, setExpandedMessageIds] = useState<Set<string>>(\n new Set(),\n );\n\n // Initialize expanded state when messages load\n useMemo(() => {\n if (userMessages.length > 0) {\n setExpandedMessageIds(\n new Set([userMessages[userMessages.length - 1].id]),\n );\n }\n }, [userMessages.length]);\n\n const toggleCollapse = (id: string, e: React.MouseEvent) => {\n e.stopPropagation();\n setCollapsedIds(prev => {\n const next = new Set(prev);\n if (next.has(id)) {\n next.delete(id);\n } else {\n next.add(id);\n }\n return next;\n });\n };\n\n const toggleMessageExpand = (id: string) => {\n setExpandedMessageIds(prev => {\n const next = new Set(prev);\n if (next.has(id)) {\n next.delete(id);\n } else {\n next.add(id);\n }\n return next;\n });\n };\n\n // Group traces by user message\n const { tracesByMessage, invocationIdMap, empty } = useMemo(() => {\n let empty = true;\n if (!eventData?.trace \|\| !userMessages.length)\n return {\n tracesByMessage: new Map(),\n invocationIdMap: new Map(),\n empty: true,\n };\n\n const groups = new Map<string, any[]>();\n const invocationIdMap = new Map<string, string>();\n\n const processedTraces = processTraceData(eventData.trace);\n\n // Initialize groups for all user messages\n userMessages.forEach(msg => groups.set(msg.id, []));\n\n const sortedTraces = [...processedTraces].sort(\n (a, b) => (a.startTime \|\| 0) - (b.startTime \|\| 0),\n );\n\n const unassignedTraces = new Set(sortedTraces);\n\n // 1. Traverse user messages to match by invocationId from adkResponse\n userMessages.forEach(msg => {\n const id = allMessages\n .slice(\n 0,\n allMessages.findIndex(m => m.id === msg.id),\n )\n .find(m => m.role !== 'user')?.metadata?.invocationId;\n let invocationIds = id ? [id] : [];\n if (!invocationIds.length) {\n // Find the message in the full list\n const msgIndex = allMessages.findIndex(m => m.id === msg.id);\n\n if (msgIndex !== -1) {\n // Look for the next message that is NOT user role\n for (let i = msgIndex + 1; i < allMessages.length; i++) {\n const nextMsg = allMessages[i];\n if (nextMsg.role !== 'user') {\n invocationIds = ((nextMsg as any).adkResponses \|\| [])\n .map((resp: any) => resp.invocationId)\n .filter(Boolean);\n break;\n }\n }\n }\n }\n\n if (!invocationIds.length) return;\n\n // Store the first valid invocationId for this message\n const validInvocationId = invocationIds[0];\n invocationIdMap.set(msg.id, validInvocationId);\n\n // Check unassigned traces\n unassignedTraces.forEach(trace => {\n if (hasMatchingInvocationId(trace, invocationIds)) {\n groups.get(msg.id)?.push(trace);\n empty = false;\n unassignedTraces.delete(trace);\n }\n });\n });\n\n debugger;\n\n return { tracesByMessage: groups, invocationIdMap, empty };\n }, [eventData?.trace, userMessages, allMessages]);\n\n const render = () => {\n if (!eventData?.trace?.length && loading)\n return (\n <div\n className=\"h-full flex items-center justify-center\"\n ref={traceWrapperRef}\n >\n <LoaderCircle className=\"animate-spin\" />\n </div>\n );\n\n if ((!userMessages.length && !eventData?.trace?.length) \|\| empty)\n return (\n <div className=\"h-full flex items-center justify-center\">\n <Empty />\n </div>\n );\n\n return (\n <div\n className=\"flex flex-col h-full w-full overflow-hidden bg-background\"\n ref={traceWrapperRef}\n >\n <div className=\"flex flex-col flex-1 overflow-auto space-y-2\">\n {userMessages.map((msg, msgIndex) => {\n const isExpanded = expandedMessageIds.has(msg.id);\n const traces = tracesByMessage.get(msg.id) \|\| [];\n const invocationId = invocationIdMap.get(msg.id);\n\n return (\n <TraceMessageGroup\n stop={stop}\n key={msg.id}\n invocationId={invocationId}\n loading={loading}\n msg={msg}\n msgIndex={msgIndex}\n traces={traces}\n isExpanded={isExpanded}\n onToggleExpand={toggleMessageExpand}\n collapsedIds={collapsedIds}\n onToggleCollapse={toggleCollapse}\n selectedSpan={selectedSpan}\n onSelectSpan={setSelectedSpan}\n />\n );\n })}\n </div>\n </div>\n );\n };\n\n return (\n <div className=\"h-full\" ref={traceWrapperRef}>\n {render()}\n </div>\n );\n};\n\nexport default Trace;\n"],"names":["useTraceStore","useSnapshot","useRef","useEvent","useState","useMemo","processTraceData","_jsx","LoaderCircle"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../../src/adk/components/Debug/Trace/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\nimport { TraceProps } from './types';\nimport { useEvent } from '@/adk/hooks/useEvents';\nimport { useSnapshot } from 'valtio';\nimport { useTraceStore } from './store';\nimport TraceMessageGroup from './TraceMessageGroup';\nimport { buildRenderTree, processTraceData } from './utils';\nimport { TraceSpan } from './types';\nimport Empty from '@/assets/Empty';\nimport { Loader, LoaderCircle } from 'lucide-react';\n\nconst hasMatchingInvocationId = (\n node: TraceSpan,\n targetIds: string[],\n): boolean => {\n if (\n node.tags?.['invocation.id'] &&\n targetIds.includes(node.tags['invocation.id'])\n ) {\n return true;\n }\n return (\n node.children?.some(child => hasMatchingInvocationId(child, targetIds)) ??\n false\n );\n};\n\nconst Trace = ({ controller, region }: TraceProps) => {\n const { selectedSpan, setSelectedSpan } = useTraceStore();\n const { currentThreadId, threadMap } = useSnapshot(controller.store.state);\n const allMessages = threadMap[currentThreadId \|\| '']?.messages \|\| [];\n const userMessages = allMessages.filter(msg => msg.role === 'user');\n\n const traceWrapperRef = useRef<HTMLDivElement>(null);\n\n const {\n data: eventData,\n loading,\n refresh,\n stop,\n } = useEvent(currentThreadId, region, controller, traceWrapperRef);\n const [collapsedIds, setCollapsedIds] = useState<Set<string>>(new Set());\n // Default to expanding the last message\n const [expandedMessageIds, setExpandedMessageIds] = useState<Set<string>>(\n new Set(),\n );\n\n // Initialize expanded state when messages load\n useMemo(() => {\n if (userMessages.length > 0) {\n setExpandedMessageIds(\n new Set([userMessages[userMessages.length - 1].id]),\n );\n }\n }, [userMessages.length]);\n\n const toggleCollapse = (id: string, e: React.MouseEvent) => {\n e.stopPropagation();\n setCollapsedIds(prev => {\n const next = new Set(prev);\n if (next.has(id)) {\n next.delete(id);\n } else {\n next.add(id);\n }\n return next;\n });\n };\n\n const toggleMessageExpand = (id: string) => {\n setExpandedMessageIds(prev => {\n const next = new Set(prev);\n if (next.has(id)) {\n next.delete(id);\n } else {\n next.add(id);\n }\n return next;\n });\n };\n\n // Group traces by user message\n const { tracesByMessage, invocationIdMap, empty } = useMemo(() => {\n let empty = true;\n if (!eventData?.trace \|\| !userMessages.length)\n return {\n tracesByMessage: new Map(),\n invocationIdMap: new Map(),\n empty: true,\n };\n\n const groups = new Map<string, any[]>();\n const invocationIdMap = new Map<string, string>();\n\n const processedTraces = processTraceData(eventData.trace);\n\n // Initialize groups for all user messages\n userMessages.forEach(msg => groups.set(msg.id, []));\n\n const sortedTraces = [...processedTraces].sort(\n (a, b) => (a.startTime \|\| 0) - (b.startTime \|\| 0),\n );\n\n const unassignedTraces = new Set(sortedTraces);\n\n // 1. Traverse user messages to match by invocationId from adkResponse\n userMessages.forEach(msg => {\n let invocationIds = ((msg as any).adkResponses \|\| [])\n .map((resp: any) => resp.invocationId)\n .filter(Boolean);\n if (!invocationIds.length) {\n // Find the message in the full list\n const msgIndex = allMessages.findIndex(m => m.id === msg.id);\n\n if (msgIndex !== -1) {\n // Look for the next message that is NOT user role\n for (let i = msgIndex + 1; i < allMessages.length; i++) {\n const nextMsg = allMessages[i];\n if (nextMsg.role !== 'user') {\n invocationIds = ((nextMsg as any).adkResponses \|\| [])\n .map((resp: any) => resp.invocationId)\n .filter(Boolean);\n break;\n }\n }\n }\n }\n\n if (!invocationIds.length) return;\n\n // Store the first valid invocationId for this message\n const validInvocationId = invocationIds[0];\n invocationIdMap.set(msg.id, validInvocationId);\n\n // Check unassigned traces\n unassignedTraces.forEach(trace => {\n if (hasMatchingInvocationId(trace, invocationIds)) {\n groups.get(msg.id)?.push(trace);\n empty = false;\n unassignedTraces.delete(trace);\n }\n });\n });\n\n return { tracesByMessage: groups, invocationIdMap, empty };\n }, [eventData?.trace, userMessages, allMessages]);\n const render = () => {\n if (!eventData?.trace?.length && loading)\n return (\n <div\n className=\"h-full flex items-center justify-center\"\n ref={traceWrapperRef}\n >\n <LoaderCircle className=\"animate-spin\" />\n </div>\n );\n\n if ((!userMessages.length && !eventData?.trace?.length) \|\| empty)\n return (\n <div\n className=\"h-full flex items-center justify-center\"\n ref={traceWrapperRef}\n >\n <Empty />\n </div>\n );\n\n return (\n <div\n className=\"flex flex-col h-full w-full overflow-hidden bg-background\"\n ref={traceWrapperRef}\n >\n <div className=\"flex flex-col flex-1 overflow-auto space-y-2\">\n {userMessages.map((msg, msgIndex) => {\n const isExpanded = expandedMessageIds.has(msg.id);\n const traces = tracesByMessage.get(msg.id) \|\| [];\n const invocationId = invocationIdMap.get(msg.id);\n\n return (\n <TraceMessageGroup\n stop={stop}\n key={msg.id}\n invocationId={invocationId}\n loading={loading}\n msg={msg}\n msgIndex={msgIndex}\n traces={traces}\n isExpanded={isExpanded}\n onToggleExpand={toggleMessageExpand}\n collapsedIds={collapsedIds}\n onToggleCollapse={toggleCollapse}\n selectedSpan={selectedSpan}\n onSelectSpan={setSelectedSpan}\n />\n );\n })}\n </div>\n </div>\n );\n };\n\n return <div ref={traceWrapperRef}>{render()}</div>;\n};\n\nexport default Trace;\n"],"names":["useTraceStore","useSnapshot","useRef","useEvent","useState","useMemo","processTraceData","_jsx","LoaderCircle"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 import { TraceProps } from './types';
-declare const Trace: ({ controller, region, thread }: TraceProps) => JSX.Element;
+declare const Trace: ({ controller, region }: TraceProps) => JSX.Element;
 export default Trace;
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Trace/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;~~AA4BrC~~,QAAA,MAAM,KAAK,GAAI,~~gCAAgC~~,UAAU,~~gBA8LxD~~,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/adk/components/Debug/Trace/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0BrC,QAAA,MAAM,KAAK,GAAI,wBAAwB,UAAU,gBA+KhD,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -5,7 +5,6 @@ import { useTraceStore } from './store.js';
 import TraceMessageGroup from './TraceMessageGroup.js';
 import { processTraceData } from './utils.js';
 import Empty from '../../../../assets/Empty.js';
-import useADKEventHooks from '../Events/useADKEventHooks.js';
 import LoaderCircle from '../../../../node_modules/.pnpm/lucide-react@0.552.0_react@17.0.2/node_modules/lucide-react/dist/esm/icons/loader-circle.js';
 import { useSnapshot } from '../../../../node_modules/.pnpm/valtio@2.1.8_patch_hash_boxi3qpsg2dztwe4vz7tsjpr3m_@types_react@17.0.2_react@17.0.2/node_modules/valtio/esm/react.js';
@@ -17,19 +16,12 @@ const hasMatchingInvocationId = (node, targetIds) => {
     return (node.children?.some(child => hasMatchingInvocationId(child, targetIds)) ??
         false);
 };
-const Trace = ({ controller, region, thread }) => {
+const Trace = ({ controller, region }) => {
     const { selectedSpan, setSelectedSpan } = useTraceStore();
     const { currentThreadId, threadMap } = useSnapshot(controller.store.state);
     const allMessages = threadMap[currentThreadId || '']?.messages || [];
     const userMessages = allMessages.filter(msg => msg.role === 'user');
     const traceWrapperRef = useRef(null);
-    const plugin = controller.pluginManager.getPluginByName('ADKPlugin');
-    useADKEventHooks({
-        controller,
-        appName: plugin?.options.appName || '',
-        userId: plugin?.options.userId || '',
-        sessionId: thread?.id,
-    }) || [];
     const { data: eventData, loading, refresh, stop, } = useEvent(currentThreadId, region, controller, traceWrapperRef);
     const [collapsedIds, setCollapsedIds] = useState(new Set());
     // Default to expanding the last message
@@ -83,10 +75,9 @@ const Trace = ({ controller, region, thread }) => {
         const unassignedTraces = new Set(sortedTraces);
         // 1. Traverse user messages to match by invocationId from adkResponse
         userMessages.forEach(msg => {
-            const id = allMessages
-                .slice(0, allMessages.findIndex(m => m.id === msg.id))
-                .find(m => m.role !== 'user')?.metadata?.invocationId;
-            let invocationIds = id ? [id] : [];
+            let invocationIds = (msg.adkResponses || [])
+                .map((resp) => resp.invocationId)
+                .filter(Boolean);
             if (!invocationIds.length) {
                 // Find the message in the full list
                 const msgIndex = allMessages.findIndex(m => m.id === msg.id);
@@ -117,14 +108,13 @@ const Trace = ({ controller, region, thread }) => {
                 }
             });
         });
-        debugger;
         return { tracesByMessage: groups, invocationIdMap, empty };
     }, [eventData?.trace, userMessages, allMessages]);
     const render = () => {
         if (!eventData?.trace?.length && loading)
             return (jsx("div", { className: "h-full flex items-center justify-center", ref: traceWrapperRef, children: jsx(LoaderCircle, { className: "animate-spin" }) }));
         if ((!userMessages.length && !eventData?.trace?.length) || empty)
-            return (jsx("div", { className: "h-full flex items-center justify-center", children: jsx(Empty, {}) }));
+            return (jsx("div", { className: "h-full flex items-center justify-center", ref: traceWrapperRef, children: jsx(Empty, {}) }));
         return (jsx("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background", ref: traceWrapperRef, children: jsx("div", { className: "flex flex-col flex-1 overflow-auto space-y-2", children: userMessages.map((msg, msgIndex) => {
                     const isExpanded = expandedMessageIds.has(msg.id);
                     const traces = tracesByMessage.get(msg.id) || [];
@@ -132,7 +122,7 @@ const Trace = ({ controller, region, thread }) => {
                     return (jsx(TraceMessageGroup, { stop: stop, invocationId: invocationId, loading: loading, msg: msg, msgIndex: msgIndex, traces: traces, isExpanded: isExpanded, onToggleExpand: toggleMessageExpand, collapsedIds: collapsedIds, onToggleCollapse: toggleCollapse, selectedSpan: selectedSpan, onSelectSpan: setSelectedSpan }, msg.id));
                 }) }) }));
     };
-    return (jsx("div", { className: "h-full", ref: traceWrapperRef, children: render() }));
+    return jsx("div", { ref: traceWrapperRef, children: render() });
 };
 export { Trace as default };