@metrevals/inspect-scout-viewer 0.3.2-beta.1764377954 → 0.3.153-beta.1765542109

package/lib/index.js

@@ -6513,22 +6513,22 @@ function clsx() {
 const wrapper$2 = "_wrapper_1tajk_1";
 const container$h = "_container_1tajk_12";
 const animate = "_animate_1tajk_21";
-const styles$1l = {
+const styles$1m = {
   wrapper: wrapper$2,
   container: container$h,
   animate
 };
 const ActivityBar = ({ animating }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1l.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1m.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: clsx(styles$1l.container),
+      className: clsx(styles$1m.container),
       role: "progressbar",
       "aria-label": "Progress bar",
       "aria-valuenow": 25,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1l.animate })
+      children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1m.animate })
     }
   ) });
 };
@@ -9404,6 +9404,7 @@ const createStore$1 = (api) => create$2()(
         transcriptCollapsedEvents: {},
         scopedErrors: {},
         visibleScannerResults: [],
+        visibleScannerResultsCount: 0,
         highlightLabeled: false,
         // Actions
         setSingleFileMode: (enabled) => {
@@ -9495,6 +9496,11 @@ const createStore$1 = (api) => create$2()(
             state.visibleScannerResults = results;
           });
         },
+        setVisibleScannerResultsCount(count2) {
+          set3((state) => {
+            state.visibleScannerResultsCount = count2;
+          });
+        },
         setSelectedScanResultPreviews: (scanner, previews) => {
           if (selectedScanResultDataRef.scanner === scanner) {
             selectedScanResultDataRef.previews = previews;
@@ -9710,6 +9716,11 @@ const createStore$1 = (api) => create$2()(
           set3((state) => {
             state.selectedResultRow = row2;
           });
+        },
+        setDataframeWrapText: (wrap2) => {
+          set3((state) => {
+            state.dataframeWrapText = wrap2;
+          });
         }
       })),
       {
@@ -10132,6 +10143,7 @@ const ApplicationIcons = {
     down: "bi bi-arrow-down",
     up: "bi bi-arrow-up"
   },
+  check: "bi bi-check",
   checkbox: {
     checked: "bi bi-check-circle",
     unchecked: "bi bi-circle"
@@ -10189,11 +10201,13 @@ const ApplicationIcons = {
   tree: {
     open: "bi bi-caret-down-fill",
     closed: "bi bi-caret-right-fill"
-  }
+  },
+  wrap: "bi bi-text-wrap",
+  x: "bi bi-x"
 };
 const toolButton = "_toolButton_1y0d0_1";
 const latched = "_latched_1y0d0_17";
-const styles$1k = {
+const styles$1l = {
   toolButton,
   latched
 };
@@ -10205,11 +10219,11 @@ const ToolButton = forwardRef(
         ref: ref2,
         type: "button",
         className: clsx(
-          styles$1k.toolButton,
+          styles$1l.toolButton,
           "btn",
           "btn-tools",
           className2,
-          latched2 ? styles$1k.latched : void 0
+          latched2 ? styles$1l.latched : void 0
         ),
         ...rest,
         children: [
@@ -21106,7 +21120,7 @@ function keys(object2) {
     Object.keys(object2)
   ) : [];
 }
-function values$1(object2) {
+function values$2(object2) {
   return isMapOrSet(object2) ? array(object2.values()) : object2 != null ? Object.values(object2) : [];
 }
 function entries$1(object2) {
@@ -21127,7 +21141,7 @@ const object$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   has: has$1,
   keys,
   object,
-  values: values$1
+  values: values$2
 }, Symbol.toStringTag, { value: "Module" }));
 function parse_date(value2) {
   return value2 == null ? value2 : new Date(value2);
@@ -21924,7 +21938,7 @@ function quantile(values2, p) {
   const v0 = toNumeric(values2[i0]);
   return isBigInt(v0) ? v0 : v0 + (toNumeric(values2[i0 + 1]) - v0) * (i2 - i0);
 }
-class ValueList {
+let ValueList$1 = class ValueList {
   constructor(values2) {
     this._values = values2 || [];
     this._sorted = null;
@@ -21958,7 +21972,7 @@ class ValueList {
     }
     return quantile(this._sorted, p);
   }
-}
+};
 class Reducer {
   constructor(outputs) {
     this._outputs = outputs;
@@ -22031,7 +22045,7 @@ class FieldReducer extends Reducer {
     const state = { count: 0, valid: 0, stream: this._stream };
     this._op.forEach((op2) => op2.init(state));
     if (state.values) {
-      state.list = new ValueList();
+      state.list = new ValueList$1();
     }
     return state;
   }
@@ -34848,13 +34862,13 @@ function formats(table2, names, options) {
   const format2 = {};
   const align2 = {};
   names.forEach((name2) => {
-    const auto2 = inferFormat(values(table2, name2), options);
+    const auto2 = inferFormat(values$1(table2, name2), options);
     align2[name2] = alignOpt[name2] || auto2.align;
     format2[name2] = formatOpt[name2] || auto2.format;
   });
   return { align: align2, format: format2 };
 }
-function values(table2, columnName) {
+function values$1(table2, columnName) {
   const column2 = table2.column(columnName);
   return (fn3) => table2.scan((row2) => fn3(column2.at(row2)));
 }
@@ -34886,7 +34900,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$1k(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;");
@@ -34916,7 +34930,7 @@ function toHTML(table2, options = {}) {
   });
   return text2 + "</tbody></table>";
 }
-function styles$1j(options) {
+function styles$1k(options) {
   return mapObject(
     options.style,
     (value2) => isFunction$1(value2) ? value2 : () => value2
@@ -35913,6 +35927,16 @@ function fromIterable(values2, names) {
   }
   return columns2;
 }
+function table$2(columns2, names) {
+  if (columns2 instanceof ColumnTable) return columns2;
+  const data2 = {};
+  const keys2 = [];
+  for (const [key2, value2] of entries(columns2)) {
+    data2[key2] = value2;
+    keys2.push(key2);
+  }
+  return new ColumnTable(data2, keys2);
+}
 function from(values2, names) {
   return new ColumnTable(columnsFrom(values2, names), names);
 }
@@ -36401,7 +36425,13 @@ const decodeArrowBytes = (bytes) => {
   const uncompressedBytes = tableToIPC$1(arrowTable);
   let table2 = fromArrow(uncompressedBytes);
   table2 = castColumns(table2);
-  return table2;
+  const columns2 = {};
+  const columnNames = table2.columnNames();
+  for (const colName of columnNames) {
+    const colData = table2.array(colName);
+    columns2[colName] = Array.isArray(colData) ? colData : Array.from(colData);
+  }
+  return table$2(columns2);
 };
 let codecRegistered = false;
 function ensureLZ4CodecRegistered() {
@@ -37735,7 +37765,7 @@ const prettyDirUri = (uri) => {
     return uri;
   }
 };
-function expandResultsetRows(columnTable) {
+async function expandResultsetRows(columnTable) {
   const colNames = columnTable.columnNames();
   if (!colNames.includes("value_type") || !colNames.includes("value") || columnTable.numRows() === 0) {
     return columnTable;
@@ -37769,6 +37799,12 @@ function expandResultsetRows(columnTable) {
         expandedRow.label = result2.label ?? null;
         expandedRow.answer = result2.answer ?? null;
         expandedRow.explanation = result2.explanation ?? null;
+        if (row2.validation_result && typeof row2.validation_result === "string") {
+          expandedRow.validation_result = await extractLabelValidation(
+            expandedRow,
+            row2.validation_result
+          );
+        }
         const metadata2 = result2.metadata ?? {};
         expandedRow.metadata = maybeSerializeValue(metadata2);
         const valueType = result2.type ?? inferType(result2.value);
@@ -37787,14 +37823,95 @@ function expandResultsetRows(columnTable) {
       continue;
     }
   }
+  const syntheticRows = await createSyntheticRows(
+    explodedResultsetRows,
+    resultObjs
+  );
   if (explodedResultsetRows.length === 0) {
     return otherRows;
   } else {
     const otherRowsArray = otherRows.objects();
-    const allRowsArray = [...otherRowsArray, ...explodedResultsetRows];
+    const allRowsArray = [
+      ...otherRowsArray,
+      ...explodedResultsetRows,
+      ...syntheticRows
+    ];
     return from(allRowsArray);
   }
 }
+async function extractLabelValidation(row2, validationResultStr) {
+  if (!row2.label || typeof row2.label !== "string") {
+    return validationResultStr;
+  }
+  try {
+    const parsedValidation = await asyncJsonParse(validationResultStr);
+    if (typeof parsedValidation === "object" && parsedValidation !== null && !Array.isArray(parsedValidation)) {
+      const validationDict = parsedValidation;
+      const labelValidation = validationDict[row2.label];
+      return labelValidation ?? null;
+    }
+    return parsedValidation;
+  } catch (error2) {
+    return validationResultStr;
+  }
+}
+async function createSyntheticRows(expandedRows, resultsetRows) {
+  if (resultsetRows.length === 0 || expandedRows.length === 0) {
+    return [];
+  }
+  const firstRow = expandedRows[0];
+  if (!firstRow || !firstRow.validation_target || typeof firstRow.validation_target !== "string") {
+    return [];
+  }
+  try {
+    const parsedTarget = await asyncJsonParse(
+      firstRow.validation_target
+    );
+    if (typeof parsedTarget !== "object" || parsedTarget === null || Array.isArray(parsedTarget)) {
+      return [];
+    }
+    const validationTarget = parsedTarget;
+    const parsedResult = firstRow.validation_result ? await asyncJsonParse(
+      typeof firstRow.validation_result === "string" ? firstRow.validation_result : JSON.stringify(firstRow.validation_result)
+    ) : {};
+    const validationResults = typeof parsedResult === "object" && !Array.isArray(parsedResult) ? parsedResult : {};
+    const presentLabels = new Set(
+      expandedRows.map((row2) => row2.label).filter((label2) => label2 !== null && label2 !== void 0)
+    );
+    const expectedLabels = Object.keys(validationTarget);
+    const missingLabels = expectedLabels.filter(
+      (label2) => !presentLabels.has(label2)
+    );
+    const syntheticRows = [];
+    const negativeValues = [false, null, "NONE", "none", 0, ""];
+    for (const label2 of missingLabels) {
+      const expectedValue = validationTarget[label2];
+      if (!negativeValues.includes(expectedValue)) {
+        continue;
+      }
+      const templateRow = { ...resultsetRows[0] };
+      templateRow.label = label2;
+      templateRow.value = expectedValue;
+      templateRow.value_type = typeof expectedValue === "boolean" ? "boolean" : "null";
+      templateRow.answer = null;
+      templateRow.explanation = null;
+      templateRow.metadata = maybeSerializeValue({});
+      templateRow.message_references = maybeSerializeValue([]);
+      templateRow.event_references = maybeSerializeValue([]);
+      templateRow.uuid = null;
+      templateRow.validation_result = validationResults[label2] ?? null;
+      templateRow.scan_error = null;
+      templateRow.scan_error_traceback = null;
+      templateRow.scan_error_type = null;
+      templateRow.scan_total_tokens = null;
+      templateRow.scan_model_usage = null;
+      syntheticRows.push(templateRow);
+    }
+    return syntheticRows;
+  } catch (error2) {
+    return [];
+  }
+}
 function inferType(value2) {
   if (typeof value2 === "boolean") {
     return "boolean";
@@ -37893,7 +38010,7 @@ const useServerScannerDataframe = () => {
           selectedScanner
         );
         const table2 = decodeArrowBytes(arrayBuffer);
-        const expandedTable = expandResultsetRows(table2);
+        const expandedTable = await expandResultsetRows(table2);
         setSelectedScanResultData(selectedScanner, expandedTable);
       } catch (e) {
         setError("dataframe", e?.toString());
@@ -38365,7 +38482,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$1j = {
   header: header$2,
   bordered: bordered$1,
   breadcrumbs,
@@ -38503,38 +38620,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$1j.header,
+        bordered2 ? styles$1j.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$1j.left), children: [
+          backUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1j.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$1j.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$1j.pathContainer), ref: pathContainerRef, children: resultsDir ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1j.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$1j.ellipsis), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "li",
                 {
                   className: clsx(
-                    styles$1i.pathLink,
+                    styles$1j.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$1j.pathSegment), children: segment2.text })
                 }
               )
             ] }, index);
@@ -38544,8 +38661,8 @@ const Navbar = ({ bordered: bordered2 = true, children: children2 }) => {
           "div",
           {
             className: clsx(
-              styles$1i.right,
-              children2 ? styles$1i.hasChildren : void 0
+              styles$1j.right,
+              children2 ? styles$1j.hasChildren : void 0
             ),
             children: children2
           }
@@ -40019,19 +40136,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$1i = {
   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$1i.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$1i.traceback, "text-size-smaller"),
           output: traceback2
         }
       )
@@ -40042,7 +40159,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$1h = {
   labeledValue,
   row: row$3,
   column,
@@ -40060,8 +40177,8 @@ const LabeledValue = ({
     "div",
     {
       className: clsx(
-        styles$1g.labeledValue,
-        layout === "column" ? styles$1g.column : styles$1g.row,
+        styles$1h.labeledValue,
+        layout === "column" ? styles$1h.column : styles$1h.row,
         className2
       ),
       style: {
@@ -40072,14 +40189,14 @@ const LabeledValue = ({
           "div",
           {
             className: clsx(
-              styles$1g.labeledValueLabel,
+              styles$1h.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$1h.labeledValueValue), style: { ...valueStyle }, children: children2 })
       ]
     }
   );
@@ -43306,7 +43423,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$1g = {
   expandablePanel,
   expandableBordered,
   expandableCollapsed,
@@ -43358,10 +43475,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$1g.expandablePanel,
+            collapsed ? styles$1g.expandableCollapsed : void 0,
+            border ? styles$1g.expandableBordered : void 0,
+            showToggle ? styles$1g.padBottom : void 0,
             className2
           ),
           children: [
@@ -43387,7 +43504,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$1g.separator) })
     ] });
   }
 );
