inspect-ai 0.3.62__py3-none-any.whl → 0.3.64__py3-none-any.whl

inspect_ai/_view/www/src/components/DownloadPanel.mjs

@@ -1,29 +0,0 @@
-import { html } from "htm/preact";
-
-import { DownloadButton } from "../components/DownloadButton.mjs";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-export const DownloadPanel = ({
-  message,
-  buttonLabel,
-  logFile,
-  fileName,
-  fileContents,
-}) => {
-  return html`<div
-    style=${{
-      display: "grid",
-      gridTemplateRows: "content content",
-      paddingTop: "3em",
-      justifyItems: "center",
-    }}
-  >
-    <div style=${{ fontSize: FontSize.small }}>${message}</div>
-    <${DownloadButton}
-      label=${buttonLabel}
-      logFile=${logFile}
-      fileName=${fileName}
-      fileContents=${fileContents}
-    />
-  </div>`;
-};

inspect_ai/_view/www/src/components/EmptyPanel.mjs

@@ -1,23 +0,0 @@
-import { html } from "htm/preact";
-
-export const EmptyPanel = ({ id, classes, height, style, children }) => {
-  const emptyStyle = {
-    display: "flex",
-    textAlign: "center",
-    flex: "0 0 content",
-    alignItems: "center",
-    justifyContent: "center",
-    height: height ? height : "10rem",
-  };
-  return html`
-    <div
-      ...${{ id }}
-      class="${classes ? classes : ""}"
-      style=${{ width: "100%" }}
-    >
-      <div style=${{ ...emptyStyle, ...style }}>
-        <div>${children || ""}</div>
-      </div>
-    </div>
-  `;
-};

inspect_ai/_view/www/src/components/ErrorPanel.mjs

@@ -1,66 +0,0 @@
-import { html } from "htm/preact";
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-export const ErrorPanel = ({ id, classes, title, error }) => {
-  const emptyStyle = {
-    display: "flex",
-    flex: "0 0 content",
-    alignItems: "center",
-    justifyContent: "center",
-  };
-  const message = error.message;
-  const stack = error.stack;
-  return html`
-    <div style=${{ overflowY: "auto", height: "100vh" }}>
-      <div
-        ...${{ id }}
-        class="${classes ? classes : ""}"
-        style=${{
-          ...emptyStyle,
-          flexDirection: "column",
-          minHeight: "10rem",
-          marginTop: "4rem",
-          marginBottom: "4em",
-          width: "100vw",
-        }}
-      >
-        <div style=${{ ...emptyStyle, fontSize: FontSize.larger }}>
-          <div>
-            <i
-              class="${ApplicationIcons.error}"
-              style="${{ marginRight: "0.5rem", color: "var(--bs-red)" }}"
-            ></i>
-          </div>
-          <div>${title || ""}</div>
-        </div>
-        <div
-          style=${{
-            display: "inline-block",
-            fontSize: FontSize.smaller,
-            marginTop: "1rem",
-            border: "solid 1px var(--bs-border-color)",
-            borderRadius: "var(--bs-border-radius)",
-            padding: "1em",
-            maxWidth: "80%",
-          }}
-        >
-          <div>
-            Error: ${message || ""}
-            ${stack &&
-            error.displayStack !== false &&
-            html`
-              <pre
-                style=${{ fontSize: FontSize.smaller, whiteSpace: "pre-wrap" }}
-              >
-            <code>
-              at ${stack}
-            </code>
-          </pre>
-            `}
-          </div>
-        </div>
-      </div>
-    </div>
-  `;
-};

inspect_ai/_view/www/src/components/ExpandablePanel.mjs

