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

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

@@ -1,126 +0,0 @@
-import { html } from "htm/preact";
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-
-export const CardHeader = ({ id, icon, label, classes, style, children }) => {
-  return html`<div
-    class="${classes || ""}"
-    ...${{ id }}
-    style=${{
-      display: "grid",
-      gridTemplateColumns: "max-content auto",
-      columnGap: "0em",
-      padding: "0.5em 0.5em 0.5em 0.5em",
-      fontSize: FontSize.small,
-      fontWeight: 600,
-      ...TextStyle.label,
-      ...style,
-    }}
-  >
-    ${icon
-      ? html`<i
-          class="${icon}"
-          style=${{
-            paddingRight: "0.2rem",
-          }}
-        ></i>`
-      : html`<span
-          style=${{
-            paddingRight: "0.2rem",
-          }}
-        ></span>`}
-    ${label ? label : ""} ${children}
-  </div> `;
-};
-
-export const CardBody = ({ id, classes, style, children }) => {
-  return html`<div
-    class="${classes || ""}"
-    ...${{ id }}
-    style=${{
-      backgroundColor: "var(--bs-body-bg)",
-      border: "solid 1px var(--bs-light-border-subtle)",
-      borderRadius: "var(--bs-border-radius)",
-      margin: "0 8px 8px 8px",
-      padding: "0.5em",
-      ...style,
-    }}
-  >
-    ${children}
-  </div>`;
-};
-
-export const Card = ({ id, classes, style, children }) => {
-  return html`
-    <div
-      class="${classes || ""}"
-      ...${{ id }}
-      style=${{
-        backgroundColor: "var(--bs-light-bg-subtle)",
-        border: "solid 1px var(--bs-light-border-subtle)",
-        borderRadius: "var(--bs-border-radius)",
-        marginBottom: "1.5em",
-        ...style,
-      }}
-    >
-      ${children}
-    </div>
-  `;
-};
-
-export const CardCollapsingHeader = ({
-  id,
-  icon,
-  label,
-  cardBodyId,
-  children,
-}) => {
-  return html`
-  <${CardHeader} id=${id} classes="container-fluid collapse show do-not-collapse-self" style=${{
-    borderBottom: "none",
-  }}>
-      <div class="row row-cols-3" 
-        type="button"
-        data-bs-toggle="collapse"
-        data-bs-target="#${cardBodyId}"
-        aria-expanded="false"
-        aria-controls="${cardBodyId}"
-        style=${{
-          justifyContent: "space-between",
-          alignItems: "center",
-        }}>
-        <div style=${{ flex: "0 0 content", paddingRight: "0.5rem" }}>
-          <i class="${icon}"></i> <span class="hide-when-collapsed">${label}</span>
-        </div>
-        <div
-          class="hide-when-expanded"
-          style=${{
-            color: "var(--body-color)",
-            opacity: "0.8",
-            flex: "1 1 auto",
-            fontSize: FontSize.smaller,
-            paddingRight: "0",
-            paddingLeft: "0",
-            transition: "opacity 0.2s ease-out",
-            display: "flex",
-            justifyContent: "space-between",
-          }}
-        >
-
-        
-        ${children}
-          
-        </div>
-        <div style=${{
-          flex: "0 1 1em",
-          textAlign: "right",
-          padding: "0 0.5em 0.1em 0.5em",
-          fontSize: FontSize.smaller,
-        }}>
-            <i class="${ApplicationIcons["toggle-right"]} toggle-rotated"></i>
-        </div>
-      </div>
-
-      </${CardHeader}>
-      `;
-};

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