@@ -43406,15 +43523,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$1g.moreToggle,
+        border ? styles$1g.bordered : void 0,
+        position === "inline-right" ? styles$1g.inlineRight : styles$1g.blockLeft
       ),
       style: style2,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          className: clsx(styles$1f.moreToggleButton, "text-size-smallest"),
+          className: clsx(styles$1g.moreToggleButton, "text-size-smallest"),
           onClick: handleClick,
           children: [
             text2,
@@ -43511,7 +43628,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$1f = {
   keyPairContainer,
   keyPairBordered,
   key,
@@ -43522,7 +43639,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$1e = {
   visible,
   hidden: hidden$2,
   pills,
@@ -43552,7 +43669,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$1e.visible : styles$1e.hidden,
         children: child
       },
       `nav-pill-container-${idx}`
@@ -43562,7 +43679,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$1e.pills),
         role: "tablist",
         "aria-orientation": "horizontal",
         children: navPills
@@ -43598,7 +43715,7 @@ const NavPill = ({
           "nav-link",
           "text-style-label",
           active ? "active " : "",
-          styles$1d.pill
+          styles$1e.pill
         ),
         "data-target": title2,
         onClick: handleClick,
@@ -43614,7 +43731,7 @@ const Buckets = {
   final: 1e3
 };
 const copyButton = "_copyButton_1goi8_1";
-const styles$1c = {
+const styles$1d = {
   copyButton
 };
 const CopyButton = ({
@@ -43644,7 +43761,7 @@ const CopyButton = ({
     "button",
     {
       type: "button",
-      className: clsx("copy-button", styles$1c.copyButton, className2),
+      className: clsx("copy-button", styles$1d.copyButton, className2),
       onClick: () => {
         void handleClick();
       },
@@ -43669,7 +43786,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$1c = {
   message,
   systemRole,
   messageGrid,
@@ -49258,17 +49375,17 @@ function unescapeCodeHtmlEntities(str) {
   );
 }
 const cite = "_cite_1t1bm_1";
-const styles$1a = {
+const styles$1b = {
   cite
 };
 const panel$1 = "_panel_twp3v_1";
 const container$f = "_container_twp3v_7";
-const styles$19 = {
+const styles$1a = {
   panel: panel$1,
   container: container$f
 };
 const NoContentsPanel = ({ text: text2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$19.container, "text-size-smaller"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1a.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1a.container, "text-size-smaller"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.noSamples }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: text2 })
   ] }) });
@@ -51229,12 +51346,12 @@ const MarkdownDivWithReferences = forwardRef(({ markdown, references, className:
         const escapedCite = ref22.cite.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
         const regex2 = new RegExp(escapedCite, "g");
         const href = ref22.citeUrl || "javascript:void(0)";
-        const replacement = `<a href="${href}" class="${styles$1a.cite}" data-ref-id="${ref22.id}">${ref22.cite}</a>`;
+        const replacement = `<a href="${href}" class="${styles$1b.cite}" data-ref-id="${ref22.id}">${ref22.cite}</a>`;
         processedHtml = processedHtml.replace(regex2, replacement);
       });
       return processedHtml;
     },
-    [references, styles$1a.cite]
+    [references, styles$1b.cite]
   );
   const memoizedMarkdown = useMemo(
     () => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -51256,7 +51373,7 @@ const MarkdownDivWithReferences = forwardRef(({ markdown, references, className:
       return;
     }
     const citeLinks = container2.querySelectorAll(
-      `.${styles$1a.cite}`
+      `.${styles$1b.cite}`
     );
     const handleMouseEnter = (e) => {
       const el = e.currentTarget;
@@ -51290,7 +51407,7 @@ const MarkdownDivWithReferences = forwardRef(({ markdown, references, className:
   }, [
     markdown,
     refMap,
-    styles$1a.cite,
+    styles$1b.cite,
     setPositionEl,
     setCurrentRef,
     setShowingRefPopover
@@ -51321,7 +51438,7 @@ const MarkdownDivWithReferences = forwardRef(({ markdown, references, className:
 });
 const popoverKey = (ref2) => `markdown-ref-popover-${ref2.id}`;
 const content = "_content_13ihw_1";
-const styles$18 = {
+const styles$19 = {
   content
 };
 forwardRef(
@@ -51330,7 +51447,7 @@ forwardRef(
       "pre",
       {
         ref: ref2,
-        className: clsx(styles$18.content, "text-size-smaller", className2),
+        className: clsx(styles$19.content, "text-size-smaller", className2),
         style: style2,
         children: text2
       }
@@ -51392,24 +51509,24 @@ const parsedJson = (text2) => {
   return void 0;
 };
 const contentData = "_contentData_1sd1z_1";
-const styles$17 = {
+const styles$18 = {
   contentData
 };
 const webSearch = "_webSearch_1376z_1";
 const query$1 = "_query_1376z_8";
-const styles$16 = {
+const styles$17 = {
   webSearch,
   query: query$1
 };
 const WebSearch = ({ query: query2 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$16.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$16.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$15 = {
-  result: result$1
+const result$2 = "_result_1mixg_12";
+const styles$16 = {
+  result: result$2
 };
 const WebSearchResults = ({
   results
@@ -51419,7 +51536,7 @@ const WebSearchResults = ({
       "div",
       {
         className: clsx(
-          styles$15.label,
+          styles$16.label,
           "text-style-label",
           "text-style-secondary",
           "text-size-smaller"
@@ -51427,10 +51544,10 @@ const WebSearchResults = ({
         children: "Results"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$15.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$15.result, "text-style-secondary"),
+        className: clsx(styles$16.result, "text-style-secondary"),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "a",
           {
@@ -51454,17 +51571,17 @@ const ContentDataView = ({ id: id2, contentData: contentData2 }) => {
   );
   if (!renderer) {
     const { encrypted_content, ...record } = renderableData;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$17.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$17.data),
+        className: clsx(styles$18.data),
         defaultExpandLevel: 0
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$17.contentData), children: renderer.render(renderableData) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$18.contentData), children: renderer.render(renderableData) });
 };
 const webSearchServerToolRenderer = {
   name: "WebSearch",
@@ -51506,7 +51623,7 @@ const serverToolRenderer = {
         {
           id: data2.name || "server-tool",
           record: data2,
-          className: clsx(styles$17.data)
+          className: clsx(styles$18.data)
         }
       )
     ] });
@@ -51524,7 +51641,7 @@ const documentFrame = "_documentFrame_1576h_1";
 const documentFrameTitle = "_documentFrameTitle_1576h_9";
 const downloadLink = "_downloadLink_1576h_16";
 const imageDocument = "_imageDocument_1576h_21";
-const styles$14 = {
+const styles$15 = {
   documentFrame,
   documentFrameTitle,
   downloadLink,
@@ -51539,7 +51656,7 @@ const ContentDocumentView = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentFrame, { document: document2, downloadable: canDownloadFiles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       "img",
       {
-        className: clsx(styles$14.imageDocument),
+        className: clsx(styles$15.imageDocument),
         src: document2.document,
         alt: document2.filename,
         id: id2
@@ -51564,17 +51681,17 @@ const ContentDocumentFrame = ({
     "div",
     {
       className: clsx(
-        styles$14.documentFrame,
+        styles$15.documentFrame,
         "text-size-small",
         "text-style-secondary"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$14.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$14.downloadLink),
+              className: clsx(styles$15.downloadLink),
               onClick: () => {
               },
               children: document2.filename
@@ -51587,7 +51704,7 @@ const ContentDocumentFrame = ({
   );
 };
 const jsonMessage = "_jsonMessage_oxf8d_1";
-const styles$13 = {
+const styles$14 = {
   jsonMessage
 };
 const JsonMessageContent = ({
@@ -51600,7 +51717,7 @@ const JsonMessageContent = ({
     {
       id: id2,
       record: json2,
-      className: clsx(styles$13.jsonMessage, className2),
+      className: clsx(styles$14.jsonMessage, className2),
       useBorders: false
     }
   );
@@ -51612,7 +51729,7 @@ const decodeHtmlEntities = (text2) => {
 };
 const citations = "_citations_1ggvf_1";
 const citationLink = "_citationLink_1ggvf_9";
-const styles$12 = {
+const styles$13 = {
   citations,
   citationLink
 };
@@ -51620,7 +51737,7 @@ const MessageCitations = ({ citations: citations2 }) => {
   if (citations2.length === 0) {
     return void 0;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$12.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)) });
@@ -51640,7 +51757,7 @@ const UrlCitation = ({
     href: citation.url,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: clsx(styles$12.citationLink),
+    className: clsx(styles$13.citationLink),
     title: citation.cited_text && typeof citation.cited_text === "string" ? `${citation.cited_text}
 ${citation.url}` : citation.url,
     children: children2
@@ -51649,7 +51766,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$11 = {
+const styles$12 = {
   contentImage,
   reasoning
 };
@@ -51660,7 +51777,7 @@ const args = "_args_1792k_22";
 const argLabel = "_argLabel_1792k_31";
 const error$2 = "_error_1792k_35";
 const toolPanel = "_toolPanel_1792k_40";
-const styles$10 = {
+const styles$11 = {
   mcpToolUse,
   title: title$3,
   titleText,
@@ -51681,23 +51798,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$10.mcpToolUse, className2), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id: id2, className: clsx(styles$11.mcpToolUse, className2), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: clsx(
-          styles$10.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$10.titleText, children: titleStr }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.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$10.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;
@@ -51716,7 +51833,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$10.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,
@@ -51731,7 +51848,7 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
         {
           id: `${id2}-output`,
           collapse: true,
-          className: clsx(styles$10.toolPanel),
+          className: clsx(styles$11.toolPanel),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: tool2.name }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(ValueDiv, { children: [
@@ -51749,7 +51866,7 @@ const McpToolUse = ({ id: id2, content: content2, className: className2 }) => {
         }
       ) })) : void 0
     ] }),
-    content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$10.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(
@@ -51806,7 +51923,7 @@ const LabelDiv = ({ label: label2 }) => {
     "div",
     {
       className: clsx(
-        styles$10.argLabel,
+        styles$11.argLabel,
         "text-style-secondary",
         "text-size-smaller"
       ),
@@ -51821,7 +51938,7 @@ const toolImage = "_toolImage_1wvgr_1";
 const output = "_output_1wvgr_6";
 const textOutput = "_textOutput_1wvgr_10";
 const textCode = "_textCode_1wvgr_18";
-const styles$$ = {
+const styles$10 = {
   toolImage,
   output,
   textOutput,
@@ -51840,7 +51957,7 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
       } else {
         if (out.image.startsWith("data:")) {
           outputs.push(
-            /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: clsx(styles$$.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));
@@ -51852,14 +51969,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$$.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$$.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$$.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";
@@ -51958,7 +52075,7 @@ const messageRenderers = {
       } else if (!text2) {
         text2 = r2.summary || "Reasoning text not provided.";
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$11.reasoning, "text-size-small"), children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$12.reasoning, "text-size-small"), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
@@ -51981,7 +52098,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$11.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);
       }
@@ -52132,10 +52249,10 @@ const ChatMessage = memo$1(
         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
+          styles$1c.message,
+          message2.role === "system" ? styles$1c.systemRole : void 0,
+          message2.role === "user" ? styles$1c.userRole : void 0,
+          mouseOver ? styles$1c.hover : void 0
         ),
         onMouseEnter: () => setMouseOver(true),
         onMouseLeave: () => setMouseOver(false),
@@ -52144,8 +52261,8 @@ const ChatMessage = memo$1(
             "div",
             {
               className: clsx(
-                styles$1b.messageGrid,
-                message2.role === "tool" ? styles$1b.toolMessageGrid : void 0,
+                styles$1c.messageGrid,
+                message2.role === "tool" ? styles$1c.toolMessageGrid : void 0,
                 "text-style-label"
               ),
               children: [
@@ -52156,7 +52273,7 @@ const ChatMessage = memo$1(
                   {
                     icon: ApplicationIcons.link,
                     value: toFullUrl(messageUrl),
-                    className: clsx(styles$1b.copyLink)
+                    className: clsx(styles$1c.copyLink)
                   }
                 ) : ""
               ]
@@ -52166,8 +52283,8 @@ const ChatMessage = memo$1(
             "div",
             {
               className: clsx(
-                styles$1b.messageContents,
-                indented2 ? styles$1b.indented : void 0
+                styles$1c.messageContents,
+                indented2 ? styles$1c.indented : void 0
               ),
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52183,7 +52300,7 @@ const ChatMessage = memo$1(
                   LabeledValue,
                   {
                     label: "Metadata",
-                    className: clsx(styles$1b.metadataLabel, "text-size-smaller"),
+                    className: clsx(styles$1c.metadataLabel, "text-size-smaller"),
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                       RecordTree,
                       {
@@ -52211,7 +52328,7 @@ const last = "_last_17ltx_33";
 const label$4 = "_label_17ltx_40";
 const highlight = "_highlight_17ltx_44";
 const bottomMargin = "_bottomMargin_17ltx_48";
-const styles$_ = {
+const styles$$ = {
   grid: grid$2,
   number,
   user,
@@ -52650,7 +52767,7 @@ const extractInput = (args2, inputDescriptor) => {
 const sourcePanel = "_sourcePanel_bat6y_1";
 const simple = "_simple_bat6y_6";
 const code$2 = "_code_bat6y_11";
-const styles$Z = {
+const styles$_ = {
   sourcePanel,
   simple,
   code: code$2
@@ -52669,8 +52786,8 @@ const SourceCodePanel = ({
     "pre",
     {
       className: clsx(
-        styles$Z.sourcePanel,
-        simple2 ? styles$Z.simple : "",
+        styles$_.sourcePanel,
+        simple2 ? styles$_.simple : "",
         className2
       ),
       style: style2,
@@ -52678,7 +52795,7 @@ const SourceCodePanel = ({
         "code",
         {
           id: id2,
-          className: clsx("source-code", styles$Z.code, `language-${language}`),
+          className: clsx("source-code", styles$_.code, `language-${language}`),
           children: code2
         }
       )
@@ -52702,12 +52819,12 @@ const AnswerToolCallView = (props) => {
   );
 };
 const toolCallView = "_toolCallView_x6cus_1";
-const styles$Y = {
+const styles$Z = {
   toolCallView
 };
 const todoList = "_todoList_1t8rx_1";
 const inProgress = "_inProgress_1t8rx_9";
-const styles$X = {
+const styles$Y = {
   todoList,
   inProgress
 };
@@ -52727,7 +52844,7 @@ const toToolTodos = (obj) => {
 };
 const TodoWriteInput = ({ contents: contents2, parentRef }) => {
   const todoItems = toToolTodos(contents2);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$X.todoList), children: todoItems.map((todo) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$Y.todoList), children: todoItems.map((todo) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "i",
@@ -52742,9 +52859,9 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
         "span",
         {
           className: clsx(
-            styles$X.todoItem,
+            styles$Y.todoItem,
             "text-size-smallest",
-            todo.status === "in_progress" ? styles$X.inProgress : void 0
+            todo.status === "in_progress" ? styles$Y.inProgress : void 0
           ),
           children: todo.content
         }
@@ -52755,7 +52872,7 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
 const outputPre = "_outputPre_1jznn_1";
 const toolView = "_toolView_1jznn_7";
 const outputCode = "_outputCode_1jznn_15";
-const styles$W = {
+const styles$X = {
   outputPre,
   toolView,
   outputCode
@@ -52772,7 +52889,7 @@ const ToolInput = (props) => {
       {
         markdown: toolCallView2.content,
         ref: sourceCodeRef,
-        className: clsx("tool-output", styles$W.toolView, className2)
+        className: clsx("tool-output", styles$X.toolView, className2)
       }
     );
   } else {
@@ -52802,8 +52919,8 @@ const RenderTool = ({
     {
       className: clsx(
         "tool-output",
-        styles$W.outputPre,
-        styles$W.bottomMargin,
+        styles$X.outputPre,
+        styles$X.bottomMargin,
         className2
       ),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -52813,7 +52930,7 @@ const RenderTool = ({
             "source-code",
             "sourceCode",
             contentType ? `language-${contentType}` : void 0,
-            styles$W.outputCode
+            styles$X.outputCode
           ),
           children: formattedContent
         }
@@ -52824,16 +52941,16 @@ const RenderTool = ({
 const image = "_image_1vcac_1";
 const toolTitle = "_toolTitle_1vcac_6";
 const description = "_description_1vcac_10";
-const styles$V = {
+const styles$W = {
   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$V.image) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$V.toolTitle), children: title2 }),
-    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$V.description, "text-size-smallest"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$W.image) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$W.toolTitle), children: title2 }),
+    description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$W.description, "text-size-smallest"), children: [
       "- ",
       description2
     ] }) : void 0
@@ -52895,7 +53012,7 @@ const ToolCallView = ({
   }
   const contents2 = mode !== "compact" ? input2 : input2 || functionCall;
   const context = defaultContext();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$Y.toolCallView), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$Z.toolCallView), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
       mode !== "compact" && (!view || view.title) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         ToolTitle,
@@ -53027,7 +53144,7 @@ const ChatMessageRow = ({
     }
   }
   if (useLabels) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$_.grid, className2), children: views.map((view, idx) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$$.grid, className2), children: views.map((view, idx) => {
       const label2 = viewLabels[idx];
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -53036,8 +53153,8 @@ const ChatMessageRow = ({
             className: clsx(
               "text-size-smaller",
               "text-style-secondary",
-              styles$_.number,
-              styles$_.label
+              styles$$.number,
+              styles$$.label
             ),
             children: label2
           }
@@ -53046,11 +53163,11 @@ const ChatMessageRow = ({
           "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
+              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
           }
@@ -53063,13 +53180,13 @@ const ChatMessageRow = ({
         "div",
         {
           className: clsx(
-            styles$_.container,
-            idx === 0 ? styles$_.first : void 0,
-            idx === views.length - 1 ? styles$_.last : void 0,
-            idx === views.length - 1 ? styles$_.bottomMargin : void 0,
+            styles$$.container,
+            idx === 0 ? styles$$.first : void 0,
+            idx === views.length - 1 ? styles$$.last : void 0,
+            idx === views.length - 1 ? styles$$.bottomMargin : void 0,
             className2,
-            styles$_.simple,
-            highlightUserMessage && resolvedMessage.message.role === "user" ? styles$_.user : void 0
+            styles$$.simple,
+            highlightUserMessage && resolvedMessage.message.role === "user" ? styles$$.user : void 0
           ),
           children: view
         }
@@ -53128,7 +53245,7 @@ const resolveToolMessage = (toolMessage) => {
   }
 };
 const ToolCallViewCompact = ({ idx, functionCall }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$_.codeCompact), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$$.codeCompact), children: [
     "tool: ",
     functionCall
   ] }) }, `tool-call-${idx}`);
@@ -53332,7 +53449,7 @@ function centerTruncate(str, maxLength = 50) {
   if (str.length <= maxLength) {
     return str;
   }
-  const ellipsis2 = "…";
+  const ellipsis2 = " … ";
   const availableLength = maxLength - ellipsis2.length;
   if (availableLength <= 0) {
     return ellipsis2;
@@ -53343,9 +53460,12 @@ function centerTruncate(str, maxLength = 50) {
   const end2 = str.slice(-endLength);
   return start2 + ellipsis2 + end2;
 }
+function formatPercent(value2) {
+  return `${formatPrettyDecimal(value2 * 100, 2)}%`;
+}
 const grid$1 = "_grid_14885_1";
 const cell = "_cell_14885_8";
-const styles$U = {
+const styles$V = {
   grid: grid$1,
   cell
 };
@@ -53377,7 +53497,7 @@ const MetaDataGrid = ({
         {
           className: clsx(
             `${baseId}-key`,
-            styles$U.cell,
+            styles$V.cell,
             "text-style-label",
             "text-style-secondary",
             fontStyle
@@ -53385,7 +53505,7 @@ const MetaDataGrid = ({
           children: entry2?.name
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$U.value, `${baseId}-value`, fontStyle), children: entry2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$V.value, `${baseId}-value`, fontStyle), children: entry2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         RenderedContent,
         {
           id: id22,
@@ -53396,7 +53516,7 @@ const MetaDataGrid = ({
               MetaDataGrid,
               {
                 id: id22,
-                className: clsx(styles$U.nested),
+                className: clsx(styles$V.nested),
                 entries: obj,
                 size,
                 plain,
@@ -53408,7 +53528,7 @@ const MetaDataGrid = ({
       ) })
     ] }, `${baseId}-record-${index}`);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, className: clsx(className2, styles$U.grid), style: style2, children: entryEls });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id: id2, className: clsx(className2, styles$V.grid), style: style2, children: entryEls });
 };
 const entryRecords = (entries2) => {
   if (!entries2) {
@@ -53426,7 +53546,7 @@ const query = "_query_seqs2_1";
 const summary$3 = "_summary_seqs2_6";
 const preWrap = "_preWrap_seqs2_10";
 const preCompact = "_preCompact_seqs2_15";
-const styles$T = {
+const styles$U = {
   query,
   summary: summary$3,
   preWrap,
@@ -53552,7 +53672,7 @@ const contentRenderers = (renderObject) => {
           };
         } else {
           return {
-            rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$T.preWrap, styles$T.preCompact), children: rendered })
+            rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$U.preWrap, styles$U.preCompact), children: rendered })
           };
         }
       }
@@ -53601,7 +53721,7 @@ const contentRenderers = (renderObject) => {
       render: (_id, entry2, _options) => {
         const results = [];
         results.push(
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$T.query, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$U.query, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.search }),
             " ",
             entry2.value.query
@@ -53613,7 +53733,7 @@ const contentRenderers = (renderObject) => {
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: result2.url, children: result2.url }) })
             );
             results.push(
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$T.summary), children: result2.summary })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$U.summary), children: result2.summary })
             );
           }
         );
@@ -53629,7 +53749,7 @@ const contentRenderers = (renderObject) => {
       },
       render: (_id, entry2, _options) => {
         return {
-          rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$T.preWrap, children: entry2.value })
+          rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$U.preWrap, children: entry2.value })
         };
       }
     },
@@ -53809,8 +53929,8 @@ const RecordTree = ({
       "div",
       {
         className: clsx(
-          styles$1e.keyPairContainer,
-          index < items.length - 1 && useBorders ? styles$1e.keyPairBordered : void 0,
+          styles$1f.keyPairContainer,
+          index < items.length - 1 && useBorders ? styles$1f.keyPairBordered : void 0,
           "text-size-small"
         ),
         style: {
@@ -53823,7 +53943,7 @@ const RecordTree = ({
               "data-index": index,
               className: clsx(
                 kRecordTreeKey,
-                styles$1e.key,
+                styles$1f.key,
                 "font-monospace",
                 "text-style-secondary"
               ),
@@ -53833,16 +53953,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$1f.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "i",
                   {
                     className: clsx(
                       collapsedIds && collapsedIds[item2.id] ? ApplicationIcons.tree.closed : ApplicationIcons.tree.open,
-                      styles$1e.treeIcon
+                      styles$1f.treeIcon
                     )
                   }
                 ) }) : void 0 }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1e.pre), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1f.pre), children: [
                   item2.key,
                   ":"
                 ] })
@@ -54012,7 +54132,7 @@ const col1_3$1 = "_col1_3_sq96g_12";
 const col3$1 = "_col3_sq96g_16";
 const separator$3 = "_separator_sq96g_20";
 const padded = "_padded_sq96g_26";
-const styles$S = {
+const styles$T = {
   wrapper: wrapper$1,
   col2: col2$1,
   col1_3: col1_3$1,
@@ -54074,14 +54194,14 @@ const ModelUsagePanel = ({ usage, className: className2 }) => {
     value: usage.total_tokens,
     secondary: false
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$S.wrapper, className2), children: rows.map((row2, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$T.wrapper, className2), children: rows.map((row2, idx) => {
     if (row2.label === "---") {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           className: clsx(
-            styles$S.separator,
-            row2.padded ? styles$S.padded : void 0
+            styles$T.separator,
+            row2.padded ? styles$T.padded : void 0
           )
         },
         `$usage-sep-${idx}`
@@ -54094,12 +54214,12 @@ const ModelUsagePanel = ({ usage, className: className2 }) => {
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              row2.secondary ? styles$S.col2 : styles$S.col1_3
+              row2.secondary ? styles$T.col2 : styles$T.col1_3
             ),
             children: row2.label
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$S.col3, children: row2.value ? formatNumber(row2.value) : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$T.col3, children: row2.value ? formatNumber(row2.value) : "" })
       ] }, `$usage-row-${idx}`);
     }
   }) });
@@ -54109,7 +54229,7 @@ const tableTokens = "_tableTokens_z217i_5";
 const tableH = "_tableH_z217i_9";
 const model = "_model_z217i_14";
 const cellContents = "_cellContents_z217i_18";
-const styles$R = {
+const styles$S = {
   table,
   tableTokens,
   tableH,
@@ -54124,7 +54244,7 @@ const TokenTable = ({ className: className2, children: children2 }) => {
         "table",
         "table-sm",
         "text-size-smaller",
-        styles$R.table,
+        styles$S.table,
         className2
       ),
       children: children2
@@ -54141,7 +54261,7 @@ const TokenHeader = () => {
           colSpan: 3,
           className: clsx(
             "card-subheading",
-            styles$R.tableTokens,
+            styles$S.tableTokens,
             "text-size-small",
             "text-style-label",
             "text-style-secondary"
@@ -54156,7 +54276,7 @@ const TokenHeader = () => {
         "th",
         {
           className: clsx(
-            styles$R.tableH,
+            styles$S.tableH,
             "text-sixe-small",
             "text-style-label",
             "text-style-secondary"
@@ -54168,7 +54288,7 @@ const TokenHeader = () => {
         "th",
         {
           className: clsx(
-            styles$R.tableH,
+            styles$S.tableH,
             "text-sixe-small",
             "text-style-label",
             "text-style-secondary"
@@ -54181,8 +54301,8 @@ const TokenHeader = () => {
 };
 const TokenRow = ({ model: model2, usage }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$R.model, styles$R.cellContents), children: model2 }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage, className: clsx(styles$R.cellContents) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$S.model, styles$S.cellContents), children: model2 }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage, className: clsx(styles$S.cellContents) }) })
   ] });
 };
 const ModelTokenTable = ({
@@ -54201,12 +54321,12 @@ const ModelTokenTable = ({
 };
 const scanInfo = "_scanInfo_76qrl_1";
 const container$d = "_container_76qrl_7";
-const styles$Q = {
+const styles$R = {
   scanInfo,
   container: container$d
 };
 const InfoPanel = ({ result: result2 }) => {
-  return result2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$Q.container), children: [
+  return result2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$R.container), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: "Scanner Info", type: "modern" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScannerInfoPanel, { result: result2 }) })
@@ -54234,7 +54354,7 @@ const InfoPanel = ({ result: result2 }) => {
 };
 const ScannerInfoPanel = ({ result: result2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$Q.scanInfo), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$R.scanInfo), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(LabeledValue, { label: "Name", children: result2?.scannerName }),
       result2?.scannerFile && result2.scannerFile !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(LabeledValue, { label: "File", children: result2?.scannerFile }),
       (result2?.scanTotalTokens || 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(LabeledValue, { label: "Tokens", children: result2?.scanTotalTokens ? formatNumber(result2.scanTotalTokens) : "" })
@@ -54250,7 +54370,7 @@ const ScannerInfoPanel = ({ result: result2 }) => {
   ] });
 };
 const progressContainer = "_progressContainer_1cjjr_1";
-const styles$P = {
+const styles$Q = {
   progressContainer
 };
 const container$c = "_container_4p85e_2";
@@ -54262,7 +54382,7 @@ const dot = "_dot_4p85e_8";
 const subtle = "_subtle_4p85e_36";
 const primary = "_primary_4p85e_40";
 const visuallyHidden = "_visuallyHidden_4p85e_59";
-const styles$O = {
+const styles$P = {
   container: container$c,
   dotsContainer,
   small,
@@ -54284,24 +54404,24 @@ const PulsingDots = ({
     "div",
     {
       className: clsx(
-        styles$O.container,
-        size === "small" ? styles$O.small : size === "medium" ? styles$O.medium : styles$O.large,
+        styles$P.container,
+        size === "small" ? styles$P.small : size === "medium" ? styles$P.medium : styles$P.large,
         className2
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$O.dotsContainer, children: Array.from({ length: dotsCount }, (_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$P.dotsContainer, children: Array.from({ length: dotsCount }, (_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx(
-              styles$O.dot,
-              subtle2 ? styles$O.subtle : styles$O.primary
+              styles$P.dot,
+              subtle2 ? styles$P.subtle : styles$P.primary
             ),
             style: { animationDelay: `${index * 0.2}s` }
           },
           `dot-${index}`
         )) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$O.visuallyHidden, children: text2 })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$P.visuallyHidden, children: text2 })
       ]
     }
   );
@@ -54435,7 +54555,7 @@ const LiveVirtualList = ({
     return unregister;
   }, [id2, registerVirtualList, searchInData]);
   const Footer3 = () => {
-    return showProgress ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$P.progressContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0;
+    return showProgress ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Q.progressContainer), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0;
   };
   useEffect(() => {
     const parent = scrollRef?.current;
@@ -54508,7 +54628,7 @@ const LiveVirtualList = ({
   );
 };
 const item$1 = "_item_5fj0m_6";
-const styles$N = {
+const styles$O = {
   item: item$1
 };
 const ChatViewVirtualList = memo$1(
@@ -54652,7 +54772,7 @@ const ChatViewVirtualListComponent = memo$1(
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: clsx(styles$N.item),
+          className: clsx(styles$O.item),
           "data-index": props["data-index"],
           "data-item-group-index": props["data-item-group-index"],
           "data-item-index": props["data-item-index"],
@@ -54680,10 +54800,10 @@ const ChatViewVirtualListComponent = memo$1(
     );
   }
 );
-const styles$M = {};
+const styles$N = {};
 const title$2 = "_title_19l1b_1";
 const contents = "_contents_19l1b_8";
-const styles$L = {
+const styles$M = {
   title: title$2,
   contents
 };
@@ -54693,12 +54813,12 @@ const EventRow = ({
   className: className2,
   children: children2
 }) => {
-  const contentEl = title2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small", styles$L.title, className2), children: [
+  const contentEl = title2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-small", styles$M.title, className2), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: icon2 || ApplicationIcons.metadata }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: title2 }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: children2 })
   ] }) : "";
-  const card2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", styles$L.contents), children: contentEl });
+  const card2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", styles$M.contents), children: contentEl });
   return card2;
 };
 const ApprovalEventView = ({
@@ -54796,7 +54916,7 @@ class EventNode {
   }
 }
 const tab = "_tab_1je38_1";
-const styles$K = {
+const styles$L = {
   tab
 };
 const EventNav = ({
@@ -54821,7 +54941,7 @@ const EventNav = ({
         active ? "active " : "",
         "text-style-label",
         "text-size-small",
-        styles$K.tab
+        styles$L.tab
       ),
       onClick: handleClick,
       children: title2
@@ -54829,7 +54949,7 @@ const EventNav = ({
   ) });
 };
 const navs$1 = "_navs_1vm6p_1";
-const styles$J = {
+const styles$K = {
   navs: navs$1
 };
 const EventNavs = ({
@@ -54840,7 +54960,7 @@ const EventNavs = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "ul",
     {
-      className: clsx("nav", "nav-pills", styles$J.navs),
+      className: clsx("nav", "nav-pills", styles$K.navs),
       role: "tablist",
       "aria-orientation": "horizontal",
       children: navs2.map((nav2) => {
@@ -54867,7 +54987,7 @@ const hover = "_hover_1nn7f_41";
 const root$2 = "_root_1nn7f_45";
 const bottomDongle = "_bottomDongle_1nn7f_50";
 const dongleIcon = "_dongleIcon_1nn7f_67";
-const styles$I = {
+const styles$J = {
   label: label$3,
   navs,
   card,
@@ -54931,7 +55051,7 @@ const EventPanel = ({
     "div",
     {
       title: subTitle2,
-      className: clsx("text-size-small", mouseOver ? styles$I.hover : ""),
+      className: clsx("text-size-small", mouseOver ? styles$J.hover : ""),
       style: {
         display: "grid",
         gridTemplateColumns: gridColumns.join(" "),
@@ -54971,12 +55091,12 @@ const EventPanel = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: clsx("text-style-secondary", styles$I.label),
+            className: clsx("text-style-secondary", styles$J.label),
             onClick: toggleCollapse,
             children: collapsed ? text2 : ""
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$I.navs, children: isCollapsible && collapsibleContent && collapsed ? "" : filteredArrChildren && filteredArrChildren.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$J.navs, children: isCollapsible && collapsibleContent && collapsed ? "" : filteredArrChildren && filteredArrChildren.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           EventNavs,
           {
             navs: filteredArrChildren.map((child, index) => {
@@ -55001,8 +55121,8 @@ const EventPanel = ({
       id: `event-panel-${eventNodeId}`,
       className: clsx(
         className2,
-        styles$I.card,
-        depth === 0 ? styles$I.root : void 0
+        styles$J.card,
+        depth === 0 ? styles$J.root : void 0
       ),
       children: [
         titleEl,
@@ -55011,8 +55131,8 @@ const EventPanel = ({
           {
             className: clsx(
               "tab-content",
-              styles$I.cardContent,
-              isCollapsible && collapsed && collapsibleContent ? styles$I.hidden : void 0
+              styles$J.cardContent,
+              isCollapsible && collapsed && collapsibleContent ? styles$J.hidden : void 0
             ),
             children: filteredArrChildren?.map((child, index) => {
               const id2 = pillId(index);
@@ -55032,7 +55152,7 @@ const EventPanel = ({
         isCollapsible && useBottomDongle ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: clsx(styles$I.bottomDongle, "text-size-smallest"),
+            className: clsx(styles$J.bottomDongle, "text-size-smallest"),
             onClick: toggleCollapse,
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -55040,7 +55160,7 @@ const EventPanel = ({
                 {
                   className: clsx(
                     collapsed ? ApplicationIcons.chevron.right : ApplicationIcons.chevron.down,
-                    styles$I.dongleIcon
+                    styles$J.dongleIcon
                   )
                 }
               ),
@@ -55088,7 +55208,7 @@ const ErrorEventView = ({
   );
 };
 const panel = "_panel_vz394_1";
-const styles$H = {
+const styles$I = {
   panel
 };
 const InfoEventView = ({
@@ -55103,12 +55223,12 @@ const InfoEventView = ({
         RenderedText,
         {
           markdown: event.data,
-          className: clsx(styles$H.panel, "text-size-base")
+          className: clsx(styles$I.panel, "text-size-base")
         }
       )
     );
   } else {
-    panels.push(/* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { data: event.data, className: styles$H.panel }));
+    panels.push(/* @__PURE__ */ jsxRuntimeExports.jsx(JSONPanel, { data: event.data, className: styles$I.panel }));
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EventPanel,
@@ -55148,7 +55268,7 @@ const InputEventView = ({
   );
 };
 const grid = "_grid_1eq5o_1";
-const styles$G = {
+const styles$H = {
   grid
 };
 const LoggerEventView = ({
@@ -55163,7 +55283,7 @@ const LoggerEventView = ({
       className: className2,
       title: event.message.level,
       icon: ApplicationIcons.logging[event.message.level.toLowerCase()] || ApplicationIcons.info,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-base", styles$G.grid), children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-base", styles$H.grid), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller"), children: obj !== void 0 && obj !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(MetaDataGrid, { entries: obj }) : event.message.message }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", "text-style-secondary"), children: [
           event.message.filename,
@@ -55177,7 +55297,7 @@ const LoggerEventView = ({
 const container$b = "_container_1ww70_1";
 const titleRow = "_titleRow_1ww70_5";
 const title$1 = "_title_1ww70_5";
-const styles$F = {
+const styles$G = {
   container: container$b,
   titleRow,
   title: title$1
@@ -55188,11 +55308,11 @@ const EventSection = ({
   copyContent,
   className: className2
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$F.container, className2), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$F.titleRow), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$G.container, className2), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$G.titleRow), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: clsx("text-size-small", "text-style-label", styles$F.title),
+        className: clsx("text-size-small", "text-style-label", styles$G.title),
         children: [
           title2,
           copyContent ? /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value: copyContent, ariaLabel: "Copy to clipboard" }) : null
@@ -55208,7 +55328,7 @@ const col1_3 = "_col1_3_45f60_12";
 const col3 = "_col3_45f60_16";
 const separator$2 = "_separator_45f60_20";
 const topMargin = "_topMargin_45f60_26";
-const styles$E = {
+const styles$F = {
   wrapper,
   col2,
   col1_3,
@@ -55276,9 +55396,9 @@ const EventTimingPanel = ({
       });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$E.wrapper), children: rows.map((row2, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small", styles$F.wrapper), children: rows.map((row2, idx) => {
     if (row2.label === "---") {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.separator }, `$usage-sep-${idx}`);
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$F.separator }, `$usage-sep-${idx}`);
     } else {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -55287,13 +55407,13 @@ const EventTimingPanel = ({
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              row2.secondary ? styles$E.col2 : styles$E.col1_3,
-              row2.topMargin ? styles$E.topMargin : void 0
+              row2.secondary ? styles$F.col2 : styles$F.col1_3,
+              row2.topMargin ? styles$F.topMargin : void 0
             ),
             children: row2.label
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$E.col3, children: row2.value ? row2.value : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$F.col3, children: row2.value ? row2.value : "" })
       ] }, `$usage-row-${idx}`);
     }
   }) });
@@ -55325,7 +55445,7 @@ const code$1 = "_code_e0l2n_22";
 const progress$1 = "_progress_e0l2n_34";
 const toolConfig = "_toolConfig_e0l2n_38";
 const toolChoice = "_toolChoice_e0l2n_46";
-const styles$D = {
+const styles$E = {
   container: container$a,
   all,
   tableSelection,
@@ -55371,7 +55491,7 @@ const ModelEventView = ({
       subTitle: formatTiming(event.timestamp, event.working_start),
       icon: ApplicationIcons.model,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$D.container, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$E.container, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatView,
             {
@@ -55382,20 +55502,20 @@ const ModelEventView = ({
               allowLinking: false
             }
           ),
-          event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
+          event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$E.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "All", className: styles$D.container, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$D.all, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "All", className: styles$E.container, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$E.all, children: [
             Object.keys(entries2).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
               EventSection,
               {
                 title: "Configuration",
-                className: styles$D.tableSelection,
+                className: styles$E.tableSelection,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(MetaDataGrid, { entries: entries2, plain: true })
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Usage", className: styles$D.tableSelection, children: event.output.usage !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage: event.output.usage }) : void 0 }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Timing", className: styles$D.tableSelection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Usage", className: styles$E.tableSelection, children: event.output.usage !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(ModelUsagePanel, { usage: event.output.usage }) : void 0 }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Timing", className: styles$E.tableSelection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               EventTimingPanel,
               {
                 timestamp: event.timestamp,
@@ -55415,13 +55535,13 @@ const ModelEventView = ({
             }
           ) })
         ] }),
-        event.tools.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Tools", className: styles$D.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolsConfig, { tools: event.tools, toolChoice: event.tool_choice }) }),
+        event.tools.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Tools", className: styles$E.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolsConfig, { tools: event.tools, toolChoice: event.tool_choice }) }),
         event.call ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           APIView,
           {
             "data-name": "API",
             call: event.call,
-            className: styles$D.container
+            className: styles$E.container
           }
         ) : ""
       ]
@@ -55449,11 +55569,11 @@ const APICodeCell = ({ id: id2, sourceCode }) => {
   if (!sourceCode) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sourceCodeRef, className: clsx("model-call"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$D.codePre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sourceCodeRef, className: clsx("model-call"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$E.codePre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "code",
     {
       id: id2,
-      className: clsx("language-json", styles$D.code, "text-size-small"),
+      className: clsx("language-json", styles$E.code, "text-size-small"),
       children: sourceCode
     }
   ) }) });
@@ -55466,8 +55586,8 @@ const ToolsConfig = ({ tools: tools2, toolChoice: toolChoice2 }) => {
     ] }, `${tool2.name}-${idx}`);
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$D.toolConfig, "text-size-small"), children: toolEls }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$D.toolChoice, "text-size-small"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$E.toolConfig, "text-size-small"), children: toolEls }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$E.toolChoice, "text-size-small"), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Tool Choice" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolChoiceView, { toolChoice: toolChoice2 }) })
     ] })
@@ -55496,7 +55616,7 @@ const code = "_code_1a3fk_5";
 const sample = "_sample_1a3fk_10";
 const section$1 = "_section_1a3fk_14";
 const metadata = "_metadata_1a3fk_21";
-const styles$C = {
+const styles$D = {
   noMargin,
   code,
   sample,
@@ -55513,13 +55633,13 @@ const SampleInitEventView = ({
   if (event.sample.files && Object.keys(event.sample.files).length > 0) {
     sections.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Files", children: Object.keys(event.sample.files).map((file) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$C.noMargin, children: file }, `sample-init-file-${file}`);
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$D.noMargin, children: file }, `sample-init-file-${file}`);
       }) }, `event-${eventNode.id}`)
     );
   }
   if (event.sample.setup) {
     sections.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Setup", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$C.code, children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sourceCode", children: event.sample.setup }) }) }, `${eventNode.id}-section-setup`)
+      /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Setup", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$D.code, children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sourceCode", children: event.sample.setup }) }) }, `${eventNode.id}-section-setup`)
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -55532,7 +55652,7 @@ const SampleInitEventView = ({
       icon: ApplicationIcons.sample,
       subTitle: formatDateTime(new Date(event.timestamp)),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Sample", className: styles$C.sample, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Sample", className: styles$D.sample, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatView,
             {
@@ -55548,7 +55668,7 @@ const SampleInitEventView = ({
                 choice
               ] }, `$choice-{choice}`);
             }) : "",
-            sections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$C.section, children: sections }) : "",
+            sections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$D.section, children: sections }) : "",
             event.sample.target ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Target", children: toArray(event.sample.target).map((target) => {
               return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-base"), children: target }, target);
             }) }) : void 0
@@ -55558,7 +55678,7 @@ const SampleInitEventView = ({
           MetaDataGrid,
           {
             "data-name": "Metadata",
-            className: styles$C.metadata,
+            className: styles$D.metadata,
             entries: event.sample.metadata
           }
         ) : ""
@@ -55618,13 +55738,13 @@ const SampleLimitEventView = ({
 };
 const twoColumn = "_twoColumn_1irga_9";
 const exec = "_exec_1irga_15";
-const result = "_result_1irga_19";
+const result$1 = "_result_1irga_19";
 const fileLabel = "_fileLabel_1irga_23";
 const wrapPre = "_wrapPre_1irga_28";
-const styles$B = {
+const styles$C = {
   twoColumn,
   exec,
-  result,
+  result: result$1,
   fileLabel,
   wrapPre
 };
@@ -55655,10 +55775,10 @@ const ExecView = ({ id: id2, event }) => {
   const input2 = event.input;
   const result2 = event.result;
   const output2 = event.output ? event.output.trim() : void 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$B.exec), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Command`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$B.twoColumn), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$B.wrapPre), children: cmd }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$B.wrapPre), children: input2 !== null ? input2?.trim() : void 0 }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$C.exec), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Command`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$C.twoColumn), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$C.wrapPre), children: cmd }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$C.wrapPre), children: input2 !== null ? input2?.trim() : void 0 }),
       options !== null && Object.keys(options).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: `Options`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         MetaDataGrid,
         {
@@ -55675,7 +55795,7 @@ const ExecView = ({ id: id2, event }) => {
           entry: { name: "sandbox_output", value: output2 }
         }
       ) }) : void 0,
-      result2 !== 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$B.result, "text-size-base"), children: [
+      result2 !== 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$C.result, "text-size-base"), children: [
         "(exited with code ",
         result2,
         ")"
@@ -55701,7 +55821,7 @@ const WriteFileView = ({ id: id2, event }) => {
 };
 const FileView = ({ id: id2, file, contents: contents2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "File", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$B.fileLabel), children: file }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "File", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$C.fileLabel), children: file }) }),
     contents2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EventSection, { title: "Contents", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandablePanel, { id: `${id2}-file`, collapse: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { children: contents2 }) }) }) : void 0
   ] });
 };
