@meridianlabs/inspect-scout-viewer 0.4.13 → 0.4.15

package/lib/index.js

@@ -10571,7 +10571,8 @@ const ApplicationIcons = {
     operator: "bi bi-person-workspace",
     tokens: "bi bi-list",
     time: "bi bi-clock",
-    execution: "bi bi-stopwatch"
+    execution: "bi bi-stopwatch",
+    cost: "bi bi-currency-dollar"
   },
   link: "bi bi-link-45deg",
   logging: loggingIcons,
@@ -138246,16 +138247,18 @@ function isEventInput(input2) {
 function isEventsInput(input2) {
   return input2.inputType === "events";
 }
-const boolean = "_boolean_1uivt_1";
-const valueTable = "_valueTable_1uivt_24";
-const inline = "_inline_1uivt_31";
-const valueValue = "_valueValue_1uivt_31";
-const value$2 = "_value_1uivt_24";
+const boolean = "_boolean_8citi_1";
+const valueTable = "_valueTable_8citi_25";
+const valueKey = "_valueKey_8citi_32";
+const inline = "_inline_8citi_38";
+const valueValue = "_valueValue_8citi_38";
+const value$2 = "_value_8citi_25";
 const styles$Q = {
   boolean,
-  "true": "_true_1uivt_12",
-  "false": "_false_1uivt_18",
+  "true": "_true_8citi_13",
+  "false": "_false_8citi_19",
   valueTable,
+  valueKey,
   inline,
   valueValue,
   value: value$2
@@ -138375,25 +138378,53 @@ const ValueTable = ({
   references,
   style: style2
 }) => {
-  const keys2 = Object.keys(value2);
-  const keysToDisplay = keys2.slice(0, maxTableSize);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const sortedKeys = Object.keys(value2).sort((a2, b2) => {
+    const aVal = value2[a2];
+    const bVal = value2[b2];
+    if (typeof aVal === "boolean" && typeof bVal === "boolean") {
+      return Number(bVal) - Number(aVal);
+    } else if (typeof aVal === "number" && typeof bVal === "number") {
+      return bVal - aVal;
+    } else {
+      return 0;
+    }
+  });
+  const keysToDisplay = sortedKeys.slice(0, maxTableSize);
+  const notShown = Object.keys(value2).length - maxTableSize;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       className: clsx(
         styles$Q.valueTable,
         style2 === "inline" ? styles$Q.inline : styles$Q.block
       ),
-      children: keysToDisplay.map((key2, index) => {
-        const displayValue = renderValue(
-          index,
-          value2[key2],
-          result2,
-          references,
-          interactive
-        );
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: [
+        keysToDisplay.map((key2, index) => {
+          const displayValue = renderValue(
+            index,
+            value2[key2],
+            result2,
+            references,
+            interactive
+          );
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                className: clsx(
+                  styles$Q.valueKey,
+                  "text-style-label",
+                  "text-style-secondary",
+                  "text-size-smallest"
+                ),
+                children: key2
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Q.valueValue), children: displayValue })
+          ] }, `value-table-row-${key2}`);
+        }),
+        notShown > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
               className: clsx(
@@ -138402,12 +138433,15 @@ const ValueTable = ({
                 "text-style-secondary",
                 "text-size-smallest"
               ),
-              children: key2
+              children: [
+                notShown,
+                " more…"
+              ]
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Q.valueValue), children: displayValue })
-        ] }, `value-table-row-${key2}`);
-      })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$Q.valueValue) })
+        ] }, `value-table-row-more`)
+      ]
     }
   );
 };
@@ -140007,6 +140041,8 @@ const SampleLimitEventView = ({
         return "Operator Canceled";
       case "working":
         return "Execution Time Limit Exceeded";
+      case "cost":
+        return "Cost Limit Exceeded";
     }
   };
   const resolve_icon = (type) => {
@@ -140023,6 +140059,8 @@ const SampleLimitEventView = ({
         return ApplicationIcons.limits.operator;
       case "working":
         return ApplicationIcons.limits.execution;
+      case "cost":
+        return ApplicationIcons.limits.cost;
     }
   };
   const title2 = resolve_title(eventNode.event.type);
@@ -150180,7 +150218,7 @@ const optimalColumnLayout = (scannerSummaries) => {
         return Math.max(max2, valStr.length);
       }, 0);
       gridColParts.push(
-        `minmax(${Math.min(Math.max((maxKeyLen + maxValueLen) * 10, 135), 400)}px, 2fr)`
+        `minmax(${Math.min(Math.max((maxKeyLen + maxValueLen) * 10, 135), 200)}px, 4fr)`
       );
     } else {
       gridColParts.push("3fr");