@@ -1,136 +0,0 @@
-import { html } from "htm/preact";
-import { useCallback, useEffect, useRef, useState } from "preact/hooks";
-
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-export const ExpandablePanel = ({
-  collapse,
-  border,
-  lines = 15,
-  style,
-  children,
-}) => {
-  const [collapsed, setCollapsed] = useState(collapse);
-  const [showToggle, setShowToggle] = useState(false);
-
-  const contentsRef = useRef(/** @type {HTMLElement|null} */ (null));
-  const observerRef = useRef(/** @type {IntersectionObserver|null} */ (null));
-
-  // Ensure that when content changes, we reset the collapse state.
-  useEffect(() => {
-    setCollapsed(collapse);
-  }, [children, collapse]);
-
-  const refreshCollapse = useCallback(() => {
-    if (collapse && contentsRef.current) {
-      const isScrollable =
-        contentsRef.current.offsetHeight < contentsRef.current.scrollHeight;
-      setShowToggle(isScrollable);
-    }
-  }, [collapse, setShowToggle, contentsRef]);
-
-  useEffect(() => {
-    refreshCollapse();
-  }, [children]);
-
-  // Determine whether we should show the toggle
-  useEffect(() => {
-    // When an entry is visible, check to see whether it is scrolling
-    observerRef.current = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          refreshCollapse();
-        }
-      });
-    });
-
-    if (contentsRef.current) {
-      observerRef.current.observe(contentsRef.current);
-    }
-
-    return () => {
-      if (observerRef.current && contentsRef.current) {
-        observerRef.current.unobserve(contentsRef.current);
-      }
-    };
-  }, [contentsRef, observerRef]);
-
-  // Enforce the line clamp if need be
-  let contentsStyle = { fontSize: FontSize.base };
-  if (collapse && collapsed) {
-    contentsStyle = {
-      ...contentsStyle,
-      maxHeight: `${lines}em`,
-      overflow: "hidden",
-    };
-  }
-
-  if (border) {
-    contentsStyle.border = "solid var(--bs-light-border-subtle) 1px";
-  }
-
-  return html`<div
-      class="expandable-panel"
-      ref=${contentsRef}
-      style=${{ ...contentsStyle, ...style }}
-    >
-      ${children}
-    </div>
-    ${showToggle
-      ? html`<${MoreToggle}
-          collapsed=${collapsed}
-          setCollapsed=${setCollapsed}
-          border=${!border}
-          style=${style}
-        />`
-      : ""}`;
-};
-
-const MoreToggle = ({ collapsed, border, setCollapsed, style }) => {
-  const text = collapsed ? "more" : "less";
-  const icon = collapsed
-    ? ApplicationIcons["expand-down"]
-    : ApplicationIcons.collapse.up;
-
-  const topStyle = {
-    display: "flex",
-    marginBottom: "0.5em",
-    ...style,
-  };
-
-  if (border) {
-    topStyle.borderTop = "solid var(--bs-light-border-subtle) 1px";
-    topStyle.marginTop = "0.5em";
-  } else {
-    topStyle.marginTop = "0";
-  }
-
-  return html`
-    <div style=${topStyle}>
-      <div
-        style=${{
-          display: "inline-block",
-          border: "solid var(--bs-light-border-subtle) 1px",
-          borderTop: "none",
-          marginLeft: "auto",
-          marginRight: "1em",
-        }}
-      >
-        <button
-          class="btn"
-          style=${{
-            fontSize: FontSize.smaller,
-            border: "none",
-            padding: "0.1rem .5rem",
-          }}
-          onclick=${() => {
-            setCollapsed(!collapsed);
-          }}
-        >
-          <i class="${icon}" /> ${text}
-        </button>
-      </div>
-    </div>
-  `;
-};

inspect_ai/_view/www/src/components/FindBand.mjs

