@metrevals/inspect-scout-viewer 0.2.3-beta.1763763280 → 0.2.3-beta.1763914048

package/lib/index.js

@@ -1,5 +1,5 @@
 import * as React3 from "react";
-import React3__default, { createContext, useContext, useRef, useCallback, useEffect, useMemo, Fragment, Children, isValidElement, useState, createElement, memo as memo$1, forwardRef, useImperativeHandle, useLayoutEffect, Suspense, Component as Component$1 } from "react";
+import React3__default, { createContext, useContext, useRef, useCallback, useEffect, useMemo, Fragment, Children, isValidElement, forwardRef, useState, createElement, memo as memo$1, useImperativeHandle, useLayoutEffect, Suspense, Component as Component$1 } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.js";
@@ -779,9 +779,9 @@ function flattenRoutes(routes, branches = [], parentsMeta = [], parentPath = "",
 function explodeOptionalSegments(path) {
   let segments = path.split("/");
   if (segments.length === 0) return [];
-  let [first, ...rest] = segments;
-  let isOptional = first.endsWith("?");
-  let required = first.replace(/\?$/, "");
+  let [first2, ...rest] = segments;
+  let isOptional = first2.endsWith("?");
+  let required = first2.replace(/\?$/, "");
   if (rest.length === 0) {
     return isOptional ? [required, ""] : [required];
   }
@@ -8035,7 +8035,7 @@ function requirePrism() {
          *
          * @param {ParentNode} [container=document]
          */
-        highlight: function highlight(container2) {
+        highlight: function highlight2(container2) {
           var elements = (container2 || document).querySelectorAll(SELECTOR);
           for (var i2 = 0, element; element = elements[i2++]; ) {
             Prism2.highlightElement(element);
@@ -8148,9 +8148,9 @@ function debounce$2(func2, wait, options = {}) {
   let result2;
   let lastCallTime = null;
   const later = () => {
-    const last = Date.now() - (lastCallTime || 0);
-    if (last < wait && last >= 0) {
-      timeout = setTimeout(later, wait - last);
+    const last2 = Date.now() - (lastCallTime || 0);
+    if (last2 < wait && last2 >= 0) {
+      timeout = setTimeout(later, wait - last2);
     } else {
       timeout = null;
       if (!options.leading) {
@@ -9404,6 +9404,7 @@ const createStore$1 = (api) => create$2()(
         transcriptCollapsedEvents: {},
         scopedErrors: {},
         visibleScannerResults: [],
+        highlightLabeled: false,
         // Actions
         setSingleFileMode: (enabled) => {
           set3((state) => {
@@ -9693,6 +9694,11 @@ const createStore$1 = (api) => create$2()(
           set3((state) => {
             state.scansSearchText = text2;
           });
+        },
+        setHighlightLabeled: (highlight2) => {
+          set3((state) => {
+            state.highlightLabeled = highlight2;
+          });
         }
       })),
       {
@@ -9898,7 +9904,7 @@ function useRafThrottle(callback) {
   }, []);
   return throttledCallback;
 }
-const tabs$1 = "_tabs_1sz0h_1";
+const tabs$2 = "_tabs_1sz0h_1";
 const tabContents = "_tabContents_1sz0h_5";
 const scrollable = "_scrollable_1sz0h_10";
 const tab$1 = "_tab_1sz0h_1";
@@ -9907,7 +9913,7 @@ const tabIcon = "_tabIcon_1sz0h_29";
 const tabTools = "_tabTools_1sz0h_33";
 const tabStyle = "_tabStyle_1sz0h_43";
 const moduleStyles = {
-  tabs: tabs$1,
+  tabs: tabs$2,
   tabContents,
   scrollable,
   tab: tab$1,
@@ -10082,6 +10088,126 @@ const updateScannerParam = (searchParams, scanner) => {
 const getScannerParam = (searchParams) => {
   return searchParams.get(kScannerQueryParam) || void 0;
 };
+const loggingIcons = {
+  notset: "bi bi-card-text",
+  debug: "bi bi-bug",
+  http: "bi bi-download",
+  info: "bi bi-info-square",
+  warning: "bi bi-exclamation-triangle",
+  error: "bi bi-x-circle",
+  critical: "bi bi-fire"
+};
+const iconForMimeType = (mimeType) => {
+  if (mimeType === "application/pdf") {
+    return "bi bi-file-pdf";
+  } else if (mimeType.startsWith("image/")) {
+    return "bi bi-file-image";
+  } else {
+    return "bi bi-file-earmark";
+  }
+};
+const ApplicationIcons = {
+  // bi bi-x-diamond
+  approve: "bi bi-shield",
+  approvals: {
+    approve: "bi bi-shield-check",
+    reject: "bi bi-shield-x",
+    terminate: "bi bi-shield-exclamation",
+    escalate: "bi bi-box-arrow-up",
+    modify: "bi bi-pencil-square"
+  },
+  arrows: {
+    right: "bi bi-arrow-right"
+  },
+  checkbox: {
+    checked: "bi bi-check-circle",
+    unchecked: "bi bi-circle"
+  },
+  chevron: {
+    right: "bi bi-chevron-right",
+    down: "bi bi-chevron-down"
+  },
+  "clear-text": "bi bi-x-circle-fill",
+  close: "bi bi-x",
+  confirm: "bi bi-check",
+  copy: "bi bi-copy",
+  edit: "bi bi-pencil-square",
+  error: "bi bi-exclamation-circle-fill",
+  file: "bi bi-file-code",
+  folder: "bi bi-folder",
+  highlight: "bi bi-highlighter",
+  info: "bi bi-info-circle",
+  input: "bi bi-terminal",
+  limits: {
+    messages: "bi bi-chat-right-text",
+    custom: "bi bi-exclamation-triangle",
+    operator: "bi bi-person-workspace",
+    tokens: "bi bi-list",
+    time: "bi bi-clock",
+    execution: "bi bi-stopwatch"
+  },
+  link: "bi bi-link-45deg",
+  logging: loggingIcons,
+  metadata: "bi bi-table",
+  model: "bi bi-grid-3x3-gap",
+  navbar: {
+    home: "ii inspect-icon-home",
+    back: "ii inspect-icon-back",
+    forward: "ii inspect-icon-forward"
+  },
+  next: "bi bi-chevron-right",
+  noSamples: "bi bi-ban",
+  pendingTask: "bi bi-clock-fill",
+  play: "bi bi-play-fill",
+  previous: "bi bi-chevron-left",
+  refuse: "bi bi-ban",
+  role: {
+    tool: "bi bi-tools"
+  },
+  sample: "bi bi-database",
+  samples: "bi bi-file-spreadsheet",
+  sandbox: "bi bi-box-seam",
+  scorer: "bi bi-calculator",
+  search: "bi bi-search",
+  solvers: {
+    use_tools: "bi bi-tools"
+  },
+  success: "bi bi-check-circle-fill",
+  tree: {
+    open: "bi bi-caret-down-fill",
+    closed: "bi bi-caret-right-fill"
+  }
+};
+const toolButton = "_toolButton_1y0d0_1";
+const latched = "_latched_1y0d0_17";
+const styles$1j = {
+  toolButton,
+  latched
+};
+const ToolButton = forwardRef(
+  ({ label: label2, icon: icon2, className: className2, latched: latched2, ...rest }, ref2) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        ref: ref2,
+        type: "button",
+        className: clsx(
+          styles$1j.toolButton,
+          "btn",
+          "btn-tools",
+          className2,
+          latched2 ? styles$1j.latched : void 0
+        ),
+        ...rest,
+        children: [
+          icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `${icon2}` }),
+          label2
+        ]
+      }
+    );
+  }
+);
+ToolButton.displayName = "ToolButton";
 function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value2) {
     return value2 instanceof P2 ? value2 : new P2(function(resolve2) {
@@ -24063,16 +24189,16 @@ pp$8.parseExportSpecifier = function(exports2) {
   return this.finishNode(node2, "ExportSpecifier");
 };
 pp$8.parseExportSpecifiers = function(exports2) {
-  var nodes = [], first = true;
+  var nodes = [], first2 = true;
   this.expect(types$1.braceL);
   while (!this.eat(types$1.braceR)) {
-    if (!first) {
+    if (!first2) {
       this.expect(types$1.comma);
       if (this.afterTrailingComma(types$1.braceR)) {
         break;
       }
     } else {
-      first = false;
+      first2 = false;
     }
     nodes.push(this.parseExportSpecifier(exports2));
   }
@@ -24121,7 +24247,7 @@ pp$8.parseImportNamespaceSpecifier = function() {
   return this.finishNode(node2, "ImportNamespaceSpecifier");
 };
 pp$8.parseImportSpecifiers = function() {
-  var nodes = [], first = true;
+  var nodes = [], first2 = true;
   if (this.type === types$1.name) {
     nodes.push(this.parseImportDefaultSpecifier());
     if (!this.eat(types$1.comma)) {
@@ -24134,13 +24260,13 @@ pp$8.parseImportSpecifiers = function() {
   }
   this.expect(types$1.braceL);
   while (!this.eat(types$1.braceR)) {
-    if (!first) {
+    if (!first2) {
       this.expect(types$1.comma);
       if (this.afterTrailingComma(types$1.braceR)) {
         break;
       }
     } else {
-      first = false;
+      first2 = false;
     }
     nodes.push(this.parseImportSpecifier());
   }
@@ -24153,15 +24279,15 @@ pp$8.parseWithClause = function() {
   }
   this.expect(types$1.braceL);
   var attributeKeys = {};
-  var first = true;
+  var first2 = true;
   while (!this.eat(types$1.braceR)) {
-    if (!first) {
+    if (!first2) {
       this.expect(types$1.comma);
       if (this.afterTrailingComma(types$1.braceR)) {
         break;
       }
     } else {
-      first = false;
+      first2 = false;
     }
     var attr = this.parseImportAttribute();
     var keyName = attr.key.type === "Identifier" ? attr.key.name : attr.key.value;
@@ -24284,9 +24410,9 @@ pp$7.toAssignableList = function(exprList, isBinding) {
     }
   }
   if (end2) {
-    var last = exprList[end2 - 1];
-    if (this.options.ecmaVersion === 6 && isBinding && last && last.type === "RestElement" && last.argument.type !== "Identifier") {
-      this.unexpected(last.argument.start);
+    var last2 = exprList[end2 - 1];
+    if (this.options.ecmaVersion === 6 && isBinding && last2 && last2.type === "RestElement" && last2.argument.type !== "Identifier") {
+      this.unexpected(last2.argument.start);
     }
   }
   return exprList;
@@ -24321,10 +24447,10 @@ pp$7.parseBindingAtom = function() {
   return this.parseIdent();
 };
 pp$7.parseBindingList = function(close, allowEmpty, allowTrailingComma, allowModifiers) {
-  var elts = [], first = true;
+  var elts = [], first2 = true;
   while (!this.eat(close)) {
-    if (first) {
-      first = false;
+    if (first2) {
+      first2 = false;
     } else {
       this.expect(types$1.comma);
     }
@@ -25131,12 +25257,12 @@ pp$5.parseParenAndDistinguishExpression = function(canBeArrow, forInit) {
   if (this.options.ecmaVersion >= 6) {
     this.next();
     var innerStartPos = this.start, innerStartLoc = this.startLoc;
-    var exprList = [], first = true, lastIsComma = false;
+    var exprList = [], first2 = true, lastIsComma = false;
     var refDestructuringErrors = new DestructuringErrors(), oldYieldPos = this.yieldPos, oldAwaitPos = this.awaitPos, spreadStart;
     this.yieldPos = 0;
     this.awaitPos = 0;
     while (this.type !== types$1.parenR) {
-      first ? first = false : this.expect(types$1.comma);
+      first2 ? first2 = false : this.expect(types$1.comma);
       if (allowTrailingComma && this.afterTrailingComma(types$1.parenR, true)) {
         lastIsComma = true;
         break;
@@ -25276,17 +25402,17 @@ pp$5.isAsyncProp = function(prop) {
   return !prop.computed && prop.key.type === "Identifier" && prop.key.name === "async" && (this.type === types$1.name || this.type === types$1.num || this.type === types$1.string || this.type === types$1.bracketL || this.type.keyword || this.options.ecmaVersion >= 9 && this.type === types$1.star) && !lineBreak.test(this.input.slice(this.lastTokEnd, this.start));
 };
 pp$5.parseObj = function(isPattern, refDestructuringErrors) {
-  var node2 = this.startNode(), first = true, propHash = {};
+  var node2 = this.startNode(), first2 = true, propHash = {};
   node2.properties = [];
   this.next();
   while (!this.eat(types$1.braceR)) {
-    if (!first) {
+    if (!first2) {
       this.expect(types$1.comma);
       if (this.options.ecmaVersion >= 5 && this.afterTrailingComma(types$1.braceR)) {
         break;
       }
     } else {
-      first = false;
+      first2 = false;
     }
     var prop = this.parseProperty(isPattern, refDestructuringErrors);
     if (!isPattern) {
@@ -25506,15 +25632,15 @@ pp$5.checkParams = function(node2, allowDuplicates) {
   }
 };
 pp$5.parseExprList = function(close, allowTrailingComma, allowEmpty, refDestructuringErrors) {
-  var elts = [], first = true;
+  var elts = [], first2 = true;
   while (!this.eat(close)) {
-    if (!first) {
+    if (!first2) {
       this.expect(types$1.comma);
       if (allowTrailingComma && this.afterTrailingComma(close)) {
         break;
       }
     } else {
-      first = false;
+      first2 = false;
     }
     var elt = void 0;
     if (allowEmpty && this.type === types$1.comma) {
@@ -27934,7 +28060,7 @@ pp.readHexChar = function(len) {
 };
 pp.readWord1 = function() {
   this.containsEsc = false;
-  var word = "", first = true, chunkStart = this.pos;
+  var word = "", first2 = true, chunkStart = this.pos;
   var astral = this.options.ecmaVersion >= 6;
   while (this.pos < this.input.length) {
     var ch = this.fullCharCodeAtPos();
@@ -27949,7 +28075,7 @@ pp.readWord1 = function() {
       }
       ++this.pos;
       var esc = this.readCodePoint();
-      if (!(first ? isIdentifierStart : isIdentifierChar)(esc, astral)) {
+      if (!(first2 ? isIdentifierStart : isIdentifierChar)(esc, astral)) {
         this.invalidStringToken(escStart, "Invalid Unicode escape");
       }
       word += codePointToString(esc);
@@ -27957,7 +28083,7 @@ pp.readWord1 = function() {
     } else {
       break;
     }
-    first = false;
+    first2 = false;
   }
   return word + this.input.slice(chunkStart, this.pos);
 };
@@ -34747,7 +34873,7 @@ function formatValue(v, options = {}) {
 function toHTML(table2, options = {}) {
   const names = columns(table2, options.columns);
   const { align: align2, format: format2 } = formats(table2, names, options);
-  const style2 = styles$1j(options);
+  const style2 = styles$1i(options);
   const nullish = options.null;
   const alignValue = (a2) => a2 === "c" ? "center" : a2 === "r" ? "right" : "left";
   const escape2 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
@@ -34777,7 +34903,7 @@ function toHTML(table2, options = {}) {
   });
   return text2 + "</tbody></table>";
 }
-function styles$1j(options) {
+function styles$1i(options) {
   return mapObject(
     options.style,
     (value2) => isFunction$1(value2) ? value2 : () => value2
@@ -38217,95 +38343,6 @@ const toRelativePath = (absolutePath, basePath) => {
   }
   return normalizedPath;
 };
-const loggingIcons = {
-  notset: "bi bi-card-text",
-  debug: "bi bi-bug",
-  http: "bi bi-download",
-  info: "bi bi-info-square",
-  warning: "bi bi-exclamation-triangle",
-  error: "bi bi-x-circle",
-  critical: "bi bi-fire"
-};
-const iconForMimeType = (mimeType) => {
-  if (mimeType === "application/pdf") {
-    return "bi bi-file-pdf";
-  } else if (mimeType.startsWith("image/")) {
-    return "bi bi-file-image";
-  } else {
-    return "bi bi-file-earmark";
-  }
-};
-const ApplicationIcons = {
-  // bi bi-x-diamond
-  approve: "bi bi-shield",
-  approvals: {
-    approve: "bi bi-shield-check",
-    reject: "bi bi-shield-x",
-    terminate: "bi bi-shield-exclamation",
-    escalate: "bi bi-box-arrow-up",
-    modify: "bi bi-pencil-square"
-  },
-  arrows: {
-    right: "bi bi-arrow-right"
-  },
-  checkbox: {
-    checked: "bi bi-check-circle",
-    unchecked: "bi bi-circle"
-  },
-  chevron: {
-    right: "bi bi-chevron-right",
-    down: "bi bi-chevron-down"
-  },
-  "clear-text": "bi bi-x-circle-fill",
-  close: "bi bi-x",
-  confirm: "bi bi-check",
-  copy: "bi bi-copy",
-  edit: "bi bi-pencil-square",
-  error: "bi bi-exclamation-circle-fill",
-  file: "bi bi-file-code",
-  folder: "bi bi-folder",
-  info: "bi bi-info-circle",
-  input: "bi bi-terminal",
-  limits: {
-    messages: "bi bi-chat-right-text",
-    custom: "bi bi-exclamation-triangle",
-    operator: "bi bi-person-workspace",
-    tokens: "bi bi-list",
-    time: "bi bi-clock",
-    execution: "bi bi-stopwatch"
-  },
-  link: "bi bi-link-45deg",
-  logging: loggingIcons,
-  metadata: "bi bi-table",
-  model: "bi bi-grid-3x3-gap",
-  navbar: {
-    home: "ii inspect-icon-home",
-    back: "ii inspect-icon-back",
-    forward: "ii inspect-icon-forward"
-  },
-  next: "bi bi-chevron-right",
-  noSamples: "bi bi-ban",
-  pendingTask: "bi bi-clock-fill",
-  play: "bi bi-play-fill",
-  previous: "bi bi-chevron-left",
-  refuse: "bi bi-ban",
-  role: {
-    tool: "bi bi-tools"
-  },
-  sample: "bi bi-database",
-  samples: "bi bi-file-spreadsheet",
-  sandbox: "bi bi-box-seam",
-  scorer: "bi bi-calculator",
-  search: "bi bi-search",
-  solvers: {
-    use_tools: "bi bi-tools"
-  },
-  success: "bi bi-check-circle-fill",
-  tree: {
-    open: "bi bi-caret-down-fill",
-    closed: "bi bi-caret-right-fill"
-  }
-};
 const header$2 = "_header_oy6cz_1";
 const bordered$1 = "_bordered_oy6cz_11";
 const breadcrumbs = "_breadcrumbs_oy6cz_15";
@@ -38315,7 +38352,7 @@ const right$2 = "_right_oy6cz_41";
 const toolbarButton = "_toolbarButton_oy6cz_50";
 const pathContainer = "_pathContainer_oy6cz_58";
 const hasChildren = "_hasChildren_oy6cz_62";
-const styles$1i = {
+const styles$1h = {
   header: header$2,
   bordered: bordered$1,
   breadcrumbs,
@@ -38453,38 +38490,38 @@ const Navbar = ({ bordered: bordered2 = true, children: children2 }) => {
       className: clsx(
         "text-size-smaller",
         "header-nav",
-        styles$1i.header,
-        bordered2 ? styles$1i.bordered : void 0
+        styles$1h.header,
+        bordered2 ? styles$1h.bordered : void 0
       ),
       "aria-label": "breadcrumb",
       "data-unsearchable": true,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1i.left), children: [
-          backUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1i.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1h.left), children: [
+          backUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1h.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
           !singleFileMode && /* @__PURE__ */ jsxRuntimeExports.jsx(
             Link,
             {
               to: scansRoute(),
-              className: clsx(styles$1i.toolbarButton),
+              className: clsx(styles$1h.toolbarButton),
               onClick: () => {
               },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.home) })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.pathContainer), ref: pathContainerRef, children: resultsDir ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1i.breadcrumbs), children: visibleSegments.map((segment2, index) => {
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1h.pathContainer), ref: pathContainerRef, children: resultsDir ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1h.breadcrumbs), children: visibleSegments.map((segment2, index) => {
             const isLast = index === visibleSegments.length - 1;
             const shouldShowEllipsis = showEllipsis && index === 1 && visibleSegments.length >= 2;
             return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-              shouldShowEllipsis && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx("breadcrumb-item", styles$1i.ellipsis), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." }) }),
+              shouldShowEllipsis && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: clsx("breadcrumb-item", styles$1h.ellipsis), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "li",
                 {
                   className: clsx(
-                    styles$1i.pathLink,
+                    styles$1h.pathLink,
                     "breadcrumb-item",
                     isLast && !singleFileMode ? "active" : void 0
                   ),
-                  children: segment2.url && !singleFileMode && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1i.pathSegment), children: segment2.text })
+                  children: segment2.url && !singleFileMode && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1h.pathSegment), children: segment2.text })
                 }
               )
             ] }, index);
@@ -38494,8 +38531,8 @@ const Navbar = ({ bordered: bordered2 = true, children: children2 }) => {
           "div",
           {
             className: clsx(
-              styles$1i.right,
-              children2 ? styles$1i.hasChildren : void 0
+              styles$1h.right,
+              children2 ? styles$1h.hasChildren : void 0
             ),
             children: children2
           }
@@ -39969,19 +40006,19 @@ const Card = ({ id: id2, children: children2, className: className2 }) => {
 };
 const container$g = "_container_1cz5u_1";
 const traceback = "_traceback_1cz5u_5";
-const styles$1h = {
+const styles$1g = {
   container: container$g,
   traceback
 };
 const ErrorPanel$1 = ({ error: error2, traceback: traceback2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: clsx(styles$1h.container), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { className: clsx(styles$1g.container), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { type: "modern", children: "Error" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CardBody, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller"), children: error2 }),
       traceback2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         ANSIDisplay,
         {
-          className: clsx(styles$1h.traceback, "text-size-smaller"),
+          className: clsx(styles$1g.traceback, "text-size-smaller"),
           output: traceback2
         }
       )
@@ -39992,7 +40029,7 @@ const labeledValue = "_labeledValue_6obbb_1";
 const row$3 = "_row_6obbb_6";
 const column = "_column_6obbb_10";
 const labeledValueLabel = "_labeledValueLabel_6obbb_14";
-const styles$1g = {
+const styles$1f = {
   labeledValue,
   row: row$3,
   column,
@@ -40010,8 +40047,8 @@ const LabeledValue = ({
     "div",
     {
       className: clsx(
-        styles$1g.labeledValue,
-        layout === "column" ? styles$1g.column : styles$1g.row,
+        styles$1f.labeledValue,
+        layout === "column" ? styles$1f.column : styles$1f.row,
         className2
       ),
       style: {
@@ -40022,14 +40059,14 @@ const LabeledValue = ({
           "div",
           {
             className: clsx(
-              styles$1g.labeledValueLabel,
+              styles$1f.labeledValueLabel,
               "text-style-label",
               "text-style-secondary"
             ),
             children: label2
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1g.labeledValueValue), style: { ...valueStyle }, children: children2 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.labeledValueValue), style: { ...valueStyle }, children: children2 })
       ]
     }
   );
@@ -43256,7 +43293,7 @@ const moreToggleButton = "_moreToggleButton_1ka1g_36";
 const separator$4 = "_separator_1ka1g_44";
 const inlineRight = "_inlineRight_1ka1g_50";
 const blockLeft = "_blockLeft_1ka1g_56";
-const styles$1f = {
+const styles$1e = {
   expandablePanel,
   expandableBordered,
   expandableCollapsed,
@@ -43308,10 +43345,10 @@ const ExpandablePanel = memo$1(
           style: baseStyles,
           ref: contentRef,
           className: clsx(
-            styles$1f.expandablePanel,
-            collapsed ? styles$1f.expandableCollapsed : void 0,
-            border ? styles$1f.expandableBordered : void 0,
-            showToggle ? styles$1f.padBottom : void 0,
+            styles$1e.expandablePanel,
+            collapsed ? styles$1e.expandableCollapsed : void 0,
+            border ? styles$1e.expandableBordered : void 0,
+            showToggle ? styles$1e.padBottom : void 0,
             className2
           ),
           children: [
@@ -43337,7 +43374,7 @@ const ExpandablePanel = memo$1(
           position: "block-left"
         }
       ) }),
-      showToggle && layout === "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.separator) })
+      showToggle && layout === "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1e.separator) })
     ] });
   }
 );
@@ -43356,15 +43393,15 @@ const MoreToggle = ({
     "div",
     {
       className: clsx(
-        styles$1f.moreToggle,
-        border ? styles$1f.bordered : void 0,
-        position === "inline-right" ? styles$1f.inlineRight : styles$1f.blockLeft
+        styles$1e.moreToggle,
+        border ? styles$1e.bordered : void 0,
+        position === "inline-right" ? styles$1e.inlineRight : styles$1e.blockLeft
       ),
       style: style2,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          className: clsx(styles$1f.moreToggleButton, "text-size-smallest"),
+          className: clsx(styles$1e.moreToggleButton, "text-size-smallest"),
           onClick: handleClick,
           children: [
             text2,
@@ -43461,7 +43498,7 @@ const keyPairBordered = "_keyPairBordered_qjlxf_9";
 const key = "_key_qjlxf_1";
 const pre = "_pre_qjlxf_19";
 const treeIcon = "_treeIcon_qjlxf_23";
-const styles$1e = {
+const styles$1d = {
   keyPairContainer,
   keyPairBordered,
   key,
@@ -43472,7 +43509,7 @@ const visible = "_visible_tm52u_1";
 const hidden$2 = "_hidden_tm52u_5";
 const pills = "_pills_tm52u_9";
 const pill = "_pill_tm52u_9";
-const styles$1d = {
+const styles$1c = {
   visible,
   hidden: hidden$2,
   pills,
@@ -43502,7 +43539,7 @@ const NavPills = ({ id: id2, children: children2 }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: child["props"]?.title === activeItem ? styles$1d.visible : styles$1d.hidden,
+        className: child["props"]?.title === activeItem ? styles$1c.visible : styles$1c.hidden,
         children: child
       },
       `nav-pill-container-${idx}`
@@ -43512,7 +43549,7 @@ const NavPills = ({ id: id2, children: children2 }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "ul",
       {
-        className: clsx("nav", "nav-pills", styles$1d.pills),
+        className: clsx("nav", "nav-pills", styles$1c.pills),
         role: "tablist",
         "aria-orientation": "horizontal",
         children: navPills
@@ -43548,7 +43585,7 @@ const NavPill = ({
           "nav-link",
           "text-style-label",
           active ? "active " : "",
-          styles$1d.pill
+          styles$1c.pill
         ),
         "data-target": title2,
         onClick: handleClick,
@@ -43564,7 +43601,7 @@ const Buckets = {
   final: 1e3
 };
 const copyButton = "_copyButton_1goi8_1";
-const styles$1c = {
+const styles$1b = {
   copyButton
 };
 const CopyButton = ({
@@ -43594,7 +43631,7 @@ const CopyButton = ({
     "button",
     {
       type: "button",
-      className: clsx("copy-button", styles$1c.copyButton, className2),
+      className: clsx("copy-button", styles$1b.copyButton, className2),
       onClick: () => {
         void handleClick();
       },
@@ -43619,7 +43656,7 @@ const indented = "_indented_b8oe1_29";
 const copyLink = "_copyLink_b8oe1_33";
 const metadataLabel = "_metadataLabel_b8oe1_43";
 const hover$1 = "_hover_b8oe1_47";
-const styles$1b = {
+const styles$1a = {
   message,
   systemRole,
   messageGrid,
@@ -45499,7 +45536,7 @@ function smartquotes(state) {
   }
 }
 function text_join(state) {
-  let curr, last;
+  let curr, last2;
   const blockTokens = state.tokens;
   const l2 = blockTokens.length;
   for (let j2 = 0; j2 < l2; j2++) {
@@ -45511,18 +45548,18 @@ function text_join(state) {
         tokens[curr].type = "text";
       }
     }
-    for (curr = last = 0; curr < max2; curr++) {
+    for (curr = last2 = 0; curr < max2; curr++) {
       if (tokens[curr].type === "text" && curr + 1 < max2 && tokens[curr + 1].type === "text") {
         tokens[curr + 1].content = tokens[curr].content + tokens[curr + 1].content;
       } else {
-        if (curr !== last) {
-          tokens[last] = tokens[curr];
+        if (curr !== last2) {
+          tokens[last2] = tokens[curr];
         }
-        last++;
+        last2++;
       }
     }
-    if (curr !== last) {
-      tokens.length = last;
+    if (curr !== last2) {
+      tokens.length = last2;
     }
   }
 }
@@ -45673,32 +45710,32 @@ StateBlock.prototype.getLines = function getLines(begin, end2, indent, keepLastL
   for (let i2 = 0, line2 = begin; line2 < end2; line2++, i2++) {
     let lineIndent = 0;
     const lineStart = this.bMarks[line2];
-    let first = lineStart;
-    let last;
+    let first2 = lineStart;
+    let last2;
     if (line2 + 1 < end2 || keepLastLF) {
-      last = this.eMarks[line2] + 1;
+      last2 = this.eMarks[line2] + 1;
     } else {
-      last = this.eMarks[line2];
+      last2 = this.eMarks[line2];
     }
-    while (first < last && lineIndent < indent) {
-      const ch = this.src.charCodeAt(first);
+    while (first2 < last2 && lineIndent < indent) {
+      const ch = this.src.charCodeAt(first2);
       if (isSpace(ch)) {
         if (ch === 9) {
           lineIndent += 4 - (lineIndent + this.bsCount[line2]) % 4;
         } else {
           lineIndent++;
         }
-      } else if (first - lineStart < this.tShift[line2]) {
+      } else if (first2 - lineStart < this.tShift[line2]) {
         lineIndent++;
       } else {
         break;
       }
-      first++;
+      first2++;
     }
     if (lineIndent > indent) {
-      queue[i2] = new Array(lineIndent - indent + 1).join(" ") + this.src.slice(first, last);
+      queue[i2] = new Array(lineIndent - indent + 1).join(" ") + this.src.slice(first2, last2);
     } else {
-      queue[i2] = this.src.slice(first, last);
+      queue[i2] = this.src.slice(first2, last2);
     }
   }
   return queue.join("");
@@ -45897,7 +45934,7 @@ function code$2(state, startLine, endLine) {
     return false;
   }
   let nextLine = startLine + 1;
-  let last = nextLine;
+  let last2 = nextLine;
   while (nextLine < endLine) {
     if (state.isEmpty(nextLine)) {
       nextLine++;
@@ -45905,14 +45942,14 @@ function code$2(state, startLine, endLine) {
     }
     if (state.sCount[nextLine] - state.blkIndent >= 4) {
       nextLine++;
-      last = nextLine;
+      last2 = nextLine;
       continue;
     }
     break;
   }
-  state.line = last;
+  state.line = last2;
   const token2 = state.push("code_block", "code", 0);
-  token2.content = state.getLines(startLine, last, 4 + state.blkIndent, false) + "\n";
+  token2.content = state.getLines(startLine, last2, 4 + state.blkIndent, false) + "\n";
   token2.map = [startLine, state.line];
   return true;
 }
@@ -47732,25 +47769,25 @@ function link_pairs(state) {
   }
 }
 function fragments_join(state) {
-  let curr, last;
+  let curr, last2;
   let level = 0;
   const tokens = state.tokens;
   const max2 = state.tokens.length;
-  for (curr = last = 0; curr < max2; curr++) {
+  for (curr = last2 = 0; curr < max2; curr++) {
     if (tokens[curr].nesting < 0) level--;
     tokens[curr].level = level;
     if (tokens[curr].nesting > 0) level++;
     if (tokens[curr].type === "text" && curr + 1 < max2 && tokens[curr + 1].type === "text") {
       tokens[curr + 1].content = tokens[curr].content + tokens[curr + 1].content;
     } else {
-      if (curr !== last) {
-        tokens[last] = tokens[curr];
+      if (curr !== last2) {
+        tokens[last2] = tokens[curr];
       }
-      last++;
+      last2++;
     }
   }
-  if (curr !== last) {
-    tokens.length = last;
+  if (curr !== last2) {
+    tokens.length = last2;
   }
 }
 const _rules = [
@@ -49103,9 +49140,9 @@ function unescapeCodeHtmlEntities(str) {
     }
   );
 }
-const content$1 = "_content_13ihw_1";
-const styles$1a = {
-  content: content$1
+const content = "_content_13ihw_1";
+const styles$19 = {
+  content
 };
 forwardRef(
   ({ text: text2, style: style2, className: className2 }, ref2) => {
@@ -49113,7 +49150,7 @@ forwardRef(
       "pre",
       {
         ref: ref2,
-        className: clsx(styles$1a.content, "text-size-smaller", className2),
+        className: clsx(styles$19.content, "text-size-smaller", className2),
         style: style2,
         children: text2
       }
@@ -49174,23 +49211,23 @@ const parsedJson = (text2) => {
   return void 0;
 };
 const contentData = "_contentData_1sd1z_1";
-const styles$19 = {
+const styles$18 = {
   contentData
 };
 const webSearch = "_webSearch_1376z_1";
 const query$1 = "_query_1376z_8";
-const styles$18 = {
+const styles$17 = {
   webSearch,
   query: query$1
 };
 const WebSearch = ({ query: query2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$18.webSearch, "text-size-smaller"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$17.webSearch, "text-size-smaller"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-style-label", "text-style-secondary"), children: "Web Search:" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$18.query, "text-size-smallest"), children: query2 })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$17.query, "text-size-smallest"), children: query2 })
   ] });
 };
 const result$1 = "_result_1mixg_12";
-const styles$17 = {
+const styles$16 = {
   result: result$1
 };
 const WebSearchResults = ({
@@ -49201,7 +49238,7 @@ const WebSearchResults = ({
       "div",
       {
         className: clsx(
-          styles$17.label,
+          styles$16.label,
           "text-style-label",
           "text-style-secondary",
           "text-size-smaller"
@@ -49209,10 +49246,10 @@ const WebSearchResults = ({
         children: "Results"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$17.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$16.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "li",
       {
-        className: clsx(styles$17.result, "text-style-secondary"),
+        className: clsx(styles$16.result, "text-style-secondary"),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
@@ -49236,17 +49273,17 @@ const ContentDataView = ({ id: id2, contentData: contentData2 }) => {
   );
   if (!renderer) {
     const { encrypted_content, ...record } = renderableData;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$18.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       RecordTree,
       {
         id: `${id2}-tree`,
         record,
-        className: clsx(styles$19.data),
+        className: clsx(styles$18.data),
         defaultExpandLevel: 0
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.contentData), children: renderer.render(renderableData) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$18.contentData), children: renderer.render(renderableData) });
 };
 const webSearchServerToolRenderer = {
   name: "WebSearch",
@@ -49288,7 +49325,7 @@ const serverToolRenderer = {
         {
           id: data2.name || "server-tool",
           record: data2,
-          className: clsx(styles$19.data)
+          className: clsx(styles$18.data)
         }
       )
     ] });
@@ -49306,7 +49343,7 @@ const documentFrame = "_documentFrame_1576h_1";
 const documentFrameTitle = "_documentFrameTitle_1576h_9";
 const downloadLink = "_downloadLink_1576h_16";
 const imageDocument = "_imageDocument_1576h_21";
-const styles$16 = {
+const styles$15 = {
   documentFrame,
   documentFrameTitle,
   downloadLink,
@@ -49321,7 +49358,7 @@ const ContentDocumentView = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentFrame, { document: document2, downloadable: canDownloadFiles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "img",
       {
-        className: clsx(styles$16.imageDocument),
+        className: clsx(styles$15.imageDocument),
         src: document2.document,
         alt: document2.filename,
         id: id2
@@ -49346,17 +49383,17 @@ const ContentDocumentFrame = ({
     "div",
     {
       className: clsx(
-        styles$16.documentFrame,
+        styles$15.documentFrame,
         "text-size-small",
         "text-style-secondary"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$16.documentFrameTitle), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$15.documentFrameTitle), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(iconForMimeType(document2.mime_type)) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: downloadable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "a",
             {
-              className: clsx(styles$16.downloadLink),
+              className: clsx(styles$15.downloadLink),
               onClick: () => {
               },
               children: document2.filename
@@ -49369,7 +49406,7 @@ const ContentDocumentFrame = ({
   );
 };
 const jsonMessage = "_jsonMessage_oxf8d_1";
-const styles$15 = {
+const styles$14 = {
   jsonMessage
 };
 const JsonMessageContent = ({
@@ -49382,7 +49419,7 @@ const JsonMessageContent = ({
     {
       id: id2,
       record: json2,
-      className: clsx(styles$15.jsonMessage, className2),
+      className: clsx(styles$14.jsonMessage, className2),
       useBorders: false
     }
   );
@@ -49394,7 +49431,7 @@ const decodeHtmlEntities = (text2) => {
 };
 const citations = "_citations_1ggvf_1";
 const citationLink = "_citationLink_1ggvf_9";
-const styles$14 = {
+const styles$13 = {
   citations,
   citationLink
 };
@@ -49402,7 +49439,7 @@ const MessageCitations = ({ citations: citations2 }) => {
   if (citations2.length === 0) {
     return void 0;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$14.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: index + 1 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitation, { citation })
   ] }, index)) });
@@ -49422,7 +49459,7 @@ const UrlCitation = ({
     href: citation.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: clsx(styles$14.citationLink),
+    className: clsx(styles$13.citationLink),
     title: citation.cited_text && typeof citation.cited_text === "string" ? `${citation.cited_text}
 ${citation.url}` : citation.url,
     children: children2
@@ -49431,7 +49468,7 @@ ${citation.url}` : citation.url,
 const OtherCitation = ({ children: children2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children2 });
 const contentImage = "_contentImage_8rgix_1";
 const reasoning = "_reasoning_8rgix_6";
-const styles$13 = {
+const styles$12 = {
   contentImage,
   reasoning
 };
@@ -49442,7 +49479,7 @@ const args = "_args_1792k_22";
 const argLabel = "_argLabel_1792k_31";
 const error$2 = "_error_1792k_35";
 const toolPanel = "_toolPanel_1792k_40";
-const styles$12 = {
+const styles$11 = {
   mcpToolUse,
   title: title$3,
   titleText,
@@ -49463,23 +49500,23 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
   const titleStr = content2.context ? `${content2.context} — ${content2.name}()` : `${content2.name}()`;
   const listToolsResult = maybeListTools(content2);
   const webSearchResult = maybeWebSearchResult(content2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: id2, className: clsx(styles$12.mcpToolUse, className2), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: id2, className: clsx(styles$11.mcpToolUse, className2), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: clsx(
-          styles$12.title,
+          styles$11.title,
           "text-size-small",
           "text-style-secondary"
         ),
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.role.tool }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$12.titleText, children: titleStr }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$12.type, children: content2.type })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$11.titleText, children: titleStr }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$11.type, children: content2.type })
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$12.args, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$11.args, children: [
       Object.keys(args2).map((key2, index) => {
         const value2 = args2[key2];
         let valueRecord = void 0;
@@ -49498,7 +49535,7 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
       }),
       webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: "results" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$12.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$11.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
             href: result2.url,
@@ -49513,7 +49550,7 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
         {
           id: `${id2}-output`,
           collapse: true,
-          className: clsx(styles$12.toolPanel),
+          className: clsx(styles$11.toolPanel),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: tool2.name }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(ValueDiv, { children: [
@@ -49531,7 +49568,7 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
         }
       ) })) : void 0
     ] }),
-    content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$12.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+    content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$11.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
       "Error: ",
       content2.error
     ] }) }) : !listToolsResult && !webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandablePanel, { id: `${id2}-output`, collapse: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -49588,7 +49625,7 @@ const LabelDiv = ({ label: label2 }) => {
     "div",
     {
       className: clsx(
-        styles$12.argLabel,
+        styles$11.argLabel,
         "text-style-secondary",
         "text-size-smaller"
       ),
@@ -49603,7 +49640,7 @@ const toolImage = "_toolImage_1wvgr_1";
 const output = "_output_1wvgr_6";
 const textOutput = "_textOutput_1wvgr_10";
 const textCode = "_textCode_1wvgr_18";
-const styles$11 = {
+const styles$10 = {
   toolImage,
   output,
   textOutput,
@@ -49622,7 +49659,7 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
       } else {
         if (out.image.startsWith("data:")) {
           outputs.push(
-            /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: clsx(styles$11.toolImage), src: out.image }, key2)
+            /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: clsx(styles$10.toolImage), src: out.image }, key2)
           );
         } else {
           outputs.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: String(out.image) }, key2));
@@ -49634,14 +49671,14 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: String(output2) }, "tool-output-single")
     );
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$11.output, className2), children: outputs });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$10.output, className2), children: outputs });
 };
 const ToolTextOutput = ({ text: text2 }) => {
   if (isJson(text2)) {
     const obj = JSON.parse(text2);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(JsonMessageContent, { id: `1-json`, json: obj });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$11.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$11.textCode), children: text2.trim() }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$10.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$10.textCode), children: text2.trim() }) });
 };
 const isMessageContent = (content2) => {
   return typeof content2 === "object" && content2 !== null && "type" in content2 && typeof content2.type === "string";
@@ -49726,7 +49763,7 @@ const messageRenderers = {
               className: isLast ? "no-last-para-padding" : ""
             }
           ),
-          c2.citations ? /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitations, { citations: c2.citations }) : void 0
+          c2.citations && c2.citations.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitations, { citations: c2.citations }) : void 0
         ] }, key2);
       }
     }
@@ -49740,7 +49777,7 @@ const messageRenderers = {
       } else if (!text2) {
         text2 = r2.summary || "Reasoning text not provided.";
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$13.reasoning, "text-size-small"), children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$12.reasoning, "text-size-small"), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -49763,7 +49800,7 @@ const messageRenderers = {
     render: (key2, content2, _isLast, _context) => {
       const c2 = content2;
       if (c2.image.startsWith("data:")) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$13.contentImage }, key2);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$12.contentImage }, key2);
       } else {
         return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: c2.image }, key2);
       }
@@ -49887,11 +49924,120 @@ const normalizeContent$2 = (contents2) => {
   return result2;
 };
 const isCitationWithRange = (citation) => Array.isArray(citation.cited_text);
-const content = "_content_1b2jp_1";
-const codeCompact = "_codeCompact_1b2jp_5";
-const styles$10 = {
-  content,
-  codeCompact
+const defaultContext = () => {
+  return {
+    citeOffset: 0,
+    citations: []
+  };
+};
+const MessageContents = ({ message: message2 }) => {
+  const context = defaultContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) });
+};
+const ChatMessage = memo$1(
+  ({ id: id2, message: message2, indented: indented2, allowLinking = true }) => {
+    const messageUrl = void 0;
+    const supportsLinking = useCallback(() => {
+      return false;
+    }, []);
+    const toFullUrl = useCallback((url) => {
+      return url;
+    }, []);
+    const collapse = message2.role === "system" || message2.role === "user";
+    const [mouseOver, setMouseOver] = useState(false);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: clsx(
+          message2.role,
+          "text-size-base",
+          styles$1a.message,
+          message2.role === "system" ? styles$1a.systemRole : void 0,
+          message2.role === "user" ? styles$1a.userRole : void 0,
+          mouseOver ? styles$1a.hover : void 0
+        ),
+        onMouseEnter: () => setMouseOver(true),
+        onMouseLeave: () => setMouseOver(false),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: clsx(
+                styles$1a.messageGrid,
+                message2.role === "tool" ? styles$1a.toolMessageGrid : void 0,
+                "text-style-label"
+              ),
+              children: [
+                message2.role,
+                message2.role === "tool" ? `: ${message2.function}` : "",
+                supportsLinking() && messageUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  CopyButton,
+                  {
+                    icon: ApplicationIcons.link,
+                    value: toFullUrl(messageUrl),
+                    className: clsx(styles$1a.copyLink)
+                  }
+                ) : ""
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: clsx(
+                styles$1a.messageContents,
+                indented2 ? styles$1a.indented : void 0
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  ExpandablePanel,
+                  {
+                    id: `${id2}-message`,
+                    collapse,
+                    lines: collapse ? 15 : 25,
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContents, { message: message2 }, `${id2}-contents`)
+                  }
+                ),
+                message2.metadata && Object.keys(message2.metadata).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  LabeledValue,
+                  {
+                    label: "Metadata",
+                    className: clsx(styles$1a.metadataLabel, "text-size-smaller"),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      RecordTree,
+                      {
+                        record: message2.metadata,
+                        id: `${id2}-metadata`,
+                        defaultExpandLevel: 0
+                      }
+                    )
+                  }
+                ) : ""
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+const grid$2 = "_grid_ws7d1_1";
+const number = "_number_ws7d1_8";
+const user = "_user_ws7d1_12";
+const container$f = "_container_ws7d1_18";
+const first = "_first_ws7d1_26";
+const last = "_last_ws7d1_33";
+const label$4 = "_label_ws7d1_40";
+const highlight = "_highlight_ws7d1_44";
+const styles$$ = {
+  grid: grid$2,
+  number,
+  user,
+  container: container$f,
+  first,
+  last,
+  label: label$4,
+  highlight
 };
 (function(Prism2) {
   var envVars = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
@@ -50317,13 +50463,13 @@ const extractInput = (args2, inputDescriptor) => {
     };
   }
 };
-const toolCallView = "_toolCallView_l6wae_1";
-const styles$$ = {
+const toolCallView = "_toolCallView_x6cus_1";
+const styles$_ = {
   toolCallView
 };
 const todoList = "_todoList_1t8rx_1";
 const inProgress = "_inProgress_1t8rx_9";
-const styles$_ = {
+const styles$Z = {
   todoList,
   inProgress
 };
@@ -50343,7 +50489,7 @@ const toToolTodos = (obj) => {
 };
 const TodoWriteInput = ({ contents: contents2, parentRef }) => {
   const todoItems = toToolTodos(contents2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$_.todoList), children: todoItems.map((todo) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$Z.todoList), children: todoItems.map((todo) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "i",
@@ -50358,9 +50504,9 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
         "span",
         {
           className: clsx(
-            styles$_.todoItem,
+            styles$Z.todoItem,
             "text-size-smallest",
-            todo.status === "in_progress" ? styles$_.inProgress : void 0
+            todo.status === "in_progress" ? styles$Z.inProgress : void 0
           ),
           children: todo.content
         }
@@ -50371,7 +50517,7 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
 const outputPre = "_outputPre_1jznn_1";
 const toolView = "_toolView_1jznn_7";
 const outputCode = "_outputCode_1jznn_15";
-const styles$Z = {
+const styles$Y = {
   outputPre,
   toolView,
   outputCode
@@ -50388,7 +50534,7 @@ const ToolInput = (props) => {
       {
         markdown: toolCallView2.content,
         ref: sourceCodeRef,
-        className: clsx("tool-output", styles$Z.toolView, className2)
+        className: clsx("tool-output", styles$Y.toolView, className2)
       }
     );
   } else {
@@ -50418,8 +50564,8 @@ const RenderTool = ({
     {
       className: clsx(
         "tool-output",
-        styles$Z.outputPre,
-        styles$Z.bottomMargin,
+        styles$Y.outputPre,
+        styles$Y.bottomMargin,
         className2
       ),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -50429,7 +50575,7 @@ const RenderTool = ({
             "source-code",
             "sourceCode",
             contentType ? `language-${contentType}` : void 0,
-            styles$Z.outputCode
+            styles$Y.outputCode
           ),
           children: formattedContent
         }
@@ -50440,16 +50586,16 @@ const RenderTool = ({
 const image = "_image_1vcac_1";
 const toolTitle = "_toolTitle_1vcac_6";
 const description = "_description_1vcac_10";
-const styles$Y = {
+const styles$X = {
   image,
   toolTitle,
   description
 };
 const ToolTitle = ({ title: title2, description: description2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$Y.image) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$Y.toolTitle), children: title2 }),
-    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$Y.description, "text-size-smallest"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$X.image) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$X.toolTitle), children: title2 }),
+    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$X.description, "text-size-smallest"), children: [
       "- ",
       description2
     ] }) : void 0
@@ -50498,7 +50644,7 @@ const ToolCallView = ({
   });
   const contents2 = mode !== "compact" ? input2 : input2 || functionCall;
   const context = defaultContext();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$$.toolCallView), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$_.toolCallView), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       mode !== "compact" && (!view || view.title) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         ToolTitle,
@@ -50549,21 +50695,43 @@ const normalizeContent$1 = (output2) => {
     ];
   }
 };
-const defaultContext = () => {
-  return {
-    citeOffset: 0,
-    citations: []
-  };
-};
-const MessageContents = ({
-  id: id2,
-  message: message2,
-  toolMessages,
-  toolCallStyle
+const ChatMessageRow = ({
+  index,
+  parentName,
+  labeled,
+  labels,
+  highlightLabeled,
+  resolvedMessage,
+  toolCallStyle,
+  indented: indented2,
+  highlightUserMessage,
+  allowLinking = true
 }) => {
-  const context = defaultContext();
-  if (message2.role === "assistant" && message2.tool_calls && message2.tool_calls.length) {
-    const toolCalls = message2.tool_calls.map((tool_call, idx) => {
+  const views = [];
+  const viewLabels = [];
+  const number2 = index + 1;
+  const maxlabelLen = labels ? Object.values(labels).reduce((curr, r2) => {
+    return Math.max(r2.length, curr);
+  }, 0) : 3;
+  const chatMessageLabel = labels && resolvedMessage.message.id ? labels[resolvedMessage.message.id] || " ".repeat(maxlabelLen * 2) : String(number2) || void 0;
+  views.push(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ChatMessage,
+      {
+        id: `${parentName}-chat-messages`,
+        message: resolvedMessage.message,
+        toolMessages: resolvedMessage.toolMessages,
+        indented: indented2,
+        toolCallStyle,
+        allowLinking
+      }
+    )
+  );
+  viewLabels.push(chatMessageLabel);
+  if (toolCallStyle !== "omit" && resolvedMessage.message.role === "assistant" && resolvedMessage.message.tool_calls && resolvedMessage.message.tool_calls.length) {
+    const toolMessages = resolvedMessage.toolMessages || [];
+    let idx = 0;
+    for (const tool_call of resolvedMessage.message.tool_calls) {
       const { input: input2, description: description2, functionCall, contentType } = resolveToolInput(tool_call.function, tool_call.arguments);
       let toolMessage;
       if (tool_call.id) {
@@ -50573,36 +50741,79 @@ const MessageContents = ({
       } else {
         toolMessage = toolMessages[idx];
       }
+      const toolLabel = labels?.[toolMessage?.id || ""] || void 0;
       const resolvedToolOutput = resolveToolMessage(toolMessage);
+      viewLabels.push(toolLabel);
       if (toolCallStyle === "compact") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$10.codeCompact), children: [
-          "tool: ",
-          functionCall
-        ] }) }, `tool-call-${idx}`);
-      } else if (toolCallStyle === "omit") {
-        return void 0;
+        views.push(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolCallViewCompact, { idx, functionCall })
+        );
       } else {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ToolCallView,
-          {
-            id: `${id2}-tool-call`,
-            functionCall,
-            input: input2,
-            description: description2,
-            contentType,
-            output: resolvedToolOutput,
-            collapsible: false
-          },
-          `tool-call-${idx}`
+        views.push(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            ToolCallView,
+            {
+              id: `${index}-tool-call-${idx}`,
+              functionCall,
+              input: input2,
+              description: description2,
+              contentType,
+              output: resolvedToolOutput,
+              collapsible: false
+            },
+            `tool-call-${idx}`
+          )
         );
       }
-    });
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-      message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.content, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) }),
-      toolCalls
-    ] });
+      idx++;
+    }
+  }
+  if (labeled) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$$.grid), children: views.map((view, idx) => {
+      const label2 = viewLabels[idx];
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: clsx(
+              "text-size-smaller",
+              "text-style-secondary",
+              styles$$.number,
+              styles$$.label
+            ),
+            children: label2
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: clsx(
+              styles$$.container,
+              highlightUserMessage && resolvedMessage.message.role === "user" ? styles$$.user : void 0,
+              idx === 0 ? styles$$.first : void 0,
+              idx === views.length - 1 ? styles$$.last : void 0,
+              highlightLabeled && label2?.trim() ? styles$$.highlight : void 0
+            ),
+            children: view
+          }
+        )
+      ] });
+    }) }) });
   } else {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: clsx(
+          styles$$.container,
+          styles$$.simple,
+          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$$.user : void 0
+        ),
+        children: [
+          views,
+          resolvedMessage.message.role === "user" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: "10px" } }) : void 0
+        ]
+      }
+    );
   }
 };
 const resolveToolMessage = (toolMessage) => {
@@ -50655,192 +50866,11 @@ const resolveToolMessage = (toolMessage) => {
     return result2;
   }
 };
-const ChatMessage = memo$1(
-  ({
-    id: id2,
-    message: message2,
-    toolMessages,
-    indented: indented2,
-    toolCallStyle,
-    allowLinking = true
-  }) => {
-    const messageUrl = void 0;
-    const supportsLinking = useCallback(() => {
-      return false;
-    }, []);
-    const toFullUrl = useCallback((url) => {
-      return url;
-    }, []);
-    const collapse = message2.role === "system" || message2.role === "user";
-    const [mouseOver, setMouseOver] = useState(false);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: clsx(
-          message2.role,
-          "text-size-base",
-          styles$1b.message,
-          message2.role === "system" ? styles$1b.systemRole : void 0,
-          message2.role === "user" ? styles$1b.userRole : void 0,
-          mouseOver ? styles$1b.hover : void 0
-        ),
-        onMouseEnter: () => setMouseOver(true),
-        onMouseLeave: () => setMouseOver(false),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: clsx(
-                styles$1b.messageGrid,
-                message2.role === "tool" ? styles$1b.toolMessageGrid : void 0,
-                "text-style-label"
-              ),
-              children: [
-                message2.role,
-                message2.role === "tool" ? `: ${message2.function}` : "",
-                supportsLinking() && messageUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  CopyButton,
-                  {
-                    icon: ApplicationIcons.link,
-                    value: toFullUrl(messageUrl),
-                    className: clsx(styles$1b.copyLink)
-                  }
-                ) : ""
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: clsx(
-                styles$1b.messageContents,
-                indented2 ? styles$1b.indented : void 0
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  ExpandablePanel,
-                  {
-                    id: `${id2}-message`,
-                    collapse,
-                    lines: collapse ? 15 : 25,
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      MessageContents,
-                      {
-                        id: `${id2}-contents`,
-                        message: message2,
-                        toolMessages,
-                        toolCallStyle
-                      },
-                      `${id2}-contents`
-                    )
-                  }
-                ),
-                message2.metadata && Object.keys(message2.metadata).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  LabeledValue,
-                  {
-                    label: "Metadata",
-                    className: clsx(styles$1b.metadataLabel, "text-size-smaller"),
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      RecordTree,
-                      {
-                        record: message2.metadata,
-                        id: `${id2}-metadata`,
-                        defaultExpandLevel: 0
-                      }
-                    )
-                  }
-                ) : ""
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-const grid$2 = "_grid_rmdrx_1";
-const number = "_number_rmdrx_7";
-const user = "_user_rmdrx_11";
-const container$f = "_container_rmdrx_16";
-const styles$X = {
-  grid: grid$2,
-  number,
-  user,
-  container: container$f
-};
-const ChatMessageRow = ({
-  parentName,
-  label: label2,
-  resolvedMessage,
-  toolCallStyle,
-  indented: indented2,
-  highlightUserMessage,
-  allowLinking = true
-}) => {
-  if (label2) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: clsx(
-            styles$X.grid,
-            styles$X.container,
-            highlightUserMessage && resolvedMessage.message.role === "user" ? styles$X.user : void 0
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: clsx(
-                  "text-size-smaller",
-                  "text-style-secondary",
-                  styles$X.number
-                ),
-                children: label2
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              ChatMessage,
-              {
-                id: `${parentName}-chat-messages`,
-                message: resolvedMessage.message,
-                toolMessages: resolvedMessage.toolMessages,
-                indented: indented2,
-                toolCallStyle,
-                allowLinking
-              }
-            )
-          ]
-        }
-      ),
-      resolvedMessage.message.role === "user" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: "10px" } }) : void 0
-    ] });
-  } else {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: clsx(
-          styles$X.container,
-          styles$X.simple,
-          highlightUserMessage && resolvedMessage.message.role === "user" ? styles$X.user : void 0
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ChatMessage,
-            {
-              id: `${parentName}-chat-messages`,
-              message: resolvedMessage.message,
-              toolMessages: resolvedMessage.toolMessages,
-              indented: indented2,
-              toolCallStyle,
-              allowLinking
-            }
-          ),
-          resolvedMessage.message.role === "user" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { height: "10px" } }) : void 0
-        ]
-      }
-    );
-  }
+const ToolCallViewCompact = ({ idx, functionCall }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$$.codeCompact), children: [
+    "tool: ",
+    functionCall
+  ] }) }, `tool-call-${idx}`);
 };
 const resolveMessages = (messages2) => {
   const resolvedMessages = [];
@@ -50928,6 +50958,7 @@ const ChatView = ({
   resolveToolCallsIntoPreviousMessage = true,
   indented: indented2,
   labeled = true,
+  highlightLabeled = false,
   className: className2,
   allowLinking = true,
   messageLabels
@@ -50939,14 +50970,14 @@ const ChatView = ({
     };
   });
   const result2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(className2), children: collapsedMessages.map((msg, index) => {
-    const number2 = collapsedMessages.length > 1 && labeled ? index + 1 : void 0;
-    const msgLabel = messageLabels && msg.message.id ? messageLabels[msg.message.id] : "";
-    const label2 = msgLabel || number2;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ChatMessageRow,
       {
+        index,
         parentName: id2 || "chat-view",
-        label: label2 ? String(label2) : void 0,
+        labeled,
+        labels: messageLabels,
+        highlightLabeled,
         resolvedMessage: msg,
         indented: indented2,
         toolCallStyle,
@@ -51498,8 +51529,8 @@ const RecordTree = ({
       "div",
       {
         className: clsx(
-          styles$1e.keyPairContainer,
-          index < items.length - 1 && useBorders ? styles$1e.keyPairBordered : void 0,
+          styles$1d.keyPairContainer,
+          index < items.length - 1 && useBorders ? styles$1d.keyPairBordered : void 0,
           "text-size-small"
         ),
         style: {
@@ -51512,7 +51543,7 @@ const RecordTree = ({
               "data-index": index,
               className: clsx(
                 kRecordTreeKey,
-                styles$1e.key,
+                styles$1d.key,
                 "font-monospace",
                 "text-style-secondary"
               ),
@@ -51522,16 +51553,16 @@ const RecordTree = ({
                 setCollapsed(item2.id, !collapsedIds?.[item2.id]);
               },
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1e.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1d.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "i",
                   {
                     className: clsx(
                       collapsedIds && collapsedIds[item2.id] ? ApplicationIcons.tree.closed : ApplicationIcons.tree.open,
-                      styles$1e.treeIcon
+                      styles$1d.treeIcon
                     )
                   }
                 ) }) : void 0 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1e.pre), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1d.pre), children: [
                   item2.key,
                   ":"
                 ] })
@@ -52210,6 +52241,7 @@ const ChatViewVirtualList = memo$1(
     toolCallStyle,
     indented: indented2,
     labeled = true,
+    highlightLabeled = false,
     scrollRef,
     running,
     allowLinking = true,
@@ -52261,6 +52293,7 @@ const ChatViewVirtualList = memo$1(
         toolCallStyle,
         indented: indented2,
         labeled,
+        highlightLabeled,
         running,
         allowLinking,
         messageLabels
@@ -52279,6 +52312,7 @@ const ChatViewVirtualListComponent = memo$1(
     toolCallStyle,
     indented: indented2,
     labeled = true,
+    highlightLabeled,
     scrollRef,
     running,
     allowLinking = true,
@@ -52304,16 +52338,14 @@ const ChatViewVirtualListComponent = memo$1(
     }, [initialMessageId, collapsedMessages]);
     const renderRow = useCallback(
       (index, item2) => {
-        const number2 = collapsedMessages.length > 1 && labeled ? index + 1 : void 0;
-        const maxlabelLen = messageLabels ? Object.values(messageLabels).reduce((curr, r2) => {
-          return Math.max(r2.length, curr);
-        }, 0) : 0;
-        const label2 = messageLabels && item2.message.id ? messageLabels[item2.message.id] || " ".repeat(maxlabelLen * 2) : number2 || void 0;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           ChatMessageRow,
           {
+            index,
             parentName: id2 || "chat-virtual-list",
-            label: label2 ? String(label2) : void 0,
+            labeled,
+            highlightLabeled,
+            labels: messageLabels,
             resolvedMessage: item2,
             indented: indented2,
             toolCallStyle,
@@ -52322,7 +52354,14 @@ const ChatViewVirtualListComponent = memo$1(
           }
         );
       },
-      [id2, labeled, indented2, toolCallStyle, collapsedMessages]
+      [
+        id2,
+        labeled,
+        indented2,
+        toolCallStyle,
+        collapsedMessages,
+        highlightLabeled
+      ]
     );
     const Item = ({
       children: children2,
@@ -63027,13 +63066,15 @@ const InputPanel = ({ result: result2 }) => {
   const [searchParams] = useSearchParams();
   const initialMessageId = searchParams.get("message");
   const initialEventId = searchParams.get("event");
+  const highlightLabeled = useStore((state) => state.highlightLabeled);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollRef, className: clsx(styles$u.container), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     InputRenderer,
     {
       result: result2,
       scrollRef,
       initialMessageId,
-      initialEventId
+      initialEventId,
+      highlightLabeled
     }
   ) });
 };
@@ -63042,7 +63083,8 @@ const InputRenderer = ({
   className: className2,
   scrollRef,
   initialMessageId,
-  initialEventId
+  initialEventId,
+  highlightLabeled
 }) => {
   switch (result2?.inputType) {
     case "transcript": {
@@ -63067,7 +63109,8 @@ const InputRenderer = ({
             className: className2,
             scrollRef,
             initialMessageId,
-            labeled: false,
+            labeled: true,
+            highlightLabeled,
             messageLabels: labels
           }
         );
@@ -65242,7 +65285,8 @@ const referenceTable = (result2) => {
           ChatView,
           {
             messages: [result2.input],
-            resolveToolCallsIntoPreviousMessage: false
+            resolveToolCallsIntoPreviousMessage: false,
+            labeled: false
           }
         );
       }
@@ -65255,7 +65299,8 @@ const referenceTable = (result2) => {
             ChatView,
             {
               messages: [msg],
-              resolveToolCallsIntoPreviousMessage: false
+              resolveToolCallsIntoPreviousMessage: false,
+              labeled: false
             }
           );
         };
@@ -65305,7 +65350,8 @@ const referenceTable = (result2) => {
             ChatView,
             {
               messages: [msg],
-              resolveToolCallsIntoPreviousMessage: false
+              resolveToolCallsIntoPreviousMessage: false,
+              labeled: false
             }
           );
         };
@@ -65963,13 +66009,15 @@ const printIdentifier = (identifier, label2) => {
   }
   return val;
 };
-const root$1 = "_root_1xyi1_1";
-const tabSet$1 = "_tabSet_1xyi1_13";
-const tabControl$1 = "_tabControl_1xyi1_19";
+const root$1 = "_root_12il0_1";
+const tabSet$1 = "_tabSet_12il0_13";
+const tabControl$1 = "_tabControl_12il0_19";
+const tabs$1 = "_tabs_12il0_23";
 const styles$n = {
   root: root$1,
   tabSet: tabSet$1,
-  tabControl: tabControl$1
+  tabControl: tabControl$1,
+  tabs: tabs$1
 };
 const container$6 = "_container_g5onx_1";
 const styles$m = {
@@ -66050,6 +66098,29 @@ const ScanResultPanel = () => {
     return hasNonSpanEvents;
   }, [selectedResult?.scanEvents]);
   const hasError = selectedResult?.scanError !== void 0 && selectedResult?.scanError !== null;
+  const highlightLabeled = useStore((state) => state.highlightLabeled);
+  const setHighlightLabeled = useStore((state) => state.setHighlightLabeled);
+  const toggleHighlightLabeled = useCallback(() => {
+    setHighlightLabeled(!highlightLabeled);
+  }, [highlightLabeled, setHighlightLabeled]);
+  const tools2 = useMemo(() => {
+    if (selectedTab === kTabIdInput && selectedResult?.inputType === "transcript" && selectedResult?.messageReferences.length > 0) {
+      return [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ToolButton,
+          {
+            icon: ApplicationIcons.highlight,
+            latched: !!highlightLabeled,
+            onClick: toggleHighlightLabeled,
+            label: "Highlight Refs"
+          },
+          "highlight-labeled"
+        )
+      ];
+    } else {
+      return [];
+    }
+  }, [highlightLabeled, toggleHighlightLabeled, selectedTab, selectedResult]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$n.root), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Navbar, { children: visibleScannerResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ScanResultNav, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityBar, { animating: !!loading || resultLoading }),
@@ -66062,6 +66133,7 @@ const ScanResultPanel = () => {
         tabPanelsClassName: clsx(styles$n.tabSet),
         tabControlsClassName: clsx(styles$n.tabControl),
         className: clsx(styles$n.tabs),
+        tools: tools2,
         children: [
           hasError ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             TabPanel,
@@ -83217,9 +83289,9 @@ var RowRangeSelectionContext = class {
     if (start2.rowPinned === "bottom" && end2.rowPinned === "top") {
       const top2 = _getNodesInRangeForSelection(pinnedRowModel, "top", end2, void 0);
       const bottom2 = _getNodesInRangeForSelection(pinnedRowModel, "bottom", void 0, start2);
-      const first = rowModel.getRow(0);
-      const last = rowModel.getRow(rowModel.getRowCount() - 1);
-      return top2.concat(rowModel.getNodesInRangeForSelection(first, last) ?? []).concat(bottom2);
+      const first2 = rowModel.getRow(0);
+      const last2 = rowModel.getRow(rowModel.getRowCount() - 1);
+      return top2.concat(rowModel.getNodesInRangeForSelection(first2, last2) ?? []).concat(bottom2);
     }
     if (!start2.rowPinned && end2.rowPinned === "top") {
       const pinned = _getNodesInRangeForSelection(pinnedRowModel, "top", end2, void 0);
@@ -83228,17 +83300,17 @@ var RowRangeSelectionContext = class {
     if (start2.rowPinned === "top" && end2.rowPinned === "bottom") {
       const top2 = _getNodesInRangeForSelection(pinnedRowModel, "top", start2, void 0);
       const bottom2 = _getNodesInRangeForSelection(pinnedRowModel, "bottom", void 0, end2);
-      const first = rowModel.getRow(0);
-      const last = rowModel.getRow(rowModel.getRowCount() - 1);
-      return top2.concat(rowModel.getNodesInRangeForSelection(first, last) ?? []).concat(bottom2);
+      const first2 = rowModel.getRow(0);
+      const last2 = rowModel.getRow(rowModel.getRowCount() - 1);
+      return top2.concat(rowModel.getNodesInRangeForSelection(first2, last2) ?? []).concat(bottom2);
     }
     if (start2.rowPinned === "bottom" && end2.rowPinned === "bottom") {
       return _getNodesInRangeForSelection(pinnedRowModel, "bottom", start2, end2);
     }
     if (!start2.rowPinned && end2.rowPinned === "bottom") {
       const pinned = _getNodesInRangeForSelection(pinnedRowModel, "bottom", void 0, end2);
-      const last = rowModel.getRow(rowModel.getRowCount());
-      return (rowModel.getNodesInRangeForSelection(start2, last) ?? []).concat(pinned);
+      const last2 = rowModel.getRow(rowModel.getRowCount());
+      return (rowModel.getNodesInRangeForSelection(start2, last2) ?? []).concat(pinned);
     }
     return null;
   }
@@ -86354,13 +86426,13 @@ var RowDropHighlightService = class extends BeanStub {
     super.destroy();
   }
   clear() {
-    const last = this.row;
+    const last2 = this.row;
     this.dragging = false;
-    if (last) {
+    if (last2) {
       this.uiLevel = 0;
       this.position = "none";
       this.row = null;
-      last.dispatchRowEvent("rowHighlightChanged");
+      last2.dispatchRowEvent("rowHighlightChanged");
     }
   }
   set(row2, dropIndicatorPosition) {
@@ -86382,8 +86454,8 @@ var RowDropHighlightService = class extends BeanStub {
   fromDrag(draggingEvent) {
     const rowsDrop = draggingEvent?.dropTarget;
     if (rowsDrop) {
-      const { highlight, target, position } = rowsDrop;
-      if (highlight && target && position !== "none") {
+      const { highlight: highlight2, target, position } = rowsDrop;
+      if (highlight2 && target && position !== "none") {
         this.set(target, position);
         this.dragging = true;
         return;
@@ -111224,8 +111296,8 @@ var nodeHasLeafEdit = (children2, editModelSvc, column2) => {
   for (let i2 = 0, len = children2.length; i2 < len; ++i2) {
     const child = children2[i2];
     if (child.data) {
-      const highlight = editHighlightFn(editModelSvc?.getEdit({ rowNode: child, column: column2 })) || editHighlightFn(editModelSvc?.getEdit({ rowNode: child.pinnedSibling, column: column2 }));
-      if (highlight) {
+      const highlight2 = editHighlightFn(editModelSvc?.getEdit({ rowNode: child, column: column2 })) || editHighlightFn(editModelSvc?.getEdit({ rowNode: child.pinnedSibling, column: column2 }));
+      if (highlight2) {
         return true;
       }
     }
@@ -114307,14 +114379,14 @@ var updateRowNodeAfterSort = (rowNode) => {
   }
   for (let i2 = 0, lastIdx = childrenAfterSort.length - 1; i2 <= lastIdx; i2++) {
     const child = childrenAfterSort[i2];
-    const first = i2 === 0;
-    const last = i2 === lastIdx;
-    if (child.firstChild !== first) {
-      child.firstChild = first;
+    const first2 = i2 === 0;
+    const last2 = i2 === lastIdx;
+    if (child.firstChild !== first2) {
+      child.firstChild = first2;
       child.dispatchRowEvent("firstChildChanged");
     }
-    if (child.lastChild !== last) {
-      child.lastChild = last;
+    if (child.lastChild !== last2) {
+      child.lastChild = last2;
       child.dispatchRowEvent("lastChildChanged");
     }
     if (child.childIndex !== i2) {