@@ -55711,7 +55831,7 @@ const separator$1 = "_separator_io1r0_13";
 const unchanged = "_unchanged_io1r0_22";
 const section = "_section_io1r0_27";
 const spacer = "_spacer_io1r0_31";
-const styles$A = {
+const styles$B = {
   container: container$9,
   wrappingContent: wrappingContent$1,
   separator: separator$1,
@@ -55722,7 +55842,7 @@ const styles$A = {
 const explanation$2 = "_explanation_1k2k0_1";
 const wrappingContent = "_wrappingContent_1k2k0_8";
 const separator = "_separator_1k2k0_13";
-const styles$z = {
+const styles$A = {
   explanation: explanation$2,
   wrappingContent,
   separator
@@ -55744,29 +55864,29 @@ const ScoreEventView = ({
       icon: ApplicationIcons.scorer,
       collapsibleContent: true,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Explanation", className: clsx(styles$z.explanation), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Explanation", className: clsx(styles$A.explanation), children: [
           event.target ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.separator) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Target" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: resolvedTarget || "" }) })
           ] }) : "",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Answer" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.answer || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.answer || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Explanation" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.explanation || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.score.explanation || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Score" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderScore(event.score.value) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.separator) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) })
         ] }),
         event.score.metadata ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Metadata", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RecordTree,
           {
             id: `${eventNode.id}-score-metadata`,
             record: event.score.metadata,
-            className: styles$z.metadataTree,
+            className: styles$A.metadataTree,
             defaultExpandLevel: 0
           }
         ) }) : void 0
