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

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

@@ -1,92 +0,0 @@
-// @ts-check
-import { html } from "htm/preact";
-import { RenderedContent } from "./RenderedContent/RenderedContent.mjs";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-
-/**
- * Renders the MetaDataView component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.id - The ID for the table element.
- * @param {string} [props.classes] - Additional class names for the table element.
- * @param {Object} [props.style] - Inline styles for the table element.
- * @param {Object[]|Record<string, string>} props.entries - The metadata entries to display.
- * @param {boolean} [props.plain] - Whether to render the entries in plain mode.
- * @param {boolean} [props.compact] - Whether to render the table in compact mode.
- * @returns {import("preact").JSX.Element} The component.
- */
-export const MetaDataGrid = ({ id, entries, classes, style, plain }) => {
-  const baseId = "metadata-grid";
-
-  const cellKeyStyle = {
-    fontWeight: "400",
-    whiteSpace: "nowrap",
-    ...TextStyle.label,
-    ...TextStyle.secondary,
-  };
-  const cellValueStyle = {
-    whiteSpace: "pre-wrap",
-    wordWrap: "anywhere",
-    fontSize: FontSize.small,
-  };
-  const cellKeyTextStyle = {
-    fontSize: FontSize.small,
-  };
-
-  // entries can be either a Record<string, stringable>
-  // or an array of record with name/value on way in
-  // but coerce to array of records for order
-  /**
-   * Ensure the proper type for entries
-   *
-   * @param {Object[]|Record<string, string>} entries - The metadata entries to display.
-   * @returns {Record<string, unknown>[]} The component.
-   */
-  const entryRecords = (entries) => {
-    if (!entries) {
-      return [];
-    }
-
-    if (!Array.isArray(entries)) {
-      return Object.entries(entries || {}).map(([key, value]) => {
-        return { name: key, value };
-      });
-    } else {
-      return entries;
-    }
-  };
-
-  const entryEls = entryRecords(entries).map((entry, index) => {
-    const id = `${baseId}-value-${index}`;
-    return html`
-      <div
-        style=${{
-          gridColumn: "1 / -1",
-          borderBottom: `${!plain ? "solid 1px var(--bs-light-border-subtle" : ""}`,
-        }}
-      ></div>
-      <div
-        class="${baseId}-key"
-        style=${{ ...cellKeyStyle, ...cellKeyTextStyle }}
-      >
-        ${entry.name}
-      </div>
-      <div class="${baseId}-value" style=${{ ...cellValueStyle }}>
-        <${RenderedContent} id=${id} entry=${entry} />
-      </div>
-    `;
-  });
-
-  return html`<div
-    ...${{ id }}
-    class="${classes || ""}"
-    style=${{
-      display: "grid",
-      gridTemplateColumns: "max-content auto",
-      columnGap: "1em",
-      ...style,
-    }}
-  >
-    ${entryEls}
-  </div>`;
-};

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