@@ -1,157 +0,0 @@
-import { html } from "htm/preact";
-import { useEffect, useRef } from "preact/hooks";
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-export const FindBand = ({ hideBand }) => {
-  const searchBoxRef = useRef(/** @type {HTMLInputElement|null} */ (null));
-  useEffect(() => {
-    searchBoxRef.current.focus();
-  }, []);
-
-  const searchTerm = () => {
-    return searchBoxRef.current.value;
-  };
-
-  const search = (term, back) => {
-    const parentExpandablePanel = (selection) => {
-      // Get the anchor node (the starting node of the selection)
-      let node = selection.anchorNode;
-
-      // Traverse up the DOM tree to find the parent with the class 'expandable-panel'
-      let expandablePanelEl = undefined;
-      while (node) {
-        if (node.classList && node.classList.contains("expandable-panel")) {
-          expandablePanelEl = node;
-          break;
-        }
-        node = node.parentElement;
-      }
-      return expandablePanelEl;
-    };
-
-    // capture what is focused
-    const focusedElement = /** @type {HTMLElement} */ (document.activeElement);
-    // @ts-expect-error: `Window.find` is non-standard
-    const result = window.find(term, false, !!back, false, false, true, false);
-    const noResultEl = window.document.getElementById(
-      "inspect-find-no-results",
-    );
-    if (result) {
-      noResultEl.style.opacity = "0";
-      const selection = window.getSelection();
-      if (selection.rangeCount > 0) {
-        // See if the parent is an expandable panel and expand it
-        const parentPanel = parentExpandablePanel(selection);
-        if (parentPanel) {
-          parentPanel.style.display = "block";
-          parentPanel.style["-webkit-line-clamp"] = "";
-          parentPanel.style["-webkit-box-orient"] = "";
-        }
-
-        const range = selection.getRangeAt(0);
-        setTimeout(() => {
-          const element = range.startContainer.parentElement;
-          element.scrollIntoView({
-            behavior: "smooth", // Optional: adds a smooth scrolling animation
-            block: "center", // Optional: scrolls so the element is centered in the view
-          });
-        }, 100);
-      }
-    } else {
-      noResultEl.style.opacity = "1";
-    }
-
-    // Return focus to the previously focused element
-    if (focusedElement) {
-      focusedElement.focus();
-    }
-  };
-
-  return html`<div
-    style=${{
-      position: "absolute",
-      top: 0,
-      right: 0,
-      marginRight: "20%",
-      zIndex: "1060",
-      color: "var(--inspect-find-foreground)",
-      backgroundColor: "var(--inspect-find-background)",
-      fontSize: "0.9rem",
-      display: "grid",
-      gridTemplateColumns: "auto auto auto auto auto",
-      columnGap: "0.2em",
-      padding: "0.2rem",
-      borderBottom: "solid 1px var(--bs-light-border-subtle)",
-      borderLeft: "solid 1px var(--bs-light-border-subtle)",
-      borderRight: "solid 1px var(--bs-light-border-subtle)",
-      boxShadow: "var(--bs-box-shadow)",
-    }}
-  >
-    <input
-      type="text"
-      ref=${searchBoxRef}
-      style=${{
-        height: "2em",
-        fontSize: "0.9em",
-        margin: "0.1rem",
-        outline: "none",
-        border: "solid 1px var(--inspect-input-border)",
-        color: "var(--inspect-input-foreground)",
-        background: "var(--inspect-input-background)",
-      }}
-      placeholder="Find"
-      onkeydown=${(e) => {
-        if (e.key === "Escape") {
-          hideBand();
-        } else if (e.key === "Enter") {
-          search(searchTerm());
-        }
-      }}
-    />
-    <span
-      id="inspect-find-no-results"
-      style=${{
-        fontSize: FontSize.base,
-        opacity: 0,
-        marginTop: "auto",
-        marginBottom: "auto",
-        marginRight: "0.5em",
-      }}
-      >No results</span
-    >
-    <button
-      title="Previous match"
-      style=${{ padding: 0, fontSize: FontSize.larger }}
-      class="btn"
-      onclick=${() => {
-        search(searchTerm(), true);
-      }}
-    >
-      <i class=${ApplicationIcons.arrows.up}></i>
-    </button>
-    <button
-      title="Next match"
-      style=${{ padding: 0, fontSize: FontSize.larger }}
-      class="btn"
-      onclick=${() => {
-        search(searchTerm());
-      }}
-    >
-      <i class=${ApplicationIcons.arrows.down}></i>
-    </button>
-    <button
-      title="Close"
-      style=${{
-        padding: 0,
-        fontSize: FontSize["title-secondary"],
-        marginTop: "-0.1rem",
-        marginBottom: "-0.1rem",
-      }}
-      class="btn"
-      onclick=${() => hideBand()}
-    >
-      <i class=${ApplicationIcons.close}></i>
-    </button>
-  </div>`;
-};