@@ -55807,46 +55927,46 @@ const ScoreEditEventView = ({
             className: clsx(
               "text-style-label",
               "text-style-secondary",
-              styles$A.section
+              styles$B.section
             ),
             children: "Updated Values"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$A.container), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$B.container), children: [
           event.edit.value ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Value" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderScore(event.edit.value) })
           ] }) : "",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Answer" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: event.edit.answer === kUnchangedSentinel ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$A.unchanged), children: "[unchanged]" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.answer || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.wrappingContent), children: event.edit.answer === kUnchangedSentinel ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$B.unchanged), children: "[unchanged]" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.answer || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Explanation" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.explanation || "" }) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.explanation || "" }) })
         ] }),
-        event.edit.provenance ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$A.container), children: [
+        event.edit.provenance ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$B.container), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
               className: clsx(
                 "text-style-label",
                 "text-style-secondary",
-                styles$A.section
+                styles$B.section
               ),
               children: "Provenance"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.spacer) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.spacer) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Author" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.author }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.author }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Reason" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.reason || "" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.separator) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RenderedText, { markdown: event.edit.provenance.reason || "" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.separator) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-style-label", children: "Time" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$A.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$B.wrappingContent), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             RenderedText,
             {
               markdown: formatDateTime(new Date(event.edit.provenance.timestamp)) || ""
@@ -55858,7 +55978,7 @@ const ScoreEditEventView = ({
           {
             id: `${eventNode.id}-score-metadata`,
             record: event.edit.metadata || {},
-            className: styles$A.metadataTree,
+            className: styles$B.metadataTree,
             defaultExpandLevel: 0
           }
         ) }) : void 0
