@meridianlabs/log-viewer 0.3.186 → 0.3.187

package/lib/app/samples/SampleDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SampleDisplay.d.ts","sourceRoot":"","sources":["../../../src/app/samples/SampleDisplay.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,EAAE,EAGF,SAAS,EAMV,MAAM,OAAO,CAAC;AAsCf,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmbhD,CAAC"}
+{"version":3,"file":"SampleDisplay.d.ts","sourceRoot":"","sources":["../../../src/app/samples/SampleDisplay.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,EAAE,EAGF,SAAS,EAMV,MAAM,OAAO,CAAC;AAsCf,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4bhD,CAAC"}

package/lib/app/samples/chat/ChatMessage.d.ts

@@ -9,6 +9,7 @@ interface ChatMessageProps {
     indented?: boolean;
     toolCallStyle: ChatViewToolCallStyle;
     allowLinking?: boolean;
+    unlabeledRoles?: string[];
 }
 export declare const ChatMessage: FC<ChatMessageProps>;
 export {};

package/lib/app/samples/chat/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4F5C,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,UAAU,gBAAgB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6G5C,CAAC"}

package/lib/app/samples/chat/ChatMessageRow.d.ts

@@ -10,6 +10,7 @@ interface ChatMessageRowProps {
     padded?: boolean;
     highlightUserMessage?: boolean;
     allowLinking?: boolean;
+    unlabeledRoles?: string[];
 }
 /**
  * Renders the ChatMessage component.

package/lib/app/samples/chat/ChatMessageRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageRow.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatMessageRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAkElD,CAAC"}
+{"version":3,"file":"ChatMessageRow.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatMessageRow.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,mBAAmB;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAqElD,CAAC"}

package/lib/app/samples/chat/ChatView.d.ts

@@ -11,6 +11,7 @@ interface ChatViewProps {
     numbered?: boolean;
     className?: string | string[];
     allowLinking?: boolean;
+    unlabeledRoles?: string[];
 }
 /**
  * Renders the ChatView component.

package/lib/app/samples/chat/ChatView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,mCAAmC,CAAC,EAAE,OAAO,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuCtC,CAAC"}
+{"version":3,"file":"ChatView.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/chat/ChatView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,mCAAmC,CAAC,EAAE,OAAO,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyCtC,CAAC"}

package/lib/app/samples/transcript/ModelEventView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelEventView.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/transcript/ModelEventView.tsx"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AAGzC,OAAO,EAAE,EAAE,EAA6B,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAsB,MAAM,qBAAqB,CAAC;AAahF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoKlD,CAAC;AAEF,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6BpC,CAAC;AAEF,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoB5C,CAAC"}
+{"version":3,"file":"ModelEventView.d.ts","sourceRoot":"","sources":["../../../../src/app/samples/transcript/ModelEventView.tsx"],"names":[],"mappings":"AAAA,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AAGzC,OAAO,EAAE,EAAE,EAA6B,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAsB,MAAM,qBAAqB,CAAC;AAchF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,UAAU,mBAAmB;IAC3B,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA+KlD,CAAC;AAEF,UAAU,YAAY;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6BpC,CAAC;AAEF,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAoB5C,CAAC"}

package/lib/app/samples/transcript/event/utils.d.ts

@@ -5,5 +5,5 @@ import { EventType } from '../types';
  */
 export declare const eventTitle: (event: EventType) => string;
 export declare const formatTiming: (timestamp: string, working_start?: number) => string;
-export declare const formatTitle: (title: string, total_tokens?: number, working_start?: number | null) => string;
+export declare const formatTitle: (title: string, total_tokens?: number, working_start?: number | null, role?: string) => string;
 //# sourceMappingURL=utils.d.ts.map

package/lib/app/samples/transcript/event/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/app/samples/transcript/event/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAoBrC;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,MA+D7C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAW,MAAM,EAAE,gBAAgB,MAAM,WAMrE,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,eAAe,MAAM,EACrB,gBAAgB,MAAM,GAAG,IAAI,WAW9B,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/app/samples/transcript/event/utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAoBrC;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,MA+D7C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAW,MAAM,EAAE,gBAAgB,MAAM,WAMrE,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,OAAO,MAAM,EACb,eAAe,MAAM,EACrB,gBAAgB,MAAM,GAAG,IAAI,EAC7B,OAAO,MAAM,WAYd,CAAC"}

package/lib/index.js

@@ -99423,10 +99423,10 @@ const isAnsiOutput = (text2) => {
   );
   return ansiRegex.test(text2);
 };