@@ -1,418 +0,0 @@
-// @ts-check
-import { html } from "htm/preact";
-
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-
-import { MessageContent } from "./MessageContent.mjs";
-import { ExpandablePanel } from "./ExpandablePanel.mjs";
-import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
-import { resolveToolInput, ToolCallView } from "./Tools.mjs";
-import { VirtualList } from "./VirtualList.mjs";
-
-/**
- * Renders the ChatViewVirtualList component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.id - The ID for the chat view.
- * @param {import("../types/log").Messages} props.messages - The array of chat messages.
- * @param {"compact" | "complete"} [props.toolCallStyle] - Whether to show tool calls
- * @param {Object} [props.style] - Inline styles for the chat view.
- * @param {boolean} props.indented - Whether the chatview has indented messages
- * @param {boolean} [props.numbered] - Whether the chatview is numbered
- * @param {import("htm/preact").MutableRef<HTMLElement>} props.scrollRef - The scrollable parent element
- * @returns {import("preact").JSX.Element} The component.
- */
-export const ChatViewVirtualList = ({
-  id,
-  messages,
-  toolCallStyle,
-  style,
-  indented,
-  numbered = true,
-  scrollRef,
-}) => {
-  const collapsedMessages = resolveMessages(messages);
-
-  const renderRow = (item, index) => {
-    const number =
-      collapsedMessages.length > 1 && numbered ? index + 1 : undefined;
-    return html`<${ChatMessageRow}
-      id=${id}
-      number=${number}
-      resolvedMessage=${item}
-      indented=${indented}
-      toolCallStyle=${toolCallStyle}
-    />`;
-  };
-
-  const result = html`<${VirtualList}
-    data=${collapsedMessages}
-    tabIndex="0"
-    renderRow=${renderRow}
-    scrollRef=${scrollRef}
-    style=${{ width: "100%", marginTop: "1em", ...style }}
-  />`;
-
-  return result;
-};
-
-/**
- * Renders the ChatView component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.id - The ID for the chat view.
- * @param {import("../types/log").Messages} props.messages - The array of chat messages.
- * @param {"compact" | "complete"} [props.toolCallStyle] - Whether to show tool calls
- * @param {Object} [props.style] - Inline styles for the chat view.
- * @param {boolean} props.indented - Whether the chatview has indented messages
- * @param {boolean} [props.numbered] - Whether the chatview is numbered
- * @returns {import("preact").JSX.Element} The component.
- */
-export const ChatView = ({
-  id,
-  messages,
-  toolCallStyle,
-  style,
-  indented,
-  numbered = true,
-}) => {
-  const collapsedMessages = resolveMessages(messages);
-  const result = html` <div style=${style}>
-    ${collapsedMessages.map((msg, index) => {
-      const number =
-        collapsedMessages.length > 1 && numbered ? index + 1 : undefined;
-      return html`<${ChatMessageRow}
-        id=${id}
-        number=${number}
-        resolvedMessage=${msg}
-        indented=${indented}
-        toolCallStyle=${toolCallStyle}
-      />`;
-    })}
-  </div>`;
-  return result;
-};
-
-/**
- * Renders the ChatMessage component.
- *
- * @param {Object} props - The properties passed to the component.
- * @param {string} props.id - The ID for the chat view.
- * @param {number} [props.number] - The message number
- * @param {ResolvedMessage} props.resolvedMessage - The array of chat messages.
- * @param {"compact" | "complete"} [props.toolCallStyle] - Whether to show tool calls
- * @param {boolean} props.indented - Whether the chatview has indented messages
- * @returns {import("preact").JSX.Element} The component.
- */
-export const ChatMessageRow = ({
-  id,
-  number,
-  resolvedMessage,
-  toolCallStyle,
-  indented,
-}) => {
-  if (number) {
-    return html` <div
-      style=${{
-        display: "grid",
-        gridTemplateColumns: "max-content auto",
-        columnGap: "0.4em",
-      }}
-    >
-      <div
-        style=${{
-          fontSize: FontSize.smaller,
-          ...TextStyle.secondary,
-          marginTop: "0.1em",
-        }}
-      >
-        ${number}
-      </div>
-      <${ChatMessage}
-        id=${`${id}-chat-messages`}
-        message=${resolvedMessage.message}
-        toolMessages=${resolvedMessage.toolMessages}
-        indented=${indented}
-        toolCallStyle=${toolCallStyle}
-      />
-    </div>`;
-  } else {
-    return html`<${ChatMessage}
-      id=${`${id}-chat-messages`}
-      message=${resolvedMessage.message}
-      toolMessages=${resolvedMessage.toolMessages}
-      indented=${indented}
-      toolCallStyle=${toolCallStyle}
-    />`;
-  }
-};
-
-/**
- * @typedef {Object} ResolvedMessage
- * @property {import("../types/log").ChatMessageAssistant | import("../types/log").ChatMessageSystem | import("../types/log").ChatMessageUser} message - The main chat message.
- * @property {import("../types/log").ChatMessageTool[]} [toolMessages] - Optional array of tool-related messages.
- */
-
-/**
- * Renders the ChatView component.
- *
- * @param {import("../types/log").Messages} messages - The array of chat messages.
- * @returns {ResolvedMessage[]} The component.
- */
-export const resolveMessages = (messages) => {
-  // Filter tool messages into a sidelist that the chat stream
-  // can use to lookup the tool responses
-
-  /**
-   * @type {Array<{message: import("../types/log").ChatMessageAssistant | import("../types/log").ChatMessageSystem | import("../types/log").ChatMessageUser, toolMessages?: import("../types/log").ChatMessageTool[]}>}
-   */
-  const resolvedMessages = [];
-  for (const message of messages) {
-    if (message.role === "tool") {
-      // Add this tool message onto the previous message
-      if (resolvedMessages.length > 0) {
-        const msg = resolvedMessages[resolvedMessages.length - 1];
-        msg.toolMessages.push(message);
-      }
-    } else {
-      resolvedMessages.push({ message, toolMessages: [] });
-    }
-  }
-
-  // Capture system messages (there could be multiple)
-  /**
-   * @type {Array<import("../types/log").ChatMessageSystem>}
-   */
-  const systemMessages = [];
-  const collapsedMessages = resolvedMessages
-    .map((resolved) => {
-      if (resolved.message.role === "system") {
-        systemMessages.push(resolved.message);
-      }
-      return resolved;
-    })
-    .filter((resolved) => {
-      return resolved.message.role !== "system";
-    });
-
-  // Collapse system messages
-  /**
-   * @type {Array<import("../types/log").ContentImage | import("../types/log").ContentText>}
-   */
-  const systemContent = [];
-  for (const systemMessage of systemMessages) {
-    const contents = Array.isArray(systemMessage.content)
-      ? systemMessage.content
-      : [systemMessage.content];
-    systemContent.push(...contents.map(normalizeContent));
-  }
-
-  /**
-   * @type {import("../types/log").ChatMessageSystem}
-   */
-  const systemMessage = {
-    role: "system",
-    content: systemContent,
-    source: "input",
-  };
-
-  // Converge them
-  if (systemMessage && systemMessage.content.length > 0) {
-    collapsedMessages.unshift({ message: systemMessage });
-  }
-  return collapsedMessages;
-};
-
-/**
- * Ensure that content is a proper content type
- *
- * @param {import("../types/log").ContentText | import("../types/log").ContentImage | string} content - The properties passed to the component.
- * @returns {import("../types/log").ContentText | import("../types/log").ContentImage} The component.
- */
-const normalizeContent = (content) => {
-  if (typeof content === "string") {
-    return {
-      type: "text",
-      text: content,
-    };
-  } else {
-    return content;
-  }
-};
-
-/**
- *
- * @param {Object} props
- * @param {string} props.id - The ID for the chat view.
- * @param {import("../types/log").ChatMessageAssistant | import("../types/log").ChatMessageSystem | import("../types/log").ChatMessageUser} props.message - The primary message
- * @param {import("../types/log").ChatMessageTool[]} props.toolMessages - The tool output message
- * @param {boolean} props.indented - Whether the chatview has indented messages
- * @param {"compact" | "complete"} props.toolCallStyle - Whether to hide tool calls
- * @returns {import("preact").JSX.Element} The component.
- */
-const ChatMessage = ({
-  id,
-  message,
-  toolMessages,
-  indented,
-  toolCallStyle,
-}) => {
-  const collapse = message.role === "system";
-  return html`
-    <div
-      class="${message.role}"
-      style=${{
-        fontSize: FontSize.base,
-        fontWeight: "300",
-        paddingBottom: ".5em",
-        marginLeft: "0",
-        marginRight: "0",
-        opacity: message.role === "system" ? "0.7" : "1",
-        whiteSpace: "normal",
-      }}
-    >
-      <div style=${{
-        display: "grid",
-        gridTemplateColumns: "max-content auto",
-        columnGap: "0.3em",
-        fontWeight: "500",
-        marginBottom: "0.5em",
-        ...TextStyle.label,
-      }}>
-        <i class="${iconForMsg(message)}"></i>
-        ${message.role}
-      </div>
-      <div style=${{ marginLeft: indented ? "1.1rem" : "0", paddingBottom: indented ? "0.8rem" : "0" }}>
-      <${ExpandablePanel} collapse=${collapse}>
-        <${MessageContents}
-          key=${`${id}-contents`}
-          message=${message}
-          toolMessages=${toolMessages}
-          toolCallStyle=${toolCallStyle}
-        />
-      </${ExpandablePanel}>
-      </div>
-    </div>
-  `;
-};
-
-/**
- *
- * @param {Object} props
- * @param {import("../types/log").ChatMessageAssistant | import("../types/log").ChatMessageSystem | import("../types/log").ChatMessageUser} props.message - The primary message
- * @param {import("../types/log").ChatMessageTool[]} props.toolMessages - The tool output message
- * @param {"compact" | "complete"} props.toolCallStyle - Whether to hide tool calls
- * @returns {import("preact").JSX.Element | import("preact").JSX.Element[]} The component.
- */
-const MessageContents = ({ message, toolMessages, toolCallStyle }) => {
-  if (
-    message.role === "assistant" &&
-    message.tool_calls &&
-    message.tool_calls.length
-  ) {
-    const result = [];
-    // If the message contains content, render that.
-    if (message.content) {
-      result.push(
-        html`<div style=${{ marginBottom: "1em" }}>
-          <${MessageContent} contents=${message.content} />
-        </div>`,
-      );
-    }
-
-    // Render the tool calls made by this message
-    const toolCalls = message.tool_calls.map((tool_call, idx) => {
-      // Extract tool input
-      const { input, functionCall, inputType } = resolveToolInput(
-        tool_call.function,
-        tool_call.arguments,
-      );
-
-      let toolMessage;
-      if (tool_call.id) {
-        toolMessage = toolMessages.find((msg) => {
-          return msg.tool_call_id === tool_call.id;
-        });
-      } else {
-        toolMessage = toolMessages[idx];
-      }
-
-      // Resolve the tool output
-      const resolvedToolOutput = resolveToolMessage(toolMessage);
-      if (toolCallStyle === "compact") {
-        return html`<code>tool: ${functionCall}</code>`;
-      } else {
-        return html`<${ToolCallView}
-          functionCall=${functionCall}
-          input=${input}
-          inputType=${inputType}
-          output=${resolvedToolOutput}
-        />`;
-      }
-    });
-
-    if (toolCalls) {
-      result.push(...toolCalls);
-    }
-    return result;
-  } else {
-    return html`<${MessageContent} contents=${message.content} />`;
-  }
-};
-
-export const iconForMsg = (msg) => {
-  if (msg.role === "user") {
-    return ApplicationIcons.role.user;
-  } else if (msg.role === "system") {
-    return ApplicationIcons.role.system;
-  } else if (msg.role === "tool") {
-    return ApplicationIcons.role.tool;
-  } else if (msg.role === "assistant") {
-    return ApplicationIcons.role.assistant;
-  } else {
-    return ApplicationIcons.role.unknown;
-  }
-};
-
-/**
- *
- * @param {import("../types/log").ChatMessageTool} toolMessage - The tool output message
- * @returns {Array<{type: string, content: import("../types/log").Content4}>|undefined} An array of formatted tool message objects, or undefined if toolMessage is falsy.
- */
-const resolveToolMessage = (toolMessage) => {
-  if (!toolMessage) {
-    return undefined;
-  }
-
-  const content =
-    toolMessage.error !== null && toolMessage.error
-      ? toolMessage.error.message
-      : toolMessage.content;
-  if (typeof content === "string") {
-    return [
-      {
-        type: "tool",
-        content,
-      },
-    ];
-  } else {
-    return content.map((con) => {
-      if (typeof content === "string") {
-        return {
-          type: "tool",
-          content,
-        };
-      } else if (con.type === "text") {
-        return {
-          content,
-          type: "tool",
-        };
-      } else if (con.type === "image") {
-        return {
-          content,
-          type: "tool",
-        };
-      }
-    });
-  }
-};

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

