@meridianlabs/log-viewer 0.3.193 → 0.3.196

package/lib/index.js

@@ -16820,12 +16820,54 @@ const resolveAttachments = (value2, attachments, onFailedResolve) => {
   }
   return value2;
 };
+const expandRefs = (refs, pool) => refs.flatMap(([start2, end_exclusive]) => pool.slice(start2, end_exclusive));
+const resolveEventRefs = (events, msgPool, callPool) => {
+  return events.map((event) => {
+    if (event.event !== "model") return event;
+    const resolved = Array.isArray(event.input_refs) ? {
+      ...event,
+      input: expandRefs(
+        event.input_refs,
+        msgPool
+      ),
+      input_refs: null
+    } : event;
+    if (!resolved.call || !Array.isArray(resolved.call.call_refs))
+      return resolved;
+    return {
+      ...resolved,
+      call: {
+        ...resolved.call,
+        request: {
+          ...resolved.call.request,
+          [resolved.call.call_key || "messages"]: expandRefs(
+            resolved.call.call_refs,
+            callPool
+          )
+        },
+        call_refs: null,
+        call_key: null
+      }
+    };
+  });
+};
+const resolvePools = (sample2) => {
+  const { message_pool, call_pool } = sample2;
+  if (!message_pool?.length && !call_pool?.length) return sample2;
+  return {
+    ...sample2,
+    events: resolveEventRefs(sample2.events, message_pool, call_pool),
+    message_pool: [],
+    call_pool: []
+  };
+};
 const resolveSample$1 = (sample2) => {
   sample2 = { ...sample2 };
   if (sample2.transcript) {
     sample2.events = sample2.transcript.events;
     sample2.attachments = sample2.transcript.content;
   }
+  sample2 = resolvePools(sample2);
   sample2.attachments = sample2.attachments || {};
   sample2.input = resolveAttachments(sample2.input, sample2.attachments);
   sample2.messages = resolveAttachments(sample2.messages, sample2.attachments);
@@ -97841,6 +97883,9 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
         results: header2.results,
         stats: header2.stats,
         error: header2.error,
+        tags: header2.tags,
+        metadata: header2.metadata,
+        log_updates: header2.log_updates,
         sampleSummaries
       };
       return result2;
@@ -97965,6 +98010,9 @@ const clientApi = (api2, log_file, debug2 = false) => {
         results: parsed.results,
         stats: parsed.stats,
         error: parsed.error,
+        tags: parsed.tags,
+        metadata: parsed.metadata,
+        log_updates: parsed.log_updates,
         sampleSummaries
       };
     }
@@ -98268,21 +98316,9 @@ const fetchManifest = async (log_dir) => {
     const parsed = await asyncJsonParse(text2);
     return { raw: text2, parsed };
   };
-  const handle404 = (response) => {
-    return response.status === 404;
-  };
-  const logs = await fetchFile(
-    log_dir + "/listing.json",
-    parseListing,
-    handle404
-  );
-  if (logs) {
-    return logs;
-  }
   return await fetchFile(
-    "./listing.json",
-    parseListing,
-    handle404
+    log_dir + "/listing.json",
+    parseListing
   );
 };
 const fetchJsonFile = async (file, handleError2) => {
@@ -99448,6 +99484,8 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
       const key2 = `tool-output-${idx}`;
       if (out.type === "text") {
         outputs.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: out.text }, key2));