@@ -1,109 +0,0 @@
-// @ts-check
-import { html } from "htm/preact";
-import { RenderedContent } from "./RenderedContent/RenderedContent.mjs";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-/**
- * Renders the MetaDataView component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.id - The ID for the table element.
- * @param {string} [props.baseClass] - The base class name for styling.
- * @param {string} [props.classes] - Additional class names for the table element.
- * @param {Object} [props.style] - Inline styles for the table element.
- * @param {Object[]|Record<string, string>} props.entries - The metadata entries to display.
- * @param {string} [props.tableOptions] - Options for table styling.
- * @param {boolean} [props.compact] - Whether to render the table in compact mode.
- * @returns {import("preact").JSX.Element} The component.
- */
-export const MetaDataView = ({
-  id,
-  baseClass,
-  classes,
-  style,
-  entries,
-  tableOptions,
-  compact,
-}) => {
-  const baseId = baseClass || "metadataview";
-
-  const cellStyle = compact
-    ? { padding: "0em" }
-    : { padding: "0.3em 0.3em 0.3em 0em" };
-  const cellKeyStyle = compact
-    ? {
-        fontWeight: "400",
-        paddingRight: "0.2em",
-        whiteSpace: "nowrap",
-      }
-    : {
-        fontWeight: "400",
-        paddingRight: "1em",
-        whiteSpace: "nowrap",
-      };
-  const cellValueStyle = {
-    fontWeight: "300",
-    whiteSpace: "pre-wrap",
-    wordWrap: "anywhere",
-    fontSize: FontSize.small,
-  };
-  const cellKeyTextStyle = {
-    fontSize: FontSize.small,
-  };
-
-  // Configure options for
-  tableOptions = tableOptions || "sm";
-  const tblClz = (tableOptions || "").split(",").map((option) => {
-    return `table-${option}`;
-  });
-
-  // entries can be either a Record<string, stringable>
-  // or an array of record with name/value on way in
-  // but coerce to array of records for order
-  /** @type {Array | undefined } */
-  let coercedEntries;
-  if (entries) {
-    if (Array.isArray(entries)) {
-      coercedEntries = entries;
-    } else {
-      coercedEntries = Object.entries(entries || {}).map(([key, value]) => {
-        return { name: key, value };
-      });
-    }
-  }
-
-  const entryEls = (coercedEntries || []).map((entry, index) => {
-    const id = `${baseId}-value-${index}`;
-    return html`<tr class="${baseId}-row">
-      <td
-        class="${baseId}-key"
-        style=${{ ...cellStyle, ...cellKeyStyle, ...cellKeyTextStyle }}
-      >
-        ${entry.name}
-      </td>
-      <td class="${baseId}-value" style=${{ ...cellStyle, ...cellValueStyle }}>
-        <${RenderedContent} id=${id} entry=${entry} />
-      </td>
-    </tr>`;
-  });
-
-  return html`<table
-    ...${{ id }}
-    class="${classes || ""} table ${tblClz.join(" ")}"
-    style=${{
-      paddingLeft: "0",
-      marginLeft: "0",
-      marginBottom: "0.2rem",
-      ...style,
-    }}
-  >
-    <thead>
-      <tr>
-        <th colspan="2" style="${{ padding: 0 }}"></th>
-      </tr>
-    </thead>
-    <tbody>
-      ${entryEls}
-    </tbody>
-  </table>`;
-};

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

@@ -1,50 +0,0 @@
-import { Popover } from "bootstrap";
-import { html } from "htm/preact";
-import { useEffect, useRef } from "preact/hooks";
-
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-import { ApplicationStyles } from "../appearance/Styles.mjs";
-
-export const MorePopOver = ({ title, customClass, children }) => {
-  const popoverRef = useRef();
-  const contentRef = useRef();
-
-  // Initialize the popover
-  useEffect(() => {
-    const contentEl = contentRef.current;
-    const popOverContent = document.createElement("div");
-    contentEl.childNodes.forEach((child) =>
-      popOverContent.appendChild(child.cloneNode(true)),
-    );
-    new Popover(popoverRef.current, {
-      content: popOverContent,
-      title,
-      html: true,
-      customClass: customClass,
-      trigger: "focus",
-    });
-  }, [popoverRef, contentRef]);
-
-  const popoverElements = [];
-
-  // The popover display button
-  popoverElements.push(html`
-    <a
-      tabindex="0"
-      ref=${popoverRef}
-      class="btn"
-      role="button"
-      data-bs-toggle="popover"
-      data-bs-trigger="focus"
-      style=${ApplicationStyles.moreButton}
-      ><i class="${ApplicationIcons.more}"></i
-    ></a>
-  `);
-
-  // A container to hold the popover contents
-  popoverElements.push(
-    html` <div style="display: none;" ref=${contentRef}>${children}</div>`,
-  );
-
-  return popoverElements;
-};

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

