inspect-ai 0.3.70__py3-none-any.whl → 0.3.72__py3-none-any.whl

inspect_ai/_view/www/src/components/NavPills.tsx

@@ -1,5 +1,5 @@
 import { clsx } from "clsx";
-import { ReactElement, useState } from "react";
+import { FC, ReactElement, ReactNode, useState } from "react";
 import styles from "./NavPills.module.css";
 
 interface NavPillChildProps {
@@ -11,13 +11,14 @@ interface NavPillsProps {
   children?: ReactElement<NavPillChildProps>[];
 }
 
-export const NavPills: React.FC<NavPillsProps> = ({ children }) => {
-  if (!children?.length) {
-    return null;
+export const NavPills: FC<NavPillsProps> = ({ children }) => {
+  const [activeItem, setActiveItem] = useState(
+    children ? children[0].props["title"] : null,
+  );
+  if (!activeItem || !children) {
+    return undefined;
   }
 
-  const [activeItem, setActiveItem] = useState(children[0].props["title"]);
-
   // Create Nav Pills for each child
   const navPills = children.map((nav, idx) => {
     const title =
@@ -66,10 +67,10 @@ interface NavPillProps {
   title: string;
   activeItem: string;
   setActiveItem: (item: string) => void;
-  children?: React.ReactNode;
+  children?: ReactNode;
 }
 
-const NavPill: React.FC<NavPillProps> = ({
+const NavPill: FC<NavPillProps> = ({
   title,
   activeItem,
   setActiveItem,

inspect_ai/_view/www/src/components/ProgressBar.tsx

@@ -1,10 +1,11 @@
+import { FC } from "react";
 import styles from "./ProgressBar.module.css";
 
 interface ProgressBarProps {
   animating: boolean;
 }
 
-export const ProgressBar: React.FC<ProgressBarProps> = ({ animating }) => {
+export const ProgressBar: FC<ProgressBarProps> = ({ animating }) => {
   return (
     <div className={styles.wrapper}>
       <div

inspect_ai/_view/www/src/components/TabSet.tsx

@@ -1,10 +1,15 @@
 import clsx from "clsx";
 import {
   Children,
+  CSSProperties,
+  FC,
   Fragment,
   isValidElement,
   MouseEvent,
   ReactElement,
+  ReactNode,
+  RefObject,
+  UIEvent,
   useCallback,
   useEffect,
   useRef,
@@ -17,7 +22,7 @@ interface TabSetProps {
   className?: string | string[];
   tabPanelsClassName?: string | string[];
   tabControlsClassName?: string | string;
-  tools?: React.ReactNode;
+  tools?: ReactNode;
   children:
     | ReactElement<TabPanelProps>
     | (ReactElement<TabPanelProps> | null | undefined)[];
@@ -27,19 +32,19 @@ interface TabPanelProps {
   id: string;
   index?: number;
   selected?: boolean;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   scrollable?: boolean;
-  scrollRef?: React.RefObject<HTMLDivElement | null>;
+  scrollRef?: RefObject<HTMLDivElement | null>;
   className?: string | string[];
   scrollPosition?: number;
   setScrollPosition?: (position: number) => void;
-  children?: React.ReactNode;
+  children?: ReactNode;
   title: string;
   icon?: string;
   onSelected: (e: MouseEvent<HTMLElement>) => void;
 }
 
-export const TabSet: React.FC<TabSetProps> = ({
+export const TabSet: FC<TabSetProps> = ({
   id,
   type = "tabs",
   className,
@@ -76,9 +81,9 @@ export const TabSet: React.FC<TabSetProps> = ({
 };
 
 // Individual Tab Component
-const Tab: React.FC<{
+const Tab: FC<{
   type?: "tabs" | "pills";
-  tab: React.ReactElement<TabPanelProps>;
+  tab: ReactElement<TabPanelProps>;
   index: number;
   className?: string | string[];
 }> = ({ type = "tabs", tab, index, className }) => {
@@ -114,9 +119,9 @@ const Tab: React.FC<{
 };
 
 // Tab Panels Container
-const TabPanels: React.FC<{
+const TabPanels: FC<{
   id: string;
-  tabs: React.ReactElement<TabPanelProps>[];
+  tabs: ReactElement<TabPanelProps>[];
   className?: string | string[];
 }> = ({ id, tabs, className }) => (
   <div className={clsx("tab-content", className)} id={`${id}-content`}>
@@ -127,7 +132,7 @@ const TabPanels: React.FC<{
 );
 
 // Individual Tab Panel
-export const TabPanel: React.FC<TabPanelProps> = ({
+export const TabPanel: FC<TabPanelProps> = ({
   id,
   selected,
   style,
@@ -139,7 +144,8 @@ export const TabPanel: React.FC<TabPanelProps> = ({
   children,
 }) => {
   const tabContentsId = computeTabContentsId(id);
-  const tabContentsRef = scrollRef || useRef<HTMLDivElement>(null);
+  const panelRef = useRef<HTMLDivElement>(null);
+  const tabContentsRef = scrollRef || panelRef;
 
   useEffect(() => {
     if (!selected || scrollPosition === undefined || !tabContentsRef.current)
@@ -162,7 +168,7 @@ export const TabPanel: React.FC<TabPanelProps> = ({
 
   // Handle scrolling
   const onScroll = useCallback(
-    (e: React.UIEvent<HTMLDivElement>) => {
+    (e: UIEvent<HTMLDivElement>) => {
       if (setScrollPosition) {
         setScrollPosition(e.currentTarget.scrollTop);
       }
@@ -190,7 +196,7 @@ export const TabPanel: React.FC<TabPanelProps> = ({
 };
 
 // Tab Tools Component
-const TabTools: React.FC<{ tools?: React.ReactNode }> = ({ tools }) => (
+const TabTools: FC<{ tools?: ReactNode }> = ({ tools }) => (
   <div className={clsx("tab-tools", moduleStyles.tabTools)}>{tools}</div>
 );
 
@@ -199,11 +205,11 @@ const computeTabId = (id: string, index: number) => `${id}-${index}`;
 const computeTabContentsId = (id: string) => `${id}-contents`;
 
 const flattenChildren = (
-  children: React.ReactNode,
+  children: ReactNode,
 ): ReactElement<TabPanelProps>[] => {
   return Children.toArray(children).flatMap((child) => {
     if (isValidElement(child)) {
-      const element = child as React.ReactElement<any>;
+      const element = child as ReactElement<any>;
 
       if (element.type === Fragment) {
         return flattenChildren(element.props.children);

inspect_ai/_view/www/src/index.tsx

@@ -74,7 +74,7 @@ function filterLargeSample(state: ApplicationState) {
 
   const estimatedTotalSize = estimateSize(state.selectedSample.messages);
   if (estimatedTotalSize > 400000) {
-    const { selectedSample, ...filteredState } = state; // eslint-disable-line
+    const { selectedSample, ...filteredState } = state;
     return filteredState;
   } else {
     return state;
@@ -91,7 +91,7 @@ function filterLargeSelectedLog(state: ApplicationState) {
     state.selectedLog.contents.sampleSummaries,
   );
   if (estimatedSize > 400000) {
-    const { selectedLog, ...filteredState } = state; // eslint-disable-line
+    const { selectedLog, ...filteredState } = state;
     return filteredState;
   } else {
     return state;

inspect_ai/_view/www/src/metadata/MetaDataGrid.tsx

@@ -1,12 +1,12 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { CSSProperties, FC, Fragment } from "react";
 import styles from "./MetadataGrid.module.css";
 import { RenderedContent } from "./RenderedContent";
 
 interface MetadataGridProps {
   id?: string;
   className?: string | string[];
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   entries: Record<string, unknown>;
   plain?: boolean;
 }
@@ -14,7 +14,7 @@ interface MetadataGridProps {
 /**
  * Renders the MetaDataView component.
  */
-export const MetaDataGrid: React.FC<MetadataGridProps> = ({
+export const MetaDataGrid: FC<MetadataGridProps> = ({
   id,
   entries,
   className,
@@ -27,12 +27,14 @@ export const MetaDataGrid: React.FC<MetadataGridProps> = ({
     const id = `${baseId}-value-${index}`;
     return (
       <Fragment key={`${baseId}-record-${index}`}>
-        <div
-          style={{
-            gridColumn: "1 / -1",
-            borderBottom: `${!plain ? "solid 1px var(--bs-light-border-subtle" : ""}`,
-          }}
-        ></div>
+        {index !== 0 ? (
+          <div
+            style={{
+              gridColumn: "1 / -1",
+              borderBottom: `${!plain ? "solid 1px var(--bs-light-border-subtle" : ""}`,
+            }}
+          ></div>
+        ) : undefined}
         <div
           className={clsx(
             `${baseId}-key`,

inspect_ai/_view/www/src/metadata/MetaDataView.tsx

@@ -1,10 +1,11 @@
 import clsx from "clsx";
+import { CSSProperties, FC } from "react";
 import styles from "./MetaDataView.module.css";
 import { RenderedContent } from "./RenderedContent";
 
 interface MetadataViewProps {
   id?: string;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
   entries: Record<string, unknown>;
   tableOptions?: string;
   compact?: boolean;
@@ -14,7 +15,7 @@ interface MetadataViewProps {
 /**
  * Renders the MetaDataView component.
  */
-export const MetaDataView: React.FC<MetadataViewProps> = ({
+export const MetaDataView: FC<MetadataViewProps> = ({
   id,
   style,
   entries,

inspect_ai/_view/www/src/metadata/MetadataGrid.module.css

@@ -2,6 +2,7 @@
   display: grid;
   grid-template-columns: max-content auto;
   column-gap: 1em;
+  row-gap: 0.2em;
 }
 
 .cell {

inspect_ai/_view/www/src/metadata/RenderedContent.tsx

@@ -7,6 +7,8 @@ import { MetaDataView } from "./MetaDataView";
 
 import clsx from "clsx";
 import React, { Fragment, JSX } from "react";
+import JSONPanel from "../components/JsonPanel";
+import { isJson } from "../utils/json";
 import styles from "./RenderedContent.module.css";
 import { Buckets, ContentRenderer } from "./types";
 
@@ -79,6 +81,20 @@ const contentRenderers: Record<string, ContentRenderer> = {
       };
     },
   },
+  JsonString: {
+    bucket: Buckets.first,
+    canRender: (entry) => {
+      if (typeof entry.value === "string") {
+        const trimmed = entry.value.trim();
+        return isJson(trimmed);
+      }
+      return false;
+    },
+    render: (_id, entry) => {
+      const obj = JSON.parse(entry.value);
+      return { rendered: <JSONPanel data={obj as Record<string, unknown>} /> };
+    },
+  },
   Model: {
     bucket: Buckets.intermediate,
     canRender: (entry) => {

inspect_ai/_view/www/src/plan/DatasetDetailView.tsx

@@ -2,14 +2,15 @@ import clsx from "clsx";
 import { MetaDataView } from "../metadata/MetaDataView";
 import { EvalDataset } from "../types/log";
 
+import { CSSProperties, FC } from "react";
 import styles from "./DatasetDetailView.module.css";
 
 interface DatasetDetailViewProps {
   dataset: EvalDataset;
-  style?: React.CSSProperties;
+  style?: CSSProperties;
 }
 
-export const DatasetDetailView: React.FC<DatasetDetailViewProps> = ({
+export const DatasetDetailView: FC<DatasetDetailViewProps> = ({
   dataset,
   style,
 }) => {

inspect_ai/_view/www/src/plan/DetailStep.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { MetaDataView } from "../metadata/MetaDataView";
 import styles from "./DatasetDetailView.module.css";
 
@@ -9,7 +10,7 @@ interface DetailStepProps {
   className?: string | string[];
 }
 
-export const DetailStep: React.FC<DetailStepProps> = ({
+export const DetailStep: FC<DetailStepProps> = ({
   icon,
   name,
   params,

inspect_ai/_view/www/src/plan/PlanCard.tsx

@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import { Card, CardBody, CardHeader } from "../components/Card";
 import { EvalPlan, EvalScore, EvalSpec } from "../types/log";
@@ -12,11 +13,7 @@ interface PlanCardProps {
 /**
  * Renders the plan card
  */
-export const PlanCard: React.FC<PlanCardProps> = ({
-  evalSpec,
-  evalPlan,
-  scores,
-}) => {
+export const PlanCard: FC<PlanCardProps> = ({ evalSpec, evalPlan, scores }) => {
   return (
     <Card>
       <CardHeader icon={ApplicationIcons.config} label="Config" />

inspect_ai/_view/www/src/plan/PlanDetailView.tsx

@@ -7,6 +7,7 @@ import { ScorerDetailView } from "./ScorerDetailView";
 import { SolversDetailView } from "./SolverDetailView";
 
 import clsx from "clsx";
+import { FC, ReactNode } from "react";
 import styles from "./PlanDetailView.module.css";
 
 interface PlanDetailViewProps {
@@ -15,7 +16,7 @@ interface PlanDetailViewProps {
   scores?: EvalScore[];
 }
 
-export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
+export const PlanDetailView: FC<PlanDetailViewProps> = ({
   evaluation,
   plan,
   scores,
@@ -88,7 +89,7 @@ export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
   const taskColumns: {
     title: string;
     className: string | string[];
-    contents: React.ReactNode;
+    contents: ReactNode;
   }[] = [];
   taskColumns.push({
     title: "Dataset",
@@ -145,7 +146,7 @@ export const PlanDetailView: React.FC<PlanDetailViewProps> = ({
   const metadataColumns: {
     title: string;
     className: string;
-    contents: React.ReactNode;
+    contents: ReactNode;
   }[] = [];
   const cols = colCount(
     metadataColumns,
@@ -297,14 +298,10 @@ const colCount = (...other: unknown[]) => {
 interface PlanColumnProps {
   title: string;
   className: string | string[];
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
-const PlanColumn: React.FC<PlanColumnProps> = ({
-  title,
-  className,
-  children,
-}) => {
+const PlanColumn: FC<PlanColumnProps> = ({ title, className, children }) => {
   return (
     <div className={clsx(className)}>
       <div

inspect_ai/_view/www/src/plan/ScorerDetailView.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import styles from "./DatasetDetailView.module.css";
 import { DetailStep } from "./DetailStep";
@@ -9,7 +10,7 @@ interface ScorerDetailViewProps {
   params: Record<string, unknown>;
 }
 
-export const ScorerDetailView: React.FC<ScorerDetailViewProps> = ({
+export const ScorerDetailView: FC<ScorerDetailViewProps> = ({
   name,
   scores,
   params,

inspect_ai/_view/www/src/plan/SolverDetailView.tsx

@@ -1,15 +1,15 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC, Fragment } from "react";
 import { ApplicationIcons } from "../appearance/icons";
 import { Steps } from "../types/log";
 import { DetailStep } from "./DetailStep";
 import styles from "./SolverDetailView.module.css";
 
-interface SolversDetailView {
+interface SolversDetailViewProps {
   steps: Steps;
 }
 
-export const SolversDetailView: React.FC<SolversDetailView> = ({ steps }) => {
+export const SolversDetailView: FC<SolversDetailViewProps> = ({ steps }) => {
   const separator = (
     <div className={clsx(styles.items, "text-size-small", styles.separator)}>
       <i className={ApplicationIcons.arrows.right} />

inspect_ai/_view/www/src/samples/InlineSampleDisplay.tsx

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { FC, RefObject } from "react";
 import { ErrorPanel } from "../components/ErrorPanel";
 import { ProgressBar } from "../components/ProgressBar";
 import { EvalSample } from "../types/log";
@@ -21,7 +21,7 @@ interface InlineSampleDisplayProps {
 /**
  * Inline Sample Display
  */
-export const InlineSampleDisplay: React.FC<InlineSampleDisplayProps> = ({
+export const InlineSampleDisplay: FC<InlineSampleDisplayProps> = ({
   id,
   sample,
   sampleStatus,

inspect_ai/_view/www/src/samples/SampleDialog.tsx

@@ -1,7 +1,7 @@
 import { ApplicationIcons } from "../appearance/icons";
 import { LargeModal, ModalTool, ModalTools } from "../components/LargeModal";
 
-import { Ref, RefObject, useCallback, useMemo, useRef } from "react";
+import { FC, Ref, RefObject, useCallback, useMemo, useRef } from "react";
 import { ErrorPanel } from "../components/ErrorPanel";
 import { EvalSample } from "../types/log";
 import { SampleDisplay } from "./SampleDisplay";
@@ -27,7 +27,7 @@ interface SampleDialogProps {
 /**
  * Inline Sample Display
  */
-export const SampleDialog: React.FC<SampleDialogProps> = ({
+export const SampleDialog: FC<SampleDialogProps> = ({
   id,
   title,
   sample,
@@ -84,7 +84,7 @@ export const SampleDialog: React.FC<SampleDialogProps> = ({
           break;
       }
     },
-    [prevSample, nextSample],
+    [prevSample, nextSample, setShowingSampleDialog],
   );
 
   const onHide = useCallback(() => {

inspect_ai/_view/www/src/samples/SampleDisplay.tsx

@@ -10,7 +10,7 @@ import { ToolButton } from "../components/ToolButton";
 import { SampleScoreView } from "./scores/SampleScoreView";
 
 import clsx from "clsx";
-import { Fragment, MouseEvent, RefObject } from "react";
+import { FC, Fragment, MouseEvent, RefObject } from "react";
 import { Card, CardBody, CardHeader } from "../components/Card";
 import { EmptyPanel } from "../components/EmptyPanel";
 import { JSONPanel } from "../components/JsonPanel";
@@ -44,7 +44,7 @@ interface SampleDisplayProps {
 /**
  * Component to display a sample with relevant context and visibility control.
  */
-export const SampleDisplay: React.FC<SampleDisplayProps> = ({
+export const SampleDisplay: FC<SampleDisplayProps> = ({
   id,
   sample,
   sampleDescriptor,

inspect_ai/_view/www/src/samples/SampleSummaryView.tsx

@@ -5,7 +5,7 @@ import { arrayToString, formatTime, inputString } from "../utils/format";
 import { SamplesDescriptor } from "./descriptor/samplesDescriptor";
 import { FlatSampleError } from "./error/FlatSampleErrorView";
 
-import { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 import styles from "./SampleSummaryView.module.css";
 
 interface SampleSummaryViewProps {
@@ -26,7 +26,7 @@ interface SummaryColumn {
 /**
  * Component to display a sample with relevant context and visibility control.
  */
-export const SampleSummaryView: React.FC<SampleSummaryViewProps> = ({
+export const SampleSummaryView: FC<SampleSummaryViewProps> = ({
   parent_id,
   sample,
   sampleDescriptor,

inspect_ai/_view/www/src/samples/SamplesTools.tsx

@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { Fragment } from "react/jsx-runtime";
 import { ScoreFilter, ScoreLabel } from "../types";
 import { SamplesDescriptor } from "./descriptor/samplesDescriptor";
@@ -20,7 +21,7 @@ interface SampleToolsProps {
   sampleDescriptor: SamplesDescriptor;
 }
 
-export const SampleTools: React.FC<SampleToolsProps> = ({
+export const SampleTools: FC<SampleToolsProps> = ({
   epoch,
   setEpoch,
   epochs,

inspect_ai/_view/www/src/samples/chat/ChatMessage.tsx

@@ -1,7 +1,6 @@
 import clsx from "clsx";
-import { Fragment } from "react";
+import { FC } from "react";
 import ExpandablePanel from "../../components/ExpandablePanel";
-import { MarkdownDiv } from "../../components/MarkdownDiv";
 import {
   ChatMessageAssistant,
   ChatMessageSystem,
@@ -20,7 +19,7 @@ interface ChatMessageProps {
   toolCallStyle: "compact" | "complete";
 }
 
-export const ChatMessage: React.FC<ChatMessageProps> = ({
+export const ChatMessage: FC<ChatMessageProps> = ({
   id,
   message,
   toolMessages,
@@ -41,28 +40,13 @@ export const ChatMessage: React.FC<ChatMessageProps> = ({
         <i className={iconForMsg(message)} />
         {message.role}
       </div>
-      {message.role === "assistant" && message.reasoning ? (
-        <Fragment key={`${id}-response-label`}>
-          <div className={clsx("text-style-label", "text-style-secondary")}>
-            Reasoning
-          </div>
-          <ExpandablePanel collapse={true}>
-            <MarkdownDiv markdown={message.reasoning} />
-          </ExpandablePanel>
-        </Fragment>
-      ) : undefined}
       <div
         className={clsx(
           styles.messageContents,
           indented ? styles.indented : undefined,
         )}
       >
-        {message.role === "assistant" && message.reasoning ? (
-          <div className={clsx("text-style-label", "text-style-secondary")}>
-            Response
-          </div>
-        ) : undefined}
-        <ExpandablePanel collapse={collapse}>
+        <ExpandablePanel collapse={collapse} lines={30}>
           <MessageContents
             key={`${id}-contents`}
             message={message}

inspect_ai/_view/www/src/samples/chat/ChatMessageRenderer.tsx

@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { NavPills } from "../../components/NavPills.tsx";
 import { Buckets, ContentRenderer } from "../../metadata/types.ts";
 import {
@@ -37,7 +38,7 @@ export const ChatMessageRenderer: ContentRenderer = {
 /**
  * Represents a chat summary component that renders a list of chat messages.
  */
-export const ChatSummary: React.FC<{
+export const ChatSummary: FC<{
   id: string;
   title?: string;
   messages: (

inspect_ai/_view/www/src/samples/chat/ChatMessageRow.tsx

@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { ChatMessage } from "./ChatMessage";
 
+import { FC } from "react";
 import styles from "./ChatMessageRow.module.css";
 import { ResolvedMessage } from "./messages";
 
@@ -15,7 +16,7 @@ interface ChatMessageRowProps {
 /**
  * Renders the ChatMessage component.
  */
-export const ChatMessageRow: React.FC<ChatMessageRowProps> = ({
+export const ChatMessageRow: FC<ChatMessageRowProps> = ({
   parentName,
   number,
   resolvedMessage,

inspect_ai/_view/www/src/samples/chat/ChatView.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { FC } from "react";
 import { Messages } from "../../types/log";
 import { ChatMessageRow } from "./ChatMessageRow";
 import { resolveMessages } from "./messages";
@@ -16,7 +17,7 @@ interface ChatViewProps {
 /**
  * Renders the ChatView component.
  */
-export const ChatView: React.FC<ChatViewProps> = ({
+export const ChatView: FC<ChatViewProps> = ({
   id,
   messages,
   toolCallStyle = "complete",