@@ -63627,7 +63747,7 @@ const lightboxContent = "_lightboxContent_1mvg8_33";
 const lightboxButtonCloseWrapper = "_lightboxButtonCloseWrapper_1mvg8_45";
 const lightboxButtonClose = "_lightboxButtonClose_1mvg8_45";
 const lightboxPreviewButton = "_lightboxPreviewButton_1mvg8_63";
-const styles$y = {
+const styles$z = {
   carouselThumbs,
   carouselThumb,
   carouselPlayIcon,
@@ -63696,12 +63816,12 @@ const LightboxCarousel = ({ id: id2, slides }) => {
     [openLightbox]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("lightbox-carousel-container"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$y.carouselThumbs), children: slides.map((slide, index) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.carouselThumbs), children: slides.map((slide, index) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
           "data-index": index,
-          className: clsx(styles$y.carouselThumb),
+          className: clsx(styles$z.carouselThumb),
           onClick: handleThumbClick,
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: slide.label }),
@@ -63710,7 +63830,7 @@ const LightboxCarousel = ({ id: id2, slides }) => {
               {
                 className: clsx(
                   ApplicationIcons.play,
-                  styles$y.carouselPlayIcon
+                  styles$z.carouselPlayIcon
                 )
               }
             ) })
@@ -63722,12 +63842,12 @@ const LightboxCarousel = ({ id: id2, slides }) => {
     showOverlay && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: clsx(styles$y.lightboxOverlay, isOpen ? "open" : "closed"),
+        className: clsx(styles$z.lightboxOverlay, isOpen ? "open" : "closed"),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$y.lightboxButtonCloseWrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$z.lightboxButtonCloseWrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: styles$y.lightboxButtonClose,
+              className: styles$z.lightboxButtonClose,
               onClick: closeLightbox,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.close })
             }
@@ -63735,7 +63855,7 @@ const LightboxCarousel = ({ id: id2, slides }) => {
           slides.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: clsx(styles$y.lightboxPreviewButton, "prev"),
+              className: clsx(styles$z.lightboxPreviewButton, "prev"),
               onClick: showPrev,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.previous })
             }
@@ -63743,7 +63863,7 @@ const LightboxCarousel = ({ id: id2, slides }) => {
           slides.length > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              className: clsx(styles$y.lightboxPreviewButton, "next"),
+              className: clsx(styles$z.lightboxPreviewButton, "next"),
               onClick: showNext,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.next })
             }
@@ -63751,7 +63871,7 @@ const LightboxCarousel = ({ id: id2, slides }) => {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: clsx(styles$y.lightboxContent, isOpen ? "open" : "closed"),
+              className: clsx(styles$z.lightboxContent, isOpen ? "open" : "closed"),
               children: slides[currentIndex || 0]?.render()
             },
             `carousel-slide-${currentIndex}`