@@ -1,63 +0,0 @@
-import { html } from "htm/preact";
-import { useState } from "preact/hooks";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-
-export const NavPills = ({ children }) => {
-  const [activeItem, setActiveItem] = useState(children[0].props["title"]);
-
-  const NavPill = ({ title, activeItem, setActiveItem }) => {
-    const active = activeItem === title;
-    return html` <li class="nav-item">
-      <button
-        type="button"
-        role="tab"
-        aria-selected=${active}
-        style=${{
-          minWidth: "4rem",
-          ...TextStyle.label,
-          fontSize: FontSize.small,
-          padding: "0.1rem  0.6rem",
-          borderRadius: "var(--bs-border-radius)",
-        }}
-        class="nav-link ${active ? "active " : ""}"
-        onclick=${() => {
-          setActiveItem(title);
-        }}
-      >
-        ${title}
-      </button>
-    </li>`;
-  };
-
-  const navPills = children.map((nav, idx) => {
-    const title =
-      typeof nav === "object"
-        ? nav["props"]?.title || `Tab ${idx}`
-        : `Tab ${idx}`;
-    return html`<${NavPill}
-      title=${title}
-      activeItem=${activeItem}
-      setActiveItem=${setActiveItem}
-    />`;
-  });
-
-  const navBodies = children.map((child) => {
-    return html` <div
-      style=${{
-        display: child["props"]?.title === activeItem ? "block" : "none",
-      }}
-    >
-      ${child}
-    </div>`;
-  });
-
-  return html`<ul
-      class="nav nav-pills card-header-pills"
-      style=${{ marginRight: "0" }}
-      role="tablist"
-      aria-orientation="horizontal"
-    >
-      ${navPills}
-    </ul>
-    ${navBodies}`;
-};

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

@@ -1,51 +0,0 @@
-import { html } from "htm/preact";
-
-export const ProgressBar = ({ style, containerStyle, animating }) => {
-  const emptyStyle = {
-    display: "flex",
-    textAlign: "center",
-    flex: "0 0 content",
-    alignItems: "center",
-    justifyContent: "center",
-    border: "none",
-    padding: "0",
-    zIndex: 1001,
-    width: "100%",
-    height: "0px",
-    overflow: "visible",
-  };
-
-  const progressContainerStyle = {
-    width: "100%",
-    height: "2px",
-    ...containerStyle,
-    background: "#ffffff00",
-  };
-
-  const progressBarStyle = {
-    width: "5%",
-    height: "2px",
-    ...style,
-  };
-
-  return html`
-    <div style=${emptyStyle} class="empty-message">
-      <div
-        class="progress"
-        role="progressbar"
-        aria-label="Basic example"
-        aria-valuenow="25"
-        aria-valuemin="0"
-        aria-valuemax="100"
-        style=${progressContainerStyle}
-      >
-        ${animating
-          ? html`<div
-              class="progress-bar left-to-right-animate"
-              style=${progressBarStyle}
-            ></div>`
-          : ""}
-      </div>
-    </div>
-  `;
-};

inspect_ai/_view/www/src/components/RenderedContent/ChatMessageRenderer.mjs