+      } else if (out.type === "document") {
+        outputs.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentView, { id: key2, document: out }, key2));
       } else {
         if (out.image.startsWith("data:")) {
           outputs.push(
@@ -100211,12 +100249,7 @@ const resolveToolMessage = (toolMessage) => {
             }
           ]
         };
-      } else if (con.type === "text") {
-        return {
-          content: [con],
-          type: "tool"
-        };
-      } else if (con.type === "image") {
+      } else if (["text", "image", "document"].includes(con.type)) {
         return {
           content: [con],
           type: "tool"
@@ -100346,7 +100379,7 @@ const styles$1j = {
   container: container$k
 };
 const ChatMessageRow = ({
-  parentName,
+  id,
   number: number2,
   resolvedMessage,
   toolCallStyle,
@@ -100379,7 +100412,7 @@ const ChatMessageRow = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatMessage,
             {
-              id: `${parentName}-chat-messages`,
+              id: `${id}-chat-messages`,
               message: resolvedMessage.message,
               toolMessages: resolvedMessage.toolMessages,
               indented: indented2,
@@ -100404,7 +100437,7 @@ const ChatMessageRow = ({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChatMessage,
             {
-              id: `${parentName}-chat-messages`,
+              id: `${id}-chat-messages`,
               message: resolvedMessage.message,
               toolMessages: resolvedMessage.toolMessages,
               indented: indented2,
@@ -100515,10 +100548,11 @@ const ChatView = ({
   });
   const result2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(className2), children: collapsedMessages.map((msg, index) => {
     const number2 = collapsedMessages.length > 1 && numbered ? index + 1 : void 0;
+    const rowId = (id || "chat-view") + `-msg-${index}`;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       ChatMessageRow,
       {
-        parentName: id || "chat-view",
+        id: rowId,
         number: number2,
         resolvedMessage: msg,
         indented: indented2,
@@ -106577,7 +106611,7 @@ const ViewerOptionsPopover = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.fullWidth, styles$1d.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1d.logDir, children: logDir2 }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.193-0-gc78b82115" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.196-0-ged6b90e25" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
@@ -106730,8 +106764,14 @@ const Navbar = ({
   breadcrumbsEnabled
 }) => {
   const logDir2 = useStore((state) => state.logs.logDir);
-  const baseLogDir = dirname(logDir2 || "");
-  const baseLogName = basename(logDir2 || "");
+  const displayDir = logDir2 === "." ? basename(
+    window.location.pathname.substring(
+      0,
+      window.location.pathname.lastIndexOf("/")
+    )
+  ) : logDir2 || "";
+  const baseLogDir = dirname(displayDir);
+  const baseLogName = basename(displayDir);
   const pathContainerRef = useRef(null);
   const backUrl = fnNavigationUrl(
     ensureTrailingSlash(dirname(currentPath || "")),
@@ -167002,10 +167042,11 @@ const ChatViewVirtualListComponent = memo(
     const renderRow = useCallback(
       (index, item2) => {
         const number2 = collapsedMessages.length > 1 && numbered ? index + 1 : void 0;
+        const rowId = `${id}-msg-${index}`;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           ChatMessageRow,
           {
-            parentName: id || "chat-virtual-list",
+            id: rowId,
             number: number2,
             resolvedMessage: item2,
             indented: indented2,
@@ -167863,12 +167904,19 @@ const useTranscriptFilter = () => {
   const setDefaultFilter = useCallback(() => {
     setFilteredEventTypes([...kDefaultExcludeEvents]);
   }, [setFilteredEventTypes]);
+  const setNoneFilter = useCallback(() => {
+    setFilteredEventTypes(Object.keys(eventTypes));
+  }, [setFilteredEventTypes]);
   const isDefaultFilter = useMemo(() => {
     return filtered.length === kDefaultExcludeEvents.length && [...filtered].every((type) => kDefaultExcludeEvents.includes(type));
   }, [filtered]);
   const isDebugFilter = useMemo(() => {
     return filtered.length === 0;
   }, [filtered]);
+  const isNoneFilter = useMemo(() => {
+    const allTypes = Object.keys(eventTypes);
+    return filtered.length === allTypes.length && allTypes.every((type) => filtered.includes(type));
+  }, [filtered]);
   const arrangedEventTypes = useCallback((columns = 1) => {
     const keys = Object.keys(eventTypes);
     const sortedKeys = keys.sort((a, b) => {
@@ -167903,8 +167951,10 @@ const useTranscriptFilter = () => {
     filtered,
     isDefaultFilter,
     isDebugFilter,
+    isNoneFilter,
     setDefaultFilter,
     setDebugFilter,
+    setNoneFilter,
     filterEventType,
     eventTypes,
     arrangedEventTypes
@@ -167928,8 +167978,10 @@ const TranscriptFilterPopover = ({
   const {
     isDefaultFilter,
     isDebugFilter,
+    isNoneFilter,
     setDefaultFilter,
     setDebugFilter,
+    setNoneFilter,
     filterEventType,
     eventTypes: eventTypes2,
     filtered,
@@ -167968,6 +168020,18 @@ const TranscriptFilterPopover = ({
               onClick: () => setDebugFilter(),
               children: "Debug"
             }
+          ),
+          "|",
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "a",
+            {
+              className: clsx(
+                styles$U.link,
+                isNoneFilter ? styles$U.selected : void 0
+              ),
+              onClick: () => setNoneFilter(),
+              children: "None"
+            }
           )
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$U.grid, "text-size-smaller"), children: arrangedEventTypes(2).map((eventType) => {
@@ -180569,7 +180633,7 @@ const SampleDisplay = ({
   const toggleCollapsedMode = useCallback(() => {
     setCollapsedMode(isCollapsed(collapsedMode) ? "expanded" : "collapsed");
   }, [collapsedMode, setCollapsedMode]);
-  const { isDebugFilter, isDefaultFilter } = useTranscriptFilter();
+  const { isDebugFilter, isDefaultFilter, isNoneFilter } = useTranscriptFilter();
   const api2 = useStore((state) => state.api);
   const downloadFiles = useStore((state) => state.capabilities.downloadFiles);
   const tools2 = [];
@@ -180632,7 +180696,7 @@ const SampleDisplay = ({
     );
   }
   if (selectedTab === kSampleTranscriptTabId) {
-    const label2 = isDebugFilter ? "Debug" : isDefaultFilter ? "Default" : "Custom";
+    const label2 = isNoneFilter ? "None" : isDebugFilter ? "Debug" : isDefaultFilter ? "Default" : "Custom";
     tools2.push(
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ToolButton,
@@ -181691,9 +181755,10 @@ const PlanCard = ({
   evalSpec,
   evalPlan,
   scores: scores2,
+  metadata: metadataProp,
   scrollRef
 }) => {
-  const metadata2 = evalSpec?.metadata || {};
+  const metadata2 = metadataProp || {};
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Card, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CardHeader, { label: "Summary" }),
@@ -181719,7 +181784,7 @@ const PlanCard = ({
     ] })
   ] });
 };
-const useInfoTabConfig = (evalSpec, evalPlan, evalError, evalResults, evalStatus) => {
+const useInfoTabConfig = (evalSpec, evalPlan, evalError, evalResults, evalStatus, metadata2) => {
   const scrollRef = useRef(null);
   const totalSampleCount = useTotalSampleCount();
   return useMemo(() => {
@@ -181734,6 +181799,7 @@ const useInfoTabConfig = (evalSpec, evalPlan, evalError, evalResults, evalStatus
         evalError,
         evalResults,
         evalStatus,
+        metadata: metadata2,
         sampleCount: totalSampleCount,
         scrollRef
       },
@@ -181745,6 +181811,7 @@ const useInfoTabConfig = (evalSpec, evalPlan, evalError, evalResults, evalStatus
     evalError,
     evalResults,
     evalStatus,
+    metadata2,
     totalSampleCount
   ]);
 };
@@ -181753,6 +181820,7 @@ const InfoTab = ({
   evalPlan,
   evalResults,
   evalStatus,
+  metadata: metadata2,
   sampleCount,
   scrollRef
 }) => {
@@ -181772,6 +181840,7 @@ const InfoTab = ({
         evalSpec,
         evalPlan,
         scores: evalResults?.scores,
+        metadata: metadata2,
         scrollRef
       }
     ) })
@@ -181816,19 +181885,11 @@ const styles$n = {
   jsonTab
 };
 const kJsonMaxSize = 1e7;
-const useJsonTabConfig = (evalVersion, evalStatus, evalSpec, evalPlan, evalError, evalResults, evalStats) => {
+const useJsonTabConfig = (logDetails) => {
   const selectedLogFile = useStore((state) => state.logs.selectedLogFile);
   const selectedTab = useStore((state) => state.app.tabs.workspace);
   return useMemo(() => {
-    const evalHeader = {
-      version: evalVersion,
-      status: evalStatus,
-      eval: evalSpec,
-      plan: evalPlan,
-      error: evalError,
-      results: evalResults,
-      stats: evalStats
-    };
+    const { sampleSummaries: _, ...header2 } = logDetails ?? {};
     return {
       id: kLogViewJsonTabId,
       label: "JSON",
@@ -181836,7 +181897,7 @@ const useJsonTabConfig = (evalVersion, evalStatus, evalSpec, evalPlan, evalError
       component: JsonTab,
       componentProps: {
         logFile: selectedLogFile,
-        json: JSON.stringify(evalHeader, null, 2),
+        json: JSON.stringify(header2, null, 2),
         selected: selectedTab === kLogViewJsonTabId
       },
       tools: () => [
@@ -181853,17 +181914,7 @@ const useJsonTabConfig = (evalVersion, evalStatus, evalSpec, evalPlan, evalError
         )
       ]
     };
-  }, [
-    selectedLogFile,
-    evalVersion,
-    evalStatus,
-    evalSpec,
-    evalPlan,
-    evalError,
-    evalResults,
-    evalStats,
-    selectedTab
-  ]);
+  }, [selectedLogFile, logDetails, selectedTab]);
 };
 const copyFeedback = (e) => {
   const textEl = e.currentTarget.querySelector(".task-btn-copy-content");
@@ -203209,13 +203260,13 @@ const SampleStatusIcon = ({ status: status2 }) => {
   const colorClass = status2 === "error" ? styles$i.error : status2 === "cancelled" ? styles$i.cancelled : styles$i.success;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i.statusCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, colorClass) }) });
 };
-const mainLayout = "_mainLayout_1s8x3_1";
-const samplesListGrid = "_samplesListGrid_1s8x3_7";
-const cell = "_cell_1s8x3_44";
-const wrapAnywhere = "_wrapAnywhere_1s8x3_48";
-const noLeft = "_noLeft_1s8x3_52";
-const score = "_score_1s8x3_56";
-const centered = "_centered_1s8x3_63";
+const mainLayout = "_mainLayout_1pg7l_1";
+const samplesListGrid = "_samplesListGrid_1pg7l_7";
+const cell = "_cell_1pg7l_43";
+const wrapAnywhere = "_wrapAnywhere_1pg7l_47";
+const noLeft = "_noLeft_1pg7l_51";
+const score = "_score_1pg7l_55";
+const centered = "_centered_1pg7l_62";
 const styles$h = {
   mainLayout,
   samplesListGrid,
@@ -203857,7 +203908,7 @@ const grid$1 = "_grid_er9fb_1";
 const styles$e = {
   grid: grid$1
 };
-const useTaskTabConfig = (evalSpec, evalStats, earlyStopping) => {
+const useTaskTabConfig = (evalSpec, evalStats, earlyStopping, tags2) => {
   return useMemo(() => {
     return {
       id: kLogViewTaskTabId,
@@ -203867,15 +203918,17 @@ const useTaskTabConfig = (evalSpec, evalStats, earlyStopping) => {
       componentProps: {
         evalSpec,
         evalStats,
-        earlyStopping
+        earlyStopping,
+        tags: tags2
       }
     };
-  }, [evalSpec, evalStats, earlyStopping]);
+  }, [evalSpec, evalStats, earlyStopping, tags2]);
 };
 const TaskTab = ({
   evalSpec,
   evalStats,
-  earlyStopping
+  earlyStopping,
+  tags: tags2
 }) => {
   Object.entries(evalSpec?.config || {}).forEach((entry) => {
     entry[0];
@@ -203902,8 +203955,8 @@ const TaskTab = ({
       taskInformation["Inspect"] = names;
     }
   }
-  if (evalSpec?.tags) {
-    taskInformation["tags"] = evalSpec?.tags.join(", ");
+  if (tags2 && tags2.length > 0) {
+    taskInformation["tags"] = tags2.join(", ");
   }
   if (evalSpec?.sandbox) {
     if (Array.isArray(evalSpec?.sandbox)) {
@@ -205109,28 +205162,22 @@ const LogView = () => {
     selectedLogDetails?.plan,
     selectedLogDetails?.error,
     selectedLogDetails?.results,
-    selectedLogDetails?.status
+    selectedLogDetails?.status,
+    selectedLogDetails?.metadata
   );
   const errorTabConfig = useErrorTabConfig(selectedLogDetails?.error);
   const taskTabConfig = useTaskTabConfig(
     evalSpec,
     selectedLogDetails?.stats,
-    selectedLogDetails?.results?.early_stopping
+    selectedLogDetails?.results?.early_stopping,
+    selectedLogDetails?.tags
   );
   const modelsTabConfig = useModelsTab(
     evalSpec,
     selectedLogDetails?.stats,
     selectedLogDetails?.status
   );
-  const jsonTabConfig = useJsonTabConfig(
-    selectedLogDetails?.version,
-    selectedLogDetails?.status,
-    evalSpec,
-    selectedLogDetails?.plan,
-    selectedLogDetails?.error,
-    selectedLogDetails?.results,
-    selectedLogDetails?.stats
-  );
+  const jsonTabConfig = useJsonTabConfig(selectedLogDetails);
   const tabs2 = {
     ...samplesTabConfig ? { samples: samplesTabConfig } : {},
     task: taskTabConfig,