@@ -63862,7 +63982,7 @@ const extractSize = (value2, label2, defaultValue) => {
 const toolsGrid = "_toolsGrid_1qqm2_1";
 const tools = "_tools_1qqm2_1";
 const tool = "_tool_1qqm2_1";
-const styles$x = {
+const styles$y = {
   toolsGrid,
   tools,
   tool
@@ -64035,7 +64155,7 @@ const renderTools = (changes, resolvedState) => {
       toolsInfo["Tools"] = /* @__PURE__ */ jsxRuntimeExports.jsx(Tools, { toolDefinitions: filtered });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$x.tools), children: Object.keys(toolsInfo).map((key2) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$y.tools), children: Object.keys(toolsInfo).map((key2) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
@@ -64090,7 +64210,7 @@ const StoreSpecificRenderableTypes = [
   human_baseline_session
 ];
 const Tools = ({ toolDefinitions }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$x.toolsGrid, children: toolDefinitions.map((toolDefinition, idx) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$y.toolsGrid, children: toolDefinitions.map((toolDefinition, idx) => {
     const toolName = toolDefinition.name;
     const toolArgs = toolDefinition.parameters?.properties ? Object.keys(toolDefinition.parameters.properties) : [];
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -64105,11 +64225,11 @@ const Tools = ({ toolDefinitions }) => {
 };
 const Tool = ({ toolName, toolArgs }) => {
   const functionCall = toolArgs && toolArgs.length > 0 ? `${toolName}(${toolArgs.join(", ")})` : toolName;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-smallest", styles$x.tool), children: functionCall });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-smallest", styles$y.tool), children: functionCall });
 };
 const diff = "_diff_eobja_1";
 const summary$2 = "_summary_eobja_6";
-const styles$w = {
+const styles$x = {
   diff,
   summary: summary$2
 };
@@ -64155,14 +64275,14 @@ const StateEventView = ({
       text: !changePreview ? summary2 : void 0,
       collapsibleContent: true,
       children: [
-        changePreview ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Summary", className: clsx(styles$w.summary), children: changePreview }) : void 0,
+        changePreview ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-name": "Summary", className: clsx(styles$x.summary), children: changePreview }) : void 0,
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StateDiffView,
           {
             before,
             after,
             "data-name": "Diff",
-            className: clsx(styles$w.diff)
+            className: clsx(styles$x.diff)
           }
         )
       ]
@@ -64495,7 +64615,7 @@ const summary$1 = "_summary_ac4z2_1";
 const summaryRendered = "_summaryRendered_ac4z2_6";
 const subtaskSummary = "_subtaskSummary_ac4z2_10";
 const subtaskLabel = "_subtaskLabel_ac4z2_17";
-const styles$v = {
+const styles$w = {
   summary: summary$1,
   summaryRendered,
   subtaskSummary,
@@ -64510,9 +64630,9 @@ const SubtaskEventView = ({
   const body = [];
   if (event.type === "fork") {
     body.push(
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { title: "Summary", className: clsx(styles$v.summary), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { title: "Summary", className: clsx(styles$w.summary), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label"), children: "Inputs" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$v.summaryRendered), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: event.input }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$w.summaryRendered), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: event.input }) })
       ] })
     );
   } else {
@@ -64548,12 +64668,12 @@ const SubtaskEventView = ({
 };
 const SubtaskSummary = ({ input: input2, result: result2 }) => {
   const output2 = typeof result2 === "object" ? result2 : { result: result2 };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$v.subtaskSummary), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$w.subtaskSummary), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-size-small"), children: "Input" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-large", styles$v.subtaskLabel) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-large", styles$w.subtaskLabel) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-size-small"), children: "Output" }),
     input2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: input2 }) : void 0,
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-title-secondary", styles$v.subtaskLabel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-title-secondary", styles$w.subtaskLabel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.arrows.right }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rendered, { values: output2 }) })
   ] });
 };
@@ -64578,7 +64698,7 @@ const None = () => {
 const summary = "_summary_1qsnv_1";
 const approval = "_approval_1qsnv_6";
 const progress = "_progress_1qsnv_12";
-const styles$u = {
+const styles$v = {
   summary,
   approval,
   progress
@@ -64617,7 +64737,7 @@ const ToolEventView = ({
       icon: ApplicationIcons.solvers.use_tools,
       childIds: children2.map((child) => child.id),
       collapseControl: "bottom",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$u.summary, children: [
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-name": "Summary", className: styles$v.summary, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ToolCallView,
           {
@@ -64645,10 +64765,10 @@ const ToolEventView = ({
           ApprovalEventView,
           {
             eventNode: approvalNode,
-            className: styles$u.approval
+            className: styles$v.approval
           }
         ) : "",
-        event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$u.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
+        event.pending ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$v.progress), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PulsingDots, { subtle: false, size: "medium" }) }) : void 0
       ] })
     }
   );
@@ -64657,7 +64777,7 @@ const node = "_node_1r858_1";
 const attached = "_attached_1r858_5";
 const attachedParent = "_attachedParent_1r858_9";
 const attachedChild = "_attachedChild_1r858_16";
-const styles$t = {
+const styles$u = {
   node,
   attached,
   attachedParent,
@@ -64707,23 +64827,23 @@ const TranscriptVirtualListComponent = ({
   );
   const renderRow = useCallback(
     (index, item2) => {
-      const paddingClass = index === 0 ? styles$t.first : void 0;
+      const paddingClass = index === 0 ? styles$u.first : void 0;
       const previousIndex = index - 1;
       const nextIndex2 = index + 1;
       const previous = previousIndex > 0 && previousIndex <= eventNodes.length ? eventNodes[previousIndex] : void 0;
       const next = nextIndex2 < eventNodes.length ? eventNodes[nextIndex2] : void 0;
       const attached2 = item2.event.event === "tool" && (previous?.event.event === "tool" || previous?.event.event === "model");
       const attachedParent2 = item2.event.event === "model" && next?.event.event === "tool";
-      const attachedClass = attached2 ? styles$t.attached : void 0;
-      const attachedChildClass = attached2 ? styles$t.attachedChild : void 0;
-      const attachedParentClass = attachedParent2 ? styles$t.attachedParent : void 0;
+      const attachedClass = attached2 ? styles$u.attached : void 0;
+      const attachedChildClass = attached2 ? styles$u.attachedChild : void 0;
+      const attachedParentClass = attachedParent2 ? styles$u.attachedParent : void 0;
       const hasToolEvents = hasToolEventsAtCurrentDepth(index);
       const context = hasToolEvents ? contextWithToolEvents : contextWithoutToolEvents;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           id: item2.id,
-          className: clsx(styles$t.node, paddingClass, attachedClass),
+          className: clsx(styles$u.node, paddingClass, attachedClass),
           style: {
             paddingLeft: `${item2.depth <= 1 ? item2.depth * 0.7 : (0.7 + item2.depth - 1) * 1}em`,
             paddingRight: `${item2.depth === 0 ? void 0 : ".7em"} `
@@ -65333,13 +65453,13 @@ const TranscriptView = ({
       eventNodes: flattenedNodes,
       scrollRef,
       offsetTop: 10,
-      className: styles$M.listContainer,
+      className: styles$N.listContainer,
       initialEventId
     }
   );
 };
 const container$8 = "_container_kyylo_1";
-const styles$s = {
+const styles$t = {
   container: container$8
 };
 const InputPanel = ({ result: result2 }) => {
@@ -65348,7 +65468,7 @@ const InputPanel = ({ result: result2 }) => {
   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$s.container), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollRef, className: clsx(styles$t.container), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     InputRenderer,
     {
       result: result2,
@@ -65612,6 +65732,23 @@ const Explanation = ({ result: result2 }) => {
     }
   );
 };
+const result = "_result_f18wg_1";
+const styles$s = {
+  result,
+  "true": "_true_f18wg_12",
+  "false": "_false_f18wg_17"
+};
+const ValidationResult = ({ result: result2 }) => {
+  if (typeof result2 === "boolean") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { value: result2 });
+  } else if (typeof result2 === "object") {
+    const entries2 = Object.entries(result2);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$s.validationTable), children: entries2.map(([_key, value2]) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Result, { value: value2 }) })) });
+  }
+};
+const Result = ({ value: value2 }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(value2 ? styles$s.true : styles$s.false, styles$s.result), children: value2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.check) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.x) }) });
+};
 const printArray = (arr, size = 50) => {
   const envelope = ["[", "]"];
   const ellipsis2 = "…";
@@ -65726,21 +65863,26 @@ function isArrayValue(result2) {
 function isObjectValue(result2) {
   return result2.valueType === "object";
 }
-const boolean = "_boolean_xgip4_1";
-const valueTable = "_valueTable_xgip4_24";
-const inline = "_inline_xgip4_31";
-const valueValue = "_valueValue_xgip4_31";
-const value = "_value_xgip4_24";
+const boolean = "_boolean_1uivt_1";
+const valueTable = "_valueTable_1uivt_24";
+const inline = "_inline_1uivt_31";
+const valueValue = "_valueValue_1uivt_31";
+const value = "_value_1uivt_24";
 const styles$r = {
   boolean,
-  "true": "_true_xgip4_12",
-  "false": "_false_xgip4_18",
+  "true": "_true_1uivt_12",
+  "false": "_false_1uivt_18",
   valueTable,
   inline,
   valueValue,
   value
 };
-const Value = ({ result: result2, style: style2 }) => {
+const Value = ({
+  result: result2,
+  style: style2,
+  maxTableSize = 5,
+  interactive = false
+}) => {
   const params = useParams();
   const buildUrl = useMemo(() => {
     if (!result2?.uuid) {
@@ -65771,11 +65913,17 @@ const Value = ({ result: result2, style: style2 }) => {
   } else if (isNullValue(result2)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "null" });
   } else if (isArrayValue(result2)) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { children: [
-      "[Array($",
-      result2.value.length,
-      ")]"
-    ] });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ValueList2,
+      {
+        value: result2.value,
+        result: result2,
+        buildUrl,
+        style: style2,
+        maxListSize: maxTableSize,
+        interactive
+      }
+    );
   } else if (isObjectValue(result2)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ValueTable,
@@ -65783,17 +65931,58 @@ const Value = ({ result: result2, style: style2 }) => {
         value: result2.value,
         result: result2,
         buildUrl,
-        style: style2
+        style: style2,
+        maxTableSize,
+        interactive
       }
     );
   } else {
     return "Unknown value type";
   }
 };
-const ValueTable = ({ value: value2, result: result2, buildUrl, style: style2 }) => {
-  const maxRows = 5;
+const ValueList2 = ({ value: value2, result: result2, maxListSize, interactive, buildUrl, style: style2 }) => {
+  const itemsToDisplay = value2.slice(0, maxListSize);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: clsx(
+        styles$r.valueTable,
+        style2 === "inline" ? styles$r.inline : styles$r.block
+      ),
+      children: itemsToDisplay.map((item2, index) => {
+        const displayValue = renderValue(
+          index,
+          item2,
+          result2,
+          buildUrl,
+          interactive
+        );
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: clsx(
+                styles$r.valueKey,
+                "text-style-label",
+                "text-style-secondary",
+                "text-size-smallest"
+              ),
+              children: [
+                "[",
+                index,
+                "]"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$r.valueValue), children: displayValue })
+        ] }, `value-table-row-${index}`);
+      })
+    }
+  );
+};
+const ValueTable = ({ value: value2, result: result2, maxTableSize, interactive, buildUrl, style: style2 }) => {
   const keys2 = Object.keys(value2);
-  const keysToDisplay = keys2.slice(0, maxRows);
+  const keysToDisplay = keys2.slice(0, maxTableSize);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -65801,11 +65990,13 @@ const ValueTable = ({ value: value2, result: result2, buildUrl, style: style2 })
         styles$r.valueTable,
         style2 === "inline" ? styles$r.inline : styles$r.block
       ),