@@ -1,48 +0,0 @@
-// @ts-check
-import { html } from "htm/preact";
-import { ApplicationIcons } from "../appearance/Icons.mjs";
-
-/**
- * @typedef {Object} CopyButtonProps
- * @property {string} value - The text value to be copied to the clipboard.
- */
-
-/**
- * CopyButton component.
- * @param {CopyButtonProps} props - The props object.
- * @returns {import("preact").JSX.Element} The CopyButton component.
- */
-export const CopyButton = ({ value }) => {
-  return html`<button
-    class="copy-button"
-    style=${{
-      border: "none",
-      backgroundColor: "inherit",
-      opacity: "0.5",
-      paddingTop: "0px",
-    }}
-    data-clipboard-text=${value}
-    onclick=${(e) => {
-      let iEl = e.target;
-      // I haven't yet been able to consistently cause this, but
-      // this issue https://github.com/UKGovernmentBEIS/inspect_ai/issues/717
-      // does sometimes happen and when it does, the target element is the BUTTON
-      // not the I. Since I can't reliably determine the cause, for now just band-aid
-      // by getting the child in this case.
-      if (iEl.tagName === "BUTTON") {
-        iEl = iEl.firstChild;
-      }
-      if (iEl) {
-        if (iEl) {
-          iEl.className = `${ApplicationIcons.confirm} primary`;
-          setTimeout(() => {
-            iEl.className = ApplicationIcons.copy;
-          }, 1250);
-        }
-      }
-      return false;
-    }}
-  >
-    <i class=${ApplicationIcons.copy}></i>
-  </button>`;
-};

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