@@ -1,54 +0,0 @@
-import { html } from "htm/preact";
-
-import { Buckets } from "./Types.mjs";
-import { ChatView } from "../ChatView.mjs";
-import { NavPills } from "../NavPills.mjs";
-
-/**
- * @type {import("./Types.mjs").ContentRenderer}
- *
- * Renders chat messages as a ChatView component.
- */
-export const ChatMessageRenderer = {
-  bucket: Buckets.first,
-  canRender: (entry) => {
-    const val = entry.value;
-    return (
-      Array.isArray(val) &&
-      val.length > 0 &&
-      val[0]?.role !== undefined &&
-      val[0]?.content !== undefined
-    );
-  },
-  render: (id, entry) => {
-    return {
-      rendered: html`
-        <${NavPills}>
-        <${ChatSummary} title="Last Turn" id=${id} messages=${entry.value} />
-        <${ChatView} title="All" id=${id} messages=${entry.value} />
-        </${NavPills}>
-        `,
-    };
-  },
-};
-
-/**
- * Represents a chat summary component that renders a list of chat messages.
- *
- * @param {Object} props - The properties for the component.
- * @param {string} props.id - A unique identifier for the chat summary.
- * @param {(import("../../types/log").ChatMessageAssistant | import("../../types/log").ChatMessageUser | import("../../types/log").ChatMessageSystem | import("../../types/log").ChatMessageTool)[]} props.messages - A list of chat messages to display.
- * @returns {import("preact").JSX.Element} The rendered ChatView component.
- */
-export const ChatSummary = ({ id, messages }) => {
-  // Show the last 'turn'
-  const summaryMessages = [];
-  for (const message of messages.slice().reverse()) {
-    summaryMessages.unshift(message);
-    if (message.role === "user") {
-      break;
-    }
-  }
-
-  return html`<${ChatView} id=${id} messages=${summaryMessages} />`;
-};

inspect_ai/_view/www/src/components/RenderedContent/Types.mjs

@@ -1,19 +0,0 @@
-/**
- * Enum for renderer bucket priorities.
- * Determines the order in which renderers are applied.
- *
- * @enum {number}
- */
-export const Buckets = {
-  first: 0,
-  intermediate: 10,
-  final: 1000,
-};
-
-/**
- * @typedef {Object} ContentRenderer
- * @property {number} bucket - Priority bucket for the renderer. Lower numbers are higher priority.
- * @property {(content: any) => boolean} canRender - Determines if the renderer can handle the entry.
- * @property {(id: string, content: any) => { rendered: import("preact").JSX.Element | import("preact").JSX.Element[] | string }} render
- *   - Function that renders the entry. Returns an object containing the rendered content and optional after-body content.
- */

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