-      children: keysToDisplay.map((key2) => {
+      children: keysToDisplay.map((key2, index) => {
         const displayValue = renderValue(
+          index,
           value2[key2],
           result2,
-          buildUrl
+          buildUrl,
+          interactive
         );
         return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65826,7 +66017,7 @@ const ValueTable = ({ value: value2, result: result2, buildUrl, style: style2 })
     }
   );
 };
-const renderValue = (val, result2, buildUrl) => {
+const renderValue = (index, val, result2, buildUrl, interactive) => {
   if (typeof val === "string") {
     const refs = toMarkdownRefs(
       result2,
@@ -65848,16 +66039,28 @@ const renderValue = (val, result2, buildUrl) => {
   } else if (Array.isArray(val)) {
     return printArray(val, 25);
   } else if (typeof val === "object") {
-    return printObject(val, 35);
+    return !interactive ? printObject(val, 35) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RecordTree,
+      {
+        id: `value-record-${result2.uuid}-${index}`,
+        record: val
+      }
+    );
   } else {
     return "Unknown value type";
   }
 };
-const container$7 = "_container_1cyb4_1";
-const explanation$1 = "_explanation_1cyb4_9";
+const container$7 = "_container_15a30_1";
+const explanation$1 = "_explanation_15a30_9";
+const values = "_values_15a30_20";
+const validation = "_validation_15a30_26";
+const validationLabel = "_validationLabel_15a30_32";
 const styles$q = {
   container: container$7,
-  explanation: explanation$1
+  explanation: explanation$1,
+  values,
+  validation,
+  validationLabel
 };
 const ResultPanel = ({ result: result2 }) => {
   const messages2 = useMemo(() => {
@@ -65879,12 +66082,40 @@ const ResultPanel = ({ result: result2 }) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: result2.label })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Value" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: result2.valueType === "object" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MetaDataGrid,
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
         {
-          entries: result2.value
+          className: clsx(
+            result2.validationResult !== void 0 ? styles$q.values : void 0
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Value,
+              {
+                result: result2,
+                style: "block",
+                maxTableSize: 1e3,
+                interactive: true
+              }
+            ),
+            result2.validationResult !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$q.validation), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "div",
+                {
+                  className: clsx(
+                    "text-style-label",
+                    "text-style-secondary",
+                    "text-size-smallest",
+                    styles$q.validationLabel
+                  ),
+                  children: "Validation"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ValidationResult, { result: result2.validationResult })
+            ] }) : void 0
+          ]
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { result: result2, style: "block" }) }),
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Explanation" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Explanation, { result: result2 }) }),
       result2.metadata && Object.keys(result2.metadata).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -71159,14 +71390,14 @@ var UserComponentFactory = class extends BeanStub {
       jsComp = this.agCompUtils?.adaptFunction(type, jsComp);
     }
     if (!jsComp && !fwComp) {
-      const { validation } = this.beans;
+      const { validation: validation2 } = this.beans;
       if (mandatory && (compName !== defaultName || !defaultName)) {
         if (compName) {
-          if (!validation?.isProvidedUserComp(compName)) {
+          if (!validation2?.isProvidedUserComp(compName)) {
             _error(50, { compName });
           }
         } else if (defaultName) {
-          if (!validation) {
+          if (!validation2) {
             _error(260, {
               ...this.gos.getModuleErrorParams(),
               propName: name2,
@@ -71176,7 +71407,7 @@ var UserComponentFactory = class extends BeanStub {
         } else {
           _error(216, { name: name2 });
         }
-      } else if (defaultName && !validation) {
+      } else if (defaultName && !validation2) {
         _error(146, { comp: defaultName });
       }
       return;
@@ -95130,10 +95361,10 @@ var GridOptionsService = class extends BeanStub {
   }) {
     const changeSet = { id: changeSetId++, properties: [] };
     const events = [];
-    const { gridOptions, validation } = this;
+    const { gridOptions, validation: validation2 } = this;
     for (const key2 of Object.keys(options)) {
       const value2 = GlobalGridOptions.applyGlobalGridOption(key2, options[key2]);
-      validation?.warnOnInitialPropertyUpdate(source2, key2);
+      validation2?.warnOnInitialPropertyUpdate(source2, key2);
       const shouldForce = force || typeof value2 === "object" && source2 === "api";
       const previousValue = gridOptions[key2];
       if (shouldForce || previousValue !== value2) {
@@ -96465,12 +96696,12 @@ var EditCellValidationModel = class {
     }
     return !!this.getCellValidation(position);
   }
-  setCellValidation(position, validation) {
+  setCellValidation(position, validation2) {
     const { rowNode, column: column2 } = position;
     if (!this.cellValidations.has(rowNode)) {
       this.cellValidations.set(rowNode, /* @__PURE__ */ new Map());
     }
-    this.cellValidations.get(rowNode).set(column2, validation);
+    this.cellValidations.get(rowNode).set(column2, validation2);
   }
   clearCellValidation(position) {
     const { rowNode, column: column2 } = position;
@@ -112409,8 +112640,8 @@ var BaseEditStrategy = class extends BeanStub {
     const results = { all: [], pass: [], fail: [] };
     for (const cell2 of editingCells) {
       results.all.push(cell2);
-      const validation = this.model.getCellValidationModel().getCellValidation(cell2);
-      if ((validation?.errorMessages?.length ?? 0) > 0) {
+      const validation2 = this.model.getCellValidationModel().getCellValidation(cell2);
+      if ((validation2?.errorMessages?.length ?? 0) > 0) {
         results.fail.push(cell2);
         continue;
       }
@@ -123815,6 +124046,28 @@ const ScanInfo = () => {
   ] });
 };
 const ScanInfoCard = ({ selectedStatus, className: className2 }) => {
+  const record = {
+    ID: selectedStatus.spec.scan_id,
+    Name: selectedStatus.spec.scan_name
+  };
+  if (selectedStatus.spec.scan_args) {
+    record["Args"] = selectedStatus.spec.scan_args;
+  }
+  if (selectedStatus.spec.scan_file) {
+    record["Source File"] = selectedStatus.spec.scan_file;
+  }
+  if (selectedStatus.spec.revision?.origin) {
+    record["Origin"] = selectedStatus.spec.revision?.origin;
+  }
+  if (selectedStatus.spec.revision?.commit) {
+    record["Commit"] = selectedStatus.spec.revision?.commit;
+  }
+  if (selectedStatus.spec.packages) {
+    record["Packages"] = selectedStatus.spec.packages;
+  }
+  if (selectedStatus.spec.options) {
+    record["Options"] = selectedStatus.spec.options;
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     InfoCard,
     {
@@ -123824,17 +124077,7 @@ const ScanInfoCard = ({ selectedStatus, className: className2 }) => {
         MetaDataGrid,
         {
           className: "text-size-small",
-          entries: {
-            ID: selectedStatus.spec.scan_id,
-            Name: selectedStatus.spec.scan_name,
-            Args: selectedStatus.spec.scan_args,
-            "Source File": selectedStatus.spec.scan_file,
-            Origin: selectedStatus.spec.revision.origin,
-            Commit: selectedStatus.spec.revision.commit,
-            Packages: selectedStatus.spec.packages,
-            Options: selectedStatus.spec.options,
-            Timestamp: formatDateTime(new Date(selectedStatus.spec.timestamp))
-          }
+          entries: record
         },
         `plan-md-task`
       )
@@ -123845,7 +124088,7 @@ const ScanMetadataCard = ({
   selectedStatus,
   className: className2
 }) => {
-  if (Object.keys(selectedStatus.spec.metadata).length === 0) {
+  if (!selectedStatus.spec.metadata || Object.keys(selectedStatus.spec.metadata).length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(InfoCard, { title: "Metadata", className: className2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RecordTree, { id: "scan-metadata", record: selectedStatus.spec.metadata }) });
@@ -123854,7 +124097,7 @@ const TranscriptsInfoCard = ({
   selectedStatus,
   className: className2
 }) => {
-  const fieldsDict = selectedStatus.spec.transcripts.fields.reduce(
+  const fieldsDict = selectedStatus.spec.transcripts?.fields.reduce(
     (acc, curr) => {
       const name2 = curr["name"];
       const type = curr["type"];
@@ -123870,8 +124113,8 @@ const TranscriptsInfoCard = ({
     {
       className: "text-size-small",
       entries: {
-        Type: selectedStatus.spec.transcripts.type,
-        Count: selectedStatus.spec.transcripts.count,
+        Type: selectedStatus.spec.transcripts?.type,
+        Count: selectedStatus.spec.transcripts?.count,
         Fields: fieldsDict
       }
     },
@@ -123899,6 +124142,22 @@ const InfoCard = ({ title: title2, className: className2, children: children2 })
     /* @__PURE__ */ jsxRuntimeExports.jsx(CardBody, { children: children2 })
   ] });
 };
+const ScanDataframeWrapTextButton = () => {
+  const wrapText = useStore((state) => state.dataframeWrapText);
+  const setWrapText = useStore((state) => state.setDataframeWrapText);
+  const toggleWrapText = useCallback(() => {
+    setWrapText(!wrapText);
+  }, [wrapText, setWrapText]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ToolButton,
+    {
+      icon: ApplicationIcons.wrap,
+      label: "Wrap Text",
+      onClick: toggleWrapText,
+      latched: wrapText
+    }
+  );
+};
 const flex$1 = "_flex_1kye9_1";
 const label$1 = "_label_1kye9_5";
 const styles$e = {
@@ -123971,7 +124230,8 @@ const ScanResultsGroup = ({
   const groupByOpts = [
     { label: "Source", value: "source" },
     { label: "Label", value: "label" },
-    { label: "Id", value: "id" }
+    { label: "Id", value: "id" },
+    { label: "Epoch", value: "epoch" }
   ].filter((opt2) => options.includes(toVal(opt2.value)));
   if (groupByOpts.length === 0) {
     return null;
@@ -124013,11 +124273,13 @@ const toVal = (v) => {
     return "label";
   } else if (v === "id") {
     return "id";
+  } else if (v === "epoch") {
+    return "epoch";
   } else {
     return "none";
   }
 };
-const gridWrapper = "_gridWrapper_yeano_1";
+const gridWrapper = "_gridWrapper_bykj9_1";
 const styles$c = {
   gridWrapper
 };
@@ -124027,8 +124289,11 @@ const DataframeView = ({
   columnTable,
   sortedColumns,
   onRowDoubleClicked,
+  onVisibleRowCountChanged,
   options,
-  enableKeyboardNavigation = true
+  enableKeyboardNavigation = true,
+  showRowNumbers = false,
+  wrapText = false
 }) => {
   const selectedDataframeRow = useStore((state) => state.selectedResultRow) || 0;
   const setSelectedDataframeRow = useStore(
@@ -124042,7 +124307,7 @@ const DataframeView = ({
   }, [gridStates]);
   const { columnDefs, rowData } = useMemo(() => {
     const columnNames = sortedColumns || columnTable?.columnNames() || [];
-    const columnDefs2 = columnTable ? columnNames.map((name2) => {
+    const dataColumnDefs = columnTable ? columnNames.map((name2) => {
       const col = columnTable.column(name2);
       if (!col) {
         return void 0;
@@ -124064,15 +124329,55 @@ const DataframeView = ({
         filter: true,
         resizable: true,
         tooltipField: name2,
-        maxWidth: 400,
+        maxWidth: 800,
         cellDataType: typeof sampleValue === "boolean" ? false : void 0,
         hide: !columnNames?.includes(name2) || false,
-        valueFormatter
+        valueFormatter,
+        wrapText,
+        autoHeight: wrapText
       };
     }).filter((c2) => c2 !== void 0) : [];
+    const columnDefs2 = showRowNumbers ? [
+      {
+        headerName: "",
+        valueGetter: (params) => {
+          return params.node?.rowIndex !== void 0 && params.node?.rowIndex !== null ? params.node.rowIndex + 1 : "";
+        },
+        sortable: false,
+        filter: false,
+        resizable: false,
+        width: 60,
+        maxWidth: 60,
+        minWidth: 60,
+        pinned: "left",
+        suppressMovable: true,
+        cellClass: "row-number-cell",
+        cellStyle: {
+          textAlign: "right",
+          paddingRight: "12px"
+        },
+        onCellClicked: (params) => {
+          if (params.data && onRowDoubleClicked) {
+            if (params.rowIndex !== null && params.rowIndex !== void 0) {
+              setSelectedDataframeRow(params.rowIndex);
+            }
+            onRowDoubleClicked(params.data);
+          }
+        }
+      },
+      ...dataColumnDefs
+    ] : dataColumnDefs;
     const rowData2 = columnTable?.objects();
     return { columnDefs: columnDefs2, rowData: rowData2 };
-  }, [columnTable, sortedColumns, options]);
+  }, [
+    columnTable,
+    sortedColumns,
+    options,
+    showRowNumbers,
+    wrapText,
+    onRowDoubleClicked,
+    setSelectedDataframeRow
+  ]);
   const gridRef = useRef(null);
   useEffect(() => {
     if (gridRef.current?.api && selectedDataframeRow >= 0) {
@@ -124150,6 +124455,13 @@ const DataframeView = ({
     handlePrevious,
     handleEnter
   ]);
+  const updateVisibleRowCount = useCallback(
+    (api) => {
+      const displayedRowCount = api.getDisplayedRowCount();
+      onVisibleRowCountChanged?.(displayedRowCount);
+    },
+    [onVisibleRowCountChanged]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$c.gridWrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     AgGridReact,
     {
@@ -124168,9 +124480,16 @@ const DataframeView = ({
       theme: themeBalham,
       enableCellTextSelection: true,
       initialState: gridState,
+      onFirstDataRendered: (e) => {
+        e.api.sizeColumnsToFit();
+        updateVisibleRowCount(e.api);
+      },
       onStateUpdated: (e) => {
         setGridState(GRID_STATE_NAME, e.state);
       },
+      onFilterChanged: (e) => {
+        updateVisibleRowCount(e.api);
+      },
       autoSizeStrategy: {
         type: "fitCellContents"
       },
@@ -124197,6 +124516,7 @@ const ScanResultsHeader = ({
   const hasExplanation = gridDescriptor.columns.includes("explanation");
   const hasLabel = gridDescriptor.columns.includes("label");
   const hasError = gridDescriptor.columns.includes("error");
+  const hasValidations = gridDescriptor.columns.includes("validations");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -124213,6 +124533,7 @@ const ScanResultsHeader = ({
         hasExplanation && /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeader, { label: "Explanation" }),
         hasLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeader, { label: "Label" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeader, { label: "Value", className: clsx(styles$b.value) }),
+        hasValidations && /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeader, { label: "Validation" }),
         hasError && /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeader, { label: "Error" })
       ]
     }
@@ -124356,6 +124677,7 @@ const ScanResultsRowComponent = ({
   const hasExplanation = gridDescriptor.columns.includes("explanation");
   const hasLabel = gridDescriptor.columns.includes("label");
   const hasErrors = gridDescriptor.columns.includes("error");
+  const hasValidations = gridDescriptor.columns.includes("validations");
   const grid2 = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -124374,8 +124696,20 @@ const ScanResultsRowComponent = ({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$6.id, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Identifier, { result: entry2 }) }),
         hasExplanation && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$6.explanation, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Explanation, { result: entry2 }) }),
-        hasLabel && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$6.label, "text-size-smallest"), children: entry2.label || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-style-secondary"), children: "—" }) }),
+        hasLabel && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: clsx(
+              styles$6.label,
+              "text-size-smallest",
+              "text-style-label",
+              "text-style-secondary"
+            ),
+            children: entry2.label || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-style-secondary"), children: "—" })
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$6.value, "text-size-smaller"), children: !entry2.scanError && /* @__PURE__ */ jsxRuntimeExports.jsx(Value, { result: entry2, style: "inline" }) }),
+        hasValidations && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValidationResult, { result: entry2.validationResult }) }),
         hasErrors && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$6.error, "text-size-smallest"), children: entry2.scanError && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Error$1,
           {
@@ -124411,6 +124745,9 @@ const ScanResultsList = ({
   const setVisibleScannerResults = useStore(
     (state) => state.setVisibleScannerResults
   );
+  const setVisibleScannerResultsCount = useStore(
+    (state) => state.setVisibleScannerResultsCount
+  );
   const setSelectedScanResult = useStore(
     (state) => state.setSelectedScanResult
   );
@@ -124463,16 +124800,22 @@ const ScanResultsList = ({
     }
     const groups = /* @__PURE__ */ new Map();
     for (const item2 of filteredSummaries) {
-      const groupKey = groupResultsBy === "source" ? basename(resultLog(item2) || "") || "Unknown" : groupResultsBy === "label" ? item2.label || "Unlabeled" : resultIdentifierStr(item2) || "Unknown";
+      const groupKey = groupResultsBy === "source" ? basename(resultLog(item2) || "") || "Unknown" : groupResultsBy === "label" ? item2.label || "Unlabeled" : groupResultsBy === "epoch" ? item2.transcriptMetadata.epoch : resultIdentifierStr(item2) || "Unknown";
       if (!groups.has(groupKey)) {
         groups.set(groupKey, []);
       }
       groups.get(groupKey)?.push(item2);
     }
-    const sortedGroupKeys = Array.from(groups.keys()).sort();
+    const sortedGroupKeys = Array.from(groups.keys()).sort((a2, b) => {
+      if (typeof a2 === "number" && typeof b === "number") {
+        return a2 - b;
+      }
+      return String(a2).localeCompare(String(b));
+    });
     const result2 = [];
     for (const groupKey of sortedGroupKeys) {
-      result2.push({ type: "group", label: groupKey });
+      const label2 = groupResultsBy === "epoch" ? `Epoch ${groupKey}` : String(groupKey);
+      result2.push({ type: "group", label: label2 });
       result2.push(...groups.get(groupKey) || []);
     }
     return result2;
@@ -124571,7 +124914,12 @@ const ScanResultsList = ({
   }, [filteredSummaries, selectedScanResult, setSelectedScanResult]);
   useEffect(() => {
     setVisibleScannerResults(filteredSummaries);
-  }, [filteredSummaries, setVisibleScannerResults]);
+    setVisibleScannerResultsCount(filteredSummaries.length);
+  }, [
+    filteredSummaries,
+    setVisibleScannerResults,
+    setVisibleScannerResultsCount
+  ]);
   const selectedItemIndex = useMemo(() => {
     if (selectedScanResult) {
       const selectedIndex = filteredSummaries.findIndex(
@@ -124670,6 +125018,12 @@ const sortByColumns = (a2, b, sortColumns2) => {
         comparison = errorA.localeCompare(errorB);
         break;
       }
+      case "validation": {
+        const validationA = a2.validationResult ? 1 : 0;
+        const validationB = b.validationResult ? 1 : 0;
+        comparison = validationA - validationB;
+        break;
+      }
       default:
         continue;
     }
@@ -124701,13 +125055,27 @@ const optimalColumnLayout = (scannerSummaries) => {
       return Math.max(max2, resultIdentifier(s).id.length);
     }, 0);
     gridColParts.push(
-      `minmax(${Math.min(Math.max(maxlabelLen * 4, 50), 250)}px, 1fr)`
+      `minmax(${Math.min(Math.max(maxlabelLen * 5, 75), 250)}px, 1fr)`
     );
   }
   columns2.push("value");
   const hasValueObjs = scannerSummaries.some((s) => s.valueType === "object");
   if (hasValueObjs) {
-    gridColParts.push("5fr");
+    const obj = scannerSummaries[0]?.value;
+    if (obj && typeof obj === "object" && !Array.isArray(obj)) {
+      const maxKeyLen = Object.keys(obj).reduce((max2, key2) => {
+        return Math.max(max2, key2.length);
+      }, 0);
+      const maxValueLen = Object.values(obj).reduce((max2, val) => {
+        const valStr = val !== void 0 && val !== null ? String(val) : "";
+        return Math.max(max2, valStr.length);
+      }, 0);
+      gridColParts.push(
+        `minmax(${Math.min(Math.max((maxKeyLen + maxValueLen) * 10, 135), 400)}px, 2fr)`
+      );
+    } else {
+      gridColParts.push("3fr");
+    }
   } else {
     const maxValueLen = scannerSummaries.reduce((max2, s) => {
       if (s.valueType === "array") {
@@ -124725,6 +125093,13 @@ const optimalColumnLayout = (scannerSummaries) => {
       `minmax(${Math.min(Math.max(maxValueLen * 4, 50), 300)}px, 1fr)`
     );
   }
+  const hasValidations = scannerSummaries.some(
+    (s) => s.validationResult !== void 0
+  );
+  if (hasValidations) {
+    columns2.push("validations");
+    gridColParts.push("1fr");
+  }
   const hasErrors = scannerSummaries.some((s) => !!s.scanError);
   if (hasErrors) {
     const maxErrorLen = scannerSummaries.reduce((max2, s) => {
@@ -124765,6 +125140,10 @@ const ScanResultsBody = () => {
   const isLoading = useStore((state) => state.loading);
   const hasScanner = (columnTable?.numRows() || 0) > 0;
   const error2 = useStore((state) => state.scopedErrors["dataframe"]);
+  const dataframeWrapText = useStore((state) => state.dataframeWrapText);
+  const setVisibleScannerResultsCount = useStore(
+    (state) => state.setVisibleScannerResultsCount
+  );
   const navigate = useNavigate();
   const params = useParams();
   const [searchParams] = useSearchParams();
@@ -124788,15 +125167,19 @@ const ScanResultsBody = () => {
       selectedResultsView === kSegmentDataframe && /* @__PURE__ */ jsxRuntimeExports.jsx(
         DataframeView,
         {
+          options: { maxStrLen: 1024 },
           columnTable,
           sortedColumns,
+          showRowNumbers: true,
+          wrapText: dataframeWrapText,
           onRowDoubleClicked: (row2) => {
             const uuid = row2.uuid;
             if (uuid) {
               const route = scanResultRoute(scanPath, uuid, searchParams);
               void navigate(route);
             }
-          }
+          },
+          onVisibleRowCountChanged: setVisibleScannerResultsCount
         }
       )
     ] }),
@@ -124823,19 +125206,21 @@ const sortColumns = (a2, b) => {
     return indexA - indexB;
   }
 };
-const container$2 = "_container_cnarm_1";
-const entry = "_entry_cnarm_5";
-const selected = "_selected_cnarm_9";
-const titleBlock = "_titleBlock_cnarm_13";
-const subTitle = "_subTitle_cnarm_17";
-const title = "_title_cnarm_13";
+const container$2 = "_container_1a0yr_1";
+const entry = "_entry_1a0yr_5";
+const selected = "_selected_1a0yr_9";
+const titleBlock = "_titleBlock_1a0yr_13";
+const subTitle = "_subTitle_1a0yr_17";
+const title = "_title_1a0yr_13";
+const validationTable = "_validationTable_1a0yr_36";
 const styles$4 = {
   container: container$2,
   entry,
   selected,
   titleBlock,
   subTitle,
-  title
+  title,
+  validationTable
 };
 const ScanResultsOutline = () => {
   const selectedStatus = useStore((state) => state.selectedScanStatus);
@@ -124891,7 +125276,7 @@ const ScanResultsRow = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           LabeledValue,
           {
-            label: "Results",
+            label: "Positive Results",
             layout: "row",
             className: clsx("text-size-smallest"),
             children: entry2.results
@@ -124906,13 +125291,13 @@ const ScanResultsRow = ({
             children: entry2.errors
           }
         ),
-        !!entry2.validations && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        entry2.validations !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           LabeledValue,
           {
             label: "Validations",
-            layout: "row",
+            layout: typeof entry2.validations === "number" ? "row" : "column",
             className: clsx("text-size-smallest"),
-            children: entry2.validations
+            children: typeof entry2.validations === "number" ? formatPercent(entry2.validations) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValidationTable, { validations: entry2.validations })
           }
         )
       ]
@@ -124935,6 +125320,7 @@ const toEntries = (status) => {
         formattedParams.push(`${key2}=${JSON.stringify(value2)}`);
       }
     }
+    const validations = summary2?.validations ? resolveValidations(summary2.validations) : void 0;
     entries2.push({
       icon: ApplicationIcons.scorer,
       title: scanner,
@@ -124942,11 +125328,45 @@ const toEntries = (status) => {
       scans: summary2?.scans || 0,
       tokens: summary2?.tokens,
       errors: summary2?.errors,
-      params: formattedParams
+      params: formattedParams,
+      validations
     });
   }
   return entries2;
 };
+const resolveValidations = (validations) => {
+  if (validations.length === 0) {
+    return void 0;
+  }
+  const first2 = validations[0];
+  if (typeof first2 === "boolean") {
+    const correct = validations.reduce((count2, v) => count2 + (v ? 1 : 0), 0);
+    const total = validations.length;
+    return correct / total;
+  } else {
+    const counts = {};
+    const total = validations.length;
+    for (const validation2 of validations) {
+      if (typeof validation2 === "object") {
+        for (const [key2, value2] of Object.entries(validation2)) {
+          if (value2) {
+            counts[key2] = (counts[key2] || 0) + 1;
+          }
+        }
+      }
+    }
+    for (const key2 of Object.keys(counts)) {
+      counts[key2] = (counts[key2] || 0) / total;
+    }
+    return counts;
+  }
+};
+const ValidationTable = ({ validations }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.validationTable), children: Object.entries(validations).map(([key2, value2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.validationKey), children: key2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.validationValue), children: formatPercent(value2) })
+  ] }, key2)) });
+};
 const container$1 = "_container_1db6h_1";
 const footer = "_footer_1db6h_8";
 const styles$3 = {
@@ -124954,7 +125374,9 @@ const styles$3 = {
   footer
 };
 const ScanResultsPanel = () => {
-  const visibleItems = useStore((state) => state.visibleScannerResults);
+  const visibleItemsCount = useStore(
+    (state) => state.visibleScannerResultsCount
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$3.container), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(ScanResultsOutline, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ScanResultsBody, {}),
@@ -124963,7 +125385,7 @@ const ScanResultsPanel = () => {
       {
         id: "",
         className: styles$3.footer,
-        itemCount: visibleItems.length,
+        itemCount: visibleItemsCount,
         paginated: false,
         labels: {
           singular: "result",
@@ -125110,6 +125532,8 @@ const ScannerPanelBody = () => {
     const hasManyLogs = logCount > 1;
     const idStrs = visibleScannerResults.map((summary2) => resultIdentifierStr(summary2)).filter((id2) => id2 !== void 0);
     const hasRepeatedIds = idStrs.length !== new Set(idStrs).size;
+    const epochStrs = visibleScannerResults.map((summary2) => summary2.transcriptMetadata.epoch).filter((e) => e !== void 0);
+    const hasEpochs = new Set(epochStrs).size > 1;
     const options = [];
     if (hasLabel) {
       options.push("label");
@@ -125120,6 +125544,9 @@ const ScannerPanelBody = () => {
     if (hasRepeatedIds) {
       options.push("id");
     }
+    if (hasEpochs) {
+      options.push("epoch");
+    }
     return options;
   }, [selectedScanner, visibleScannerResults]);
   const tools2 = [];
@@ -125130,6 +125557,9 @@ const ScannerPanelBody = () => {
     if (selectedResultsView === kSegmentList) {
       tools2.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ScanResultsFilter, {}, "scan-results-filtering"));
     }
+    if (selectedResultsView === kSegmentDataframe) {
+      tools2.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ScanDataframeWrapTextButton, {}));
+    }
     if (selectedResultsView === kSegmentList && groupOptions.length > 0) {
       tools2.push(
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -125242,7 +125672,7 @@ const ScannerPanelTitle = () => {
   const errorCount = selectedStatus?.errors.length || 0;
   const status = selectedStatus === void 0 ? "" : selectedStatus.complete ? "Complete" : "Incomplete";
   const scanJobName = selectedStatus?.spec.scan_name === "job" ? "scan" : selectedStatus?.spec.scan_name;
-  const transcriptCount = selectedStatus?.spec.transcripts.count || 0;
+  const transcriptCount = selectedStatus?.spec.transcripts?.count || 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles.scanTitleView), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles.leftColumn), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { children: [
@@ -125813,6 +126243,7 @@ export {
   App,
   StoreProvider,
   apiScoutServer,
-  createStore$1 as createStore
+  createStore$1 as createStore,
+  useStore
 };
 //# sourceMappingURL=index.js.map