@@ -1,61 +0,0 @@
-import { html } from "htm/preact";
-
-export const DialogButton = ({ id, btnType, classes, style, children }) => {
-  return html`<button
-    type="button"
-    class="btn ${btnType ? btnType : ""} ${classes ? classes : ""}"
-    data-bs-toggle="modal"
-    data-bs-target="#${id}"
-    ...${{ style }}
-  >
-    ${children}
-  </button>`;
-};
-
-export const DialogAfterBody = ({
-  id,
-  title,
-  classes,
-  scrollable,
-  centered,
-  styles,
-  children,
-}) => {
-  return html`
-    <div
-      class="modal fade ${classes}"
-      id="${id}"
-      tabindex="0"
-      aria-hidden="true"
-      styles=${{ ...styles }}
-    >
-      <div
-        class="modal-dialog modal-lg ${centered
-          ? "modal-dialog-centered"
-          : ""} ${scrollable ? "modal-dialog-scrollable" : ""}"
-      >
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">${title}</h5>
-            <button
-              type="button"
-              class="btn-close"
-              data-bs-dismiss="modal"
-              aria-label="Close"
-            ></button>
-          </div>
-          <div class="modal-body">${children}</div>
-          <div class="modal-footer">
-            <button
-              type="button"
-              class="btn btn-outline-secondary"
-              data-bs-dismiss="modal"
-            >
-              Close
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  `;
-};

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

@@ -1,15 +0,0 @@
-import { html } from "htm/preact";
-import api from "../api/index";
-import { FontSize } from "../appearance/Fonts.mjs";
-
-export const DownloadButton = ({ label, fileName, fileContents }) => {
-  return html`<button
-    class="btn btn-outline-primary"
-    style=${{ fontSize: FontSize.small, marginTop: "3em" }}
-    onclick=${async () => {
-      await api.download_file(fileName, fileContents);
-    }}
-  >
-    ${label}
-  </button>`;
-};

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>`;
-};