@@ -1,184 +0,0 @@
-import { html } from "htm/preact";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-import { useCallback, useEffect, useRef } from "preact/hooks";
-
-// styles: { tabSet:{}, tabBody: {}}
-export const TabSet = ({ id, type, classes, tools, styles, children }) => {
-  if (!id) {
-    throw new Error("Tabsets require an id to function properly");
-  }
-
-  // The tabs themselves
-  const tabs = children;
-
-  // Process the tab style
-  const tabType = type || "tabs";
-  const tabSetStyle = {
-    alignItems: "space-between",
-  };
-
-  // Render the tabs
-  return html`<ul
-      ...${{ id }}
-      class="nav nav-${tabType} ${classes ? classes : ""}"
-      role="tablist"
-      aria-orientation="horizontal"
-      style=${{ ...tabSetStyle, ...styles.tabSet }}
-    >
-      <${Tabs} tabs=${tabs} type=${tabType} style=${styles.tabs} />
-      <${TabTools} tools=${tools} />
-    </ul>
-    <${TabPanels} id=${id} tabs=${tabs} style=${styles.tabBody} />`;
-};
-
-// Defines a tab panel that appears within the tabset
-export const TabPanel = ({
-  id,
-  index,
-  selected,
-  style,
-  scrollable,
-  scrollRef,
-  classes,
-  scrollPosition,
-  setScrollPosition,
-  children,
-}) => {
-  const tabContentsId = computeTabContentsId(id, index);
-  const tabContentsRef =
-    scrollRef || useRef(/** @type {HTMLElement|null} */ (null));
-  useEffect(() => {
-    setTimeout(() => {
-      if (
-        scrollPosition !== undefined &&
-        tabContentsRef.current &&
-        tabContentsRef.current.scrollTop !== scrollPosition
-      ) {
-        tabContentsRef.current.scrollTop = scrollPosition;
-      }
-    }, 0);
-  });
-
-  const onScroll = useCallback(
-    (e) => {
-      setScrollPosition(e.srcElement.scrollTop);
-    },
-    [setScrollPosition],
-  );
-
-  return html`<div
-    id="${tabContentsId}"
-    ref=${tabContentsRef}
-    class="tab-pane show${selected ? " active" : ""}${classes
-      ? ` ${classes}`
-      : ""}"
-    style=${{
-      flex: "1",
-      overflowY: scrollable === undefined || scrollable ? "auto" : "hidden",
-      ...style,
-    }}
-    onscroll=${onScroll}
-  >
-    ${children}
-  </div>`;
-};
-
-// Render the tabs / pills themselves
-const Tabs = ({ tabs, type, style }) => {
-  return tabs.map((tab, index) => {
-    return html` <${Tab}
-      type=${type || "tabs"}
-      tab=${tab}
-      index=${index}
-      style=${style}
-    />`;
-  });
-};
-
-// An individual tab
-const Tab = ({ type, tab, index, style }) => {
-  // TODO: If there's no tab.props.id, this is just a string of "-1", "-2" per
-  // index because there's no `id`, what should this really be?
-  const tabId = tab.props.id || computeTabId("tabset", index);
-  const tabContentsId = computeTabContentsId(tab.props.id, index);
-  const isActive = tab.props.selected;
-  const tabStyle = {
-    color: "var(--bs-body-color)",
-    ...style,
-    padding: "0.25rem 0.5rem",
-    borderTopLeftRadius: "var(--bs-border-radius)",
-    borderTopRightRadius: "var(--bs-border-radius)",
-    ...TextStyle.label,
-    fontSize: FontSize.small,
-    fontWeight: 500,
-    marginTop: "2px",
-    marginBottom: "-1px",
-  };
-  const pillStyle = {
-    ...style,
-  };
-  return html`
-    <li class="nav-item" role="presentation" style=${{ alignSelf: "end" }}>
-      <button
-        id="${tabId}"
-        style=${type === "tabs" ? tabStyle : pillStyle}
-        class="nav-link ${isActive ? "active" : ""}"
-        data-bs-toggle="tab"
-        data-bs-target="#${tabContentsId}"
-        type="button"
-        role="tab"
-        aria-controls="${tabContentsId}"
-        aria-selected="${isActive ? true : false}"
-        ...${{
-          onclick: (e) => {
-            tab.props.onSelected(e);
-            return false;
-          },
-        }}
-      >
-        ${tab.props.icon
-          ? html`<i
-              class="${tab.props.icon}"
-              style=${{ marginRight: "0.5em" }}
-            ></i>`
-          : ""}
-        ${tab.props.title}
-      </button>
-    </li>
-  `;
-};
-
-// The tools shown for the tab
-const TabTools = ({ tools }) => {
-  return html`<div
-    class="tab-tools"
-    style=${{
-      flexBasis: "auto",
-      marginLeft: "auto",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "end",
-      flexWrap: "wrap",
-      rowGap: "0.3rem",
-    }}
-  >
-    ${tools}
-  </div>`;
-};
-
-// Render the tab panels
-const TabPanels = ({ id, tabs, style }) => {
-  return html`<div class="tab-content" id="${id}-content" style=${{ ...style }}>
-    ${tabs.map((tab, index) => {
-      tab.props.index = index;
-      return tab;
-    })}
-  </div>`;
-};
-
-const computeTabId = (id, index) => {
-  return `${id}-${index}`;
-};
-const computeTabContentsId = (id, index) => {
-  return `${id}-contents-${index}`;
-};

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

@@ -1,16 +0,0 @@
-import { html } from "htm/preact";
-import { h } from "preact";
-
-export const ToolButton = ({ name, classes, icon, onclick, ...rest }) => {
-  // Create the component (dynamically to forward attributes)
-  const attr = {
-    type: "button",
-    class: `btn btn-tools ${classes || ""}`,
-    onclick,
-    ...rest,
-  };
-  const iconEl = icon
-    ? html`<i class="${icon}" style=${{ marginRight: "0.5em" }}></i>`
-    : "";
-  return h("button", attr, html`${iconEl}${name}`);
-};