-const toolImage = "_toolImage_1wvgr_1";
-const output = "_output_1wvgr_6";
-const textOutput = "_textOutput_1wvgr_10";
-const textCode = "_textCode_1wvgr_18";
+const toolImage = "_toolImage_h7uyp_1";
+const output = "_output_h7uyp_6";
+const textOutput = "_textOutput_h7uyp_10";
+const textCode = "_textCode_h7uyp_19";
 const styles$1p = {
   toolImage,
   output,
@@ -100228,11 +100228,20 @@ const ChatMessage = memo(
     toolMessages,
     indented: indented2,
     toolCallStyle,
-    allowLinking = true
+    allowLinking = true,
+    unlabeledRoles
   }) => {
     const messageUrl = useSampleMessageUrl(message2.id);
-    const collapse = message2.role === "system" || message2.role === "user";
     const [mouseOver, setMouseOver] = useState(false);
+    const collapse = message2.role === "system" || message2.role === "user";
+    const hideRole = unlabeledRoles?.includes(message2.role) ?? false;
+    if (hideRole) {
+      const content2 = message2.content;
+      const hasVisibleContent = typeof content2 === "string" ? content2.trim().length > 0 : Array.isArray(content2) && content2.some((c2) => c2.type !== "tool_use");
+      if (!hasVisibleContent) {
+        return null;
+      }
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -100247,7 +100256,7 @@ const ChatMessage = memo(
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          !hideRole && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               className: clsx(
@@ -100338,7 +100347,8 @@ const ChatMessageRow = ({
   toolCallStyle,
   indented: indented2,
   highlightUserMessage,
-  allowLinking = true
+  allowLinking = true,
+  unlabeledRoles
 }) => {
   if (number2) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -100369,7 +100379,8 @@ const ChatMessageRow = ({
               toolMessages: resolvedMessage.toolMessages,
               indented: indented2,
               toolCallStyle,
-              allowLinking
+              allowLinking,
+              unlabeledRoles
             }
           )
         ]
@@ -100393,7 +100404,8 @@ const ChatMessageRow = ({
               toolMessages: resolvedMessage.toolMessages,
               indented: indented2,
               toolCallStyle,
-              allowLinking
+              allowLinking,
+              unlabeledRoles
             }
           ),
           resolvedMessage.message.role === "user" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: "10px" } }) : void 0
@@ -100487,7 +100499,8 @@ const ChatView = ({
   indented: indented2,
   numbered = true,
   className: className2,
-  allowLinking = true
+  allowLinking = true,
+  unlabeledRoles
 }) => {
   const collapsedMessages = resolveToolCallsIntoPreviousMessage ? resolveMessages(messages2) : messages2.map((msg) => {
     return {
@@ -100506,7 +100519,8 @@ const ChatView = ({
         indented: indented2,
         toolCallStyle,
         allowLinking,
-        highlightUserMessage: true
+        highlightUserMessage: true,
+        unlabeledRoles
       },
       `${id}-msg-${index}`
     );
@@ -106555,7 +106569,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.fullWidth, styles$1d.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1d.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.186-0-ge771f5dd8" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.187-0-g376e76891" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
@@ -167038,15 +167052,16 @@ const ChatViewVirtualListComponent = memo(
     );
   }
 );
-const tabPanel = "_tabPanel_6o9gh_1";
-const tabControls = "_tabControls_6o9gh_5";
-const fullWidth$1 = "_fullWidth_6o9gh_12";
-const padded = "_padded_6o9gh_25";
-const error$2 = "_error_6o9gh_30";
-const ansi = "_ansi_6o9gh_34";
-const noTop = "_noTop_6o9gh_38";
-const chat = "_chat_6o9gh_50";
-const transcriptContainer = "_transcriptContainer_6o9gh_58";
+const tabPanel = "_tabPanel_20s9q_1";
+const tabControls = "_tabControls_20s9q_5";
+const fullWidth$1 = "_fullWidth_20s9q_12";
+const padded = "_padded_20s9q_25";
+const error$2 = "_error_20s9q_30";
+const ansi = "_ansi_20s9q_34";
+const noTop = "_noTop_20s9q_38";
+const chat = "_chat_20s9q_50";
+const transcriptContainer = "_transcriptContainer_20s9q_58";
+const overflowVisible$1 = "_overflowVisible_20s9q_62";
 const styles$Z = {
   tabPanel,
   tabControls,
@@ -167056,7 +167071,8 @@ const styles$Z = {
   ansi,
   noTop,
   chat,
-  transcriptContainer
+  transcriptContainer,
+  overflowVisible: overflowVisible$1
 };
 function truncateMarkdown(markdown, maxLength = 250, ellipsis2 = "...") {
   if (!markdown || markdown.length <= maxLength) {
@@ -168947,7 +168963,8 @@ const formatTiming = (timestamp2, working_start) => {
     return formatDateTime(new Date(timestamp2));
   }
 };
-const formatTitle = (title2, total_tokens, working_start) => {
+const formatTitle = (title2, total_tokens, working_start, role2) => {
+  const titleWithRole = role2 ? `${title2} – ${role2} –` : title2;
   const subItems = [];
   if (total_tokens) {
     subItems.push(`${formatNumber(total_tokens)} tokens`);
@@ -168956,7 +168973,7 @@ const formatTitle = (title2, total_tokens, working_start) => {
     subItems.push(`${formatTime$1(working_start)}`);
   }
   const subtitle = subItems.length > 0 ? ` (${subItems.join(", ")})` : "";
-  return `${title2}${subtitle}`;
+  return `${titleWithRole}${subtitle}`;
 };
 const ApprovalEventView = ({
   eventNode,
@@ -169522,16 +169539,16 @@ const EventSection = ({
     children2
   ] });
 };
-const container$c = "_container_1hidt_1";
-const all = "_all_1hidt_6";
-const tableSelection = "_tableSelection_1hidt_12";
-const codePre = "_codePre_1hidt_22";
-const code$3 = "_code_1hidt_22";
-const progress$1 = "_progress_1hidt_34";
-const error$1 = "_error_1hidt_38";
-const toolConfig = "_toolConfig_1hidt_54";
-const toolChoice = "_toolChoice_1hidt_62";
-const traceback = "_traceback_1hidt_71";
+const container$c = "_container_1gr6b_1";
+const all = "_all_1gr6b_6";
+const tableSelection = "_tableSelection_1gr6b_12";
+const codePre = "_codePre_1gr6b_22";
+const code$3 = "_code_1gr6b_22";
+const progress$1 = "_progress_1gr6b_34";
+const error$1 = "_error_1gr6b_38";
+const toolConfig = "_toolConfig_1gr6b_54";
+const toolChoice = "_toolChoice_1gr6b_62";
+const traceback = "_traceback_1gr6b_71";
 const styles$J = {
   container: container$c,
   all,
@@ -169685,14 +169702,17 @@ const ModelEventView = ({
     }
   }
   const panelTitle = eventTitle(event);
-  const turnLabel2 = context?.turnInfo ? `turn ${context.turnInfo.turnNumber}/${context.turnInfo.totalTurns}` : void 0;
+  const outputRole = outputMessages.length > 0 ? outputMessages[0].role : void 0;
+  const outputTimestamp = event.completed ? formatDateTime(new Date(event.completed)) : void 0;
+  const baseTurnLabel = context?.turnInfo ? `turn ${context.turnInfo.turnNumber}/${context.turnInfo.totalTurns}` : void 0;
+  const turnLabel2 = [outputTimestamp, baseTurnLabel].filter(Boolean).join(" | ") || void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     EventPanel,
     {
       eventNodeId: eventNode.id,
       depth: eventNode.depth,
-      className: className2,
-      title: formatTitle(panelTitle, totalUsage, callTime),
+      className: clsx(className2),
+      title: formatTitle(panelTitle, totalUsage, callTime, outputRole),
       subTitle: formatTiming(event.timestamp, event.working_start),
       icon: ApplicationIcons.model,
       turnLabel: turnLabel2,
@@ -169706,7 +169726,8 @@ const ModelEventView = ({
               numbered: false,
               toolCallStyle: showToolCalls ? "complete" : "omit",
               resolveToolCallsIntoPreviousMessage: context?.hasToolEvents !== false,
-              allowLinking: false
+              allowLinking: false,
+              unlabeledRoles: ["assistant"]
             }
           ),
           event.error ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$J.error, children: [
@@ -180667,7 +180688,11 @@ const SampleDisplay = ({
             TabPanel,
             {
               id: kSampleTranscriptTabId,
-              className: clsx("sample-tab", styles$Z.transcriptContainer),
+              className: clsx(
+                "sample-tab",
+                styles$Z.transcriptContainer,
+                styles$Z.overflowVisible
+              ),
               title: "Transcript",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleTranscriptTabId || effectiveSelectedTab === void 0,
@@ -180701,7 +180726,12 @@ const SampleDisplay = ({
             TabPanel,
             {
               id: kSampleMessagesTabId,
-              className: clsx("sample-tab", styles$Z.fullWidth, styles$Z.chat),
+              className: clsx(
+                "sample-tab",
+                styles$Z.fullWidth,
+                styles$Z.chat,
+                styles$Z.overflowVisible
+              ),
               title: "Messages",
               onSelected: onSelectedTab,
               selected: effectiveSelectedTab === kSampleMessagesTabId,