inspect_ai/_view/www/src/components/HumanBaselineView.mjs

@@ -1,168 +0,0 @@
-// @ts-check
-import { html } from "htm/preact";
-import { useEffect } from "preact/hooks";
-import { formatDateTime, formatTime } from "../utils/Format.mjs";
-import { AsciiCinemaPlayer } from "./AsciiCinemaPlayer.mjs";
-import { TextStyle } from "../appearance/Fonts.mjs";
-import { LightboxCarousel } from "./LightboxCarousel.mjs";
-
-/**
- * @typedef {Object} SessionLog
- * @property {string} name - The name of this session
- * @property {string} user - The user for this session
- * @property {string} input - The input for this session
- * @property {string} output - The output for this session
- * @property {string} timing - The timing for this session
- */
-
-/**
- * Renders the HumanBaselineView component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {Date} props.started - When the baselining started
- * @param {boolean} props.running - Whether the baselining is running
- * @param {boolean} [props.completed] - Whether the baselining was completed
- * @param {number} [props.runtime] - Duration of baselining in seconds
- * @param {string} [props.answer] - The answer for the baselining
- * @param {SessionLog[]} [props.sessionLogs] - The session logs for the baselining
- * @returns {import("preact").JSX.Element} The component.
- */
-export const HumanBaselineView = ({
-  started,
-  runtime,
-  answer,
-  completed,
-  running,
-  sessionLogs,
-}) => {
-  const player_fns = [];
-
-  // handle creation and revoking of these URLs
-  const revokableUrls = [];
-  const revokableUrl = (data) => {
-    const blob = new Blob([data], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    revokableUrls.push(url);
-    return url;
-  };
-
-  useEffect(() => {
-    return () => {
-      revokableUrls.forEach((url) => URL.revokeObjectURL(url));
-    };
-  }, []);
-
-  // Make a player for each session log
-  let count = 1;
-  let maxCols = 0;
-
-  for (const sessionLog of sessionLogs) {
-    const rows = extractSize(sessionLog.output, "LINES");
-    const cols = extractSize(sessionLog.output, "COLUMNS");
-    maxCols = Math.max(maxCols, parseInt(cols));
-
-    const currentCount = count;
-    const title =
-      sessionLogs.length === 1
-        ? "Terminal Session"
-        : `Terminal Session ${currentCount}`;
-
-    player_fns.push({
-      label: title,
-      render: () => html`
-        <${AsciiCinemaPlayer}
-          id=${`player-${currentCount}`}
-          inputUrl=${revokableUrl(sessionLog.input)}
-          outputUrl=${revokableUrl(sessionLog.output)}
-          timingUrl=${revokableUrl(sessionLog.timing)}
-          rows=${rows}
-          cols=${cols}
-          style=${{
-            maxHeight: "100vh",
-            maxWidth: "100vw",
-            height: `${parseInt(rows) * 2}em`,
-            width: `${parseInt(cols) * 2}em`,
-          }}
-          fit="both"
-        />
-      `,
-    });
-    count += 1;
-  }
-
-  const StatusMessage = ({ completed, running, answer }) => {
-    if (running) {
-      return html`<span style=${{ ...TextStyle.label }}>Running</span>`;
-    } else if (completed) {
-      return html`<span style=${{ ...TextStyle.label, marginRight: "0.5em" }}
-          >Answer</span
-        ><span>${answer}</span>`;
-    } else {
-      return "Unknown status";
-    }
-  };
-
-  return html`<div style=${{ display: "flex", justifyContent: "center" }}>
-    <div
-      style=${{
-        display: "grid",
-        gridTemplateColumns: "1fr 1fr 1fr",
-        gridTemplateRows: "auto auto",
-        width: "100%",
-      }}
-    >
-      <div
-        style=${{
-          justifySelf: "start",
-          ...TextStyle.label,
-        }}
-      >
-        ${started ? formatDateTime(started) : ""}${runtime
-          ? ` (${formatTime(Math.floor(runtime))})`
-          : ""}
-      </div>
-      <div
-        style=${{
-          justifySelf: "center",
-          ...TextStyle.label,
-        }}
-      ></div>
-      <div
-        style=${{
-          justifySelf: "end",
-        }}
-      >
-        <${StatusMessage}
-          completed=${completed}
-          running=${running}
-          answer=${answer}
-        />
-      </div>
-      <div
-        style=${{
-          gridColumn: "span 3",
-          width: "100%",
-        }}
-      >
-        <${LightboxCarousel} slides=${player_fns} />
-      </div>
-    </div>
-  </div>`;
-};
-
-/**
- * Extracts a numeric size value from a string based on a given label.
- *
- * Searches the input string for a pattern matching the format `LABEL="VALUE"`,
- * where `LABEL` is the provided label and `VALUE` is a numeric value.
- *
- * @param {string} value - The input string to search within.
- * @param {string} label - The label to look for in the string.
- * @returns {string | undefined} The extracted size as a string if found, otherwise `undefined`.
- */
-const extractSize = (value, label) => {
-  const regex = new RegExp(`${label}="(\\d+)"`);
-  const match = value.match(regex);
-  const size = match ? match[1] : undefined;
-  return size;
-};

inspect_ai/_view/www/src/components/JsonPanel.mjs

@@ -1,61 +0,0 @@
-// @ts-check
-/// <reference path="../types/prism.d.ts" />
-import Prism from "prismjs";
-import "prismjs/components/prism-json";
-
-import { html } from "htm/preact";
-import { useEffect, useMemo, useRef } from "preact/hooks";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-const kPrismRenderMaxSize = 250000;
-
-/**
- * A panel component to render JSON data with syntax highlighting.
- *
- * @param {Object} props - The component properties.
- * @param {string} [props.id] - The code element id
- * @param {unknown} [props.data] - The JSON data to be rendered.
- * @param {string} [props.json] - The JSON data to be rendered.
- * @param {boolean} [props.simple] - Simple styling
- * @param {Object} [props.style] - Optional styles to apply to the panel.
- *
- * @returns {import('preact').JSX.Element} The rendered component.
- */
-export const JSONPanel = ({ id, json, data, simple, style }) => {
-  const codeRef = useRef();
-
-  const sourceCode = useMemo(() => {
-    return json || JSON.stringify(data, undefined, 2);
-  }, [json, data]);
-
-  useEffect(() => {
-    if (sourceCode.length < kPrismRenderMaxSize) {
-      Prism.highlightElement(codeRef.current);
-    }
-  }, [sourceCode]);
-
-  return html`<div>
-    <pre
-      style=${{
-        background: simple ? undefined : "var(--bs-light)",
-        width: "100%",
-        padding: "0.5em",
-        borderRadius: simple ? undefined : "var(--bs-border-radius)",
-        ...style,
-      }}
-      class="jsonPanel"
-    >
-    <code 
-      id=${id}
-      ref=${codeRef}
-      class="sourceCode language-javascript" 
-      style=${{
-      fontSize: FontSize.small,
-      whiteSpace: "pre-wrap",
-      wordWrap: "anywhere",
-    }}>
-      ${sourceCode}
-    </code>
-    </pre>
-  </div>`;
-};

inspect_ai/_view/www/src/components/LabeledValue.mjs

@@ -1,32 +0,0 @@
-import { html } from "htm/preact";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-
-export const LabeledValue = ({
-  label,
-  style,
-  valueStyle,
-  layout = "column",
-  children,
-}) => {
-  const flexDirection = layout === "column" ? "column" : "row";
-
-  return html` <div
-    style=${{
-      display: "flex",
-      flexDirection,
-      ...style,
-    }}
-  >
-    <div
-      style=${{
-        fontSize: FontSize.smaller,
-        marginBottom: "-0.2rem",
-        ...TextStyle.secondary,
-        ...TextStyle.label,
-      }}
-    >
-      ${label}
-    </div>
-    <div style=${{ fontSize: FontSize.base, ...valueStyle }}>${children}</div>
-  </div>`;
-};