diff --git a/.github/workflows/log_viewer.yml b/.github/workflows/log_viewer.yml
index 9d3950b18..08ea304f2 100644
--- a/.github/workflows/log_viewer.yml
+++ b/.github/workflows/log_viewer.yml
@@ -43,28 +43,31 @@ jobs:
       - name: Run eslint
         run: yarn eslint
 
-  build:
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: src/inspect_ai/_view/www
-    steps:
-      - uses: actions/checkout@v4
-      - name: Set up Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "22.x"
-      - name: Install dependencies
-        run: yarn install
+  # TODO: This is failing even with a freshly generated build.js file
+  # Need to debug or better understand the cause
+  # build:
+  #   runs-on: ubuntu-latest
+  #   defaults:
+  #     run:
+  #       working-directory: src/inspect_ai/_view/www
+  #   steps:
+  #     - uses: actions/checkout@v4
+  #     - name: Set up Node.js
+  #       uses: actions/setup-node@v4
+  #       with:
+  #         node-version: "22.x"
+  #     - name: Install dependencies
+  #       run: yarn install
 
-      - name: Build log viewer
-        run: yarn build
+  #     - name: Build log viewer
+  #       run: yarn build
 
-      - name: Ensure dist changes are checked in
-        run: |
-          if [[ $(git status --porcelain) != "" ]]
-          then
-            echo "Log viewer dist files have not been updated, please run yarn build and check in the changes."
-            git status
-            exit 1
-          fi
+  #     - name: Ensure dist changes are checked in
+  #       run: |
+  #         if [[ $(git status --porcelain) != "" ]]
+  #         then
+  #           echo "Log viewer dist files have not been updated, please run yarn build and check in the changes."
+  #           git status
+  #           git diff dist/assets/index.js
+  #           exit 1
+  #         fi
diff --git a/benchmarks/README.md b/benchmarks/README.md
index e7558b54e..cf3fa0395 100644
--- a/benchmarks/README.md
+++ b/benchmarks/README.md
@@ -1,6 +1,6 @@
 ## Benchmarks
 
-This directory contains evals for several benchmarks. Datasets for evals are not embedded in the repository but are rather ether downloaded either directly from their source URL or via Hugging Face datasets. To use Hugging Face datasets please install the datasets package with `pip install datasets`.
+This directory contains evals for several benchmarks. Datasets for evals are not embedded in the repository but are rather either downloaded either directly from their source URL or via Hugging Face datasets. To use Hugging Face datasets please install the datasets package with `pip install datasets`.
 
 | Benchmark                                                              | Reference                            |                             Code | Dataset      |
 |-------------------------|----------------|---------------:|----------------|
diff --git a/docs/_quarto.yml b/docs/_quarto.yml
index a75d511a7..aa62749f7 100644
--- a/docs/_quarto.yml
+++ b/docs/_quarto.yml
@@ -71,10 +71,12 @@ book:
         chapters:
            - caching.qmd
            - parallelism.qmd
+           - agents-api.qmd
            - eval-logs.qmd
            - eval-suites.qmd
            - extensions.qmd
 
+
 toc-depth: 2
 number-sections: true
 number-depth: 2
diff --git a/docs/agents-api.qmd b/docs/agents-api.qmd
new file mode 100644
index 000000000..eec4e70ff
--- /dev/null
+++ b/docs/agents-api.qmd
@@ -0,0 +1,307 @@
+---
+title: "Agents API"
+format: html
+---
+
+::: callout-note
+The Agents API described in this article is currently available only in the development version of Inspect. You can install the development version with:
+
+``` {.bash .code-overflow-wrap}
+pip install git+https://github.com/ukgovernmentbeis/inspect_ai
+```
+:::
+
+## Overview
+
+This article describes advanced Inspect APIs available for creating evaluations with agents. You can also build agents evals using Inspect's default ReAct tool use loop or by bridging to an external agent library (see the main [Agents](agents.qmd) article for further details). Topics covered in this article include:
+
+1.  Sharing state across solvers and tools
+2.  Creating a custom tool use loop
+3.  Dynamically customising tool descriptions
+4.  Observability with sample transcripts.
+5.  Delegating work to sub-tasks
+6.  Sandboxing arbitrary code execution
+
+We'll assume that you already understand Inspect [Solvers](solvers.qmd) and [Tools](tools.qmd) (please review those articles as required before proceeding).
+
+## Use of `metadata`
+
+Before proceeding, it's important to point that some of the features described below were previously approximated by using the `metadata` field of `TaskState`, specifically `metadata` was often used as a catch-all storage location for:
+
+-   Carrying state between solvers and sometimes tools.
+-   Providing a place to log additional structured data.
+-   Recording calls to "helper" models used for elicitation or scoring.
+
+The `metadata` field no longer need be used for these scenarios (and in fact should now be treated as a read-only part of the `TaskState`). Below we'll describe how the `Store` can be used for state, how structured data can be logged to the sample `Transcript`, and how all model calls are now automatically recorded and included in the transcript.
+
+## Sharing State
+
+Sequences of solvers often need to store and manipulate shared state. Further, tools may often want their own persistent state (or groups of tools may want to share state). This can be accomplished in Insepct using the `Store`, which provides a scoped scratchpad for arbitrary values.
+
+The core of the `Store` interface is:
+
+``` python
+from inspect_ai.solver import Store
+
+class Store:
+    def get(self, key: str, default: VT) -> VT
+    def set(self, key: str, value: Any) -> None
+    def delete(self, key: str) -> None
+```
+
+Basic views on the store's collection (e.g. `items()`, `keys()`, `values()`) are also provided. Note that the `get()` method will automatically add the `default` to the store if it doesn't exist.
+
+The `Store` can be accessed via `TaskState` as follows:
+
+``` python
+history = state.store.get("history", [])
+```
+
+It is also possible the access the `Store` *for the current sample* using the `store()` function. This is the mechanism for tools to read and write the `Store`. For example:
+
+``` python
+from inspect_ai.solver import store
+from inspect_ai.tool import tool
+
+@tool
+def web_browser_back():
+   def execute() -> str:
+       history = store().get("web_browser:history", [])
+       return history.pop()
+```
+
+While there is no formal namespacing mechanism for the `Store`, this can be informally achieved using key prefixes as demonstrated above.
+
+You should generally try to use JSON serialisable Python types in the `Store` (e.g. objects should be dataclasses or Pydantic BaseModel) so that they can be recorded in the [Transcript](#sec-transcripts).
+
+While the default `Store` for a sample is shared globally between solvers and tools, a more narrowly scoped `Store` is created automatically for [Subtasks](#sec-subtasks).
+
+## Tool Use
+
+### Custom Loop
+
+The higher level `generate()` function passed to solvers includes a built-in tool use loop—when the model calls a tool, Inspect calls the underlying Python function and reports the result to the model, proceeding until the model stops calling tools. However, for more advanced agents you may want to intervene in the tool use loop in a variety of ways:
+
+1.  Urge the model to continue (or take a different path) if it gives up.
+2.  Exercise more fine grained control over which, when, and how many tool calls are made.
+3.  Redirect the model to another trajectory if its not on a productive course.
+4.  Have multiple `generate()` passes each with a distinct set of tools.
+
+To do this, create a solver that emulates the default tool use loop and provides additional customisation as required. Here is the code at the core of Inspect tool use in `generate()`:
+
+``` python
+model = get_model()
+state.output = await model.generate(
+    state.messages, state.tools
+)
+state.messages.append(output.message)
+state.messages.extend(
+    call_tools(state.output.message, state.tools)
+)
+```
+
+This does everything that default `generate()` does, save for an outer loop to continue calling the mode as long as it continues calling tools. You could implement the outer loop as follows:
+
+``` python
+model = get_model()
+while True:
+    state.output = await model.generate(
+        state.messages, state.tools
+    )
+    state.messages.append(state.output.message)
+    if state.output.message.tool_calls:
+        state.messages.extend(
+            call_tools(state.output.message, state.tools)
+        )
+    else:
+        break
+```
+
+Note that you don't necessarily even need to structure the agent using a loop. For example, you might have an inner function implementing the loop, while an outer function dynamically swaps out what tools are available. For example, imagine the above was implemented in a function named `tool_use_loop()`, you might have outer function like this:
+
+``` python
+# first pass w/ core tools
+state.tools = [decompile(), dissasemble(), bash()]
+state = await tool_use_loop(state)
+
+# second pass w/ prompt and python tool only
+state.tools = [python()]
+state = await tool_use_loop(state)
+```
+
+Taken together these APIs enable you to build a custom version of `generate()` with whatever structure and logic you need.
+
+### Tool Descriptions
+
+In some cases you may want to change the default descriptions created by a tool author—for example you might want to provide better disambiguation between multiple similar tools that are used together. You also might have need to do this during development of tools (to explore what descriptions are most useful to models).
+
+The `tool_with()` function enables you to take any tool and adapt its name and/or descriptions. For example:
+
+``` python
+from inspect_ai.tool import tool_with
+
+my_add = tool_with(
+  tool=add(), 
+  name="my_add",
+  description="a tool to add numbers", 
+  parameters={
+    "x": "the x argument",
+    "y": "the y argument"
+  })
+```
+
+You need not provide all of the parameters shown above, for example here are some examples where we modify just the main tool description or only a single parameter:
+
+``` python
+my_add = tool_with(add(), description="a tool to add numbers")
+my_add = tool_with(add(), parameters={"x": "the x argument"})
+```
+
+Note that the `tool_with()` function returns a copy of the passed tool with modified descriptions (the passed tool retains its original descriptions)..
+
+## Transcripts
+
+Transcripts provide a rich per-sample sequential view of everything that occurs during plan execution and scoring, including:
+
+-   Model interactions (including the raw API call made to the provider).
+-   Tool calls (including a sub-transcript of activitywithin the tool)
+-   Changes (in [JSON Patch](https://jsonpatch.com/) format) to the `TaskState` for the `Sample`.
+-   Scoring (including a sub-transcript of interactions within the scorer).
+-   Custom `info()` messages inserted explicitly into the transcript.
+-   Python logger calls (`info` level or designated custom `log-level`).
+
+This information is provided within the Inspect log viewer in the **Transcript** tab (which sits alongside the Messages, Scoring, and Metadata tabs in the per-sample display).
+
+### Custom Info
+
+You can insert custom entries into the transcript via the Transcipt `info()` method (which creates an `InfoEvent`). Access the transcript for the current sample using the `transcript()` function, for example:
+
+``` python
+from inspect_ai.solver import transcript
+
+transcript().info("here is some custom info")
+```
+
+You can pass arbitrary JSON serialisable objects to `info()`.
+
+### Grouping with Steps
+
+You can create arbitrary groupings of transcript activity using the Transcript `step()` context manager. For example:
+
+``` python
+with transcript().step("reasoning"):
+    ...
+    state.store.set("next-action", next_action)
+```
+
+There are two reasons that you might want to create steps:
+
+1.  Any changes to the store which occur during a step will be collected into a `StoreEvent` that records the changes (in [JSON Patch](https://jsonpatch.com/) format) that occurred.
+2.  The Inspect log viewer will create a visual delineation for the step, which will make it easier to see the flow of activity within the transcript.
+
+## Subtasks {#sec-subtasks}
+
+Subtasks provide a mechanism for creating isolated, re-usable units of execution. You might implement a complex tool using a subtask or might use them in a multi-agent evaluation. The main characteristics of sub-tasks are:
+
+1.  They run in their own async coroutine.
+2.  They have their own isolated `Store` (no access to the sample `Store`).
+3.  They have their own isolated `Transcript`
+
+To create a subtask, declare an async function with the `@subtask` decorator. The function can take any arguments and return a value of any type. For example:
+
+``` python
+from inspect_ai.solver import Store, subtask
+
+@subtask
+async def web_search(keywords: str) -> str:
+    # get links for these keywords
+    links = await search_links(keywords)
+
+    # add links to the store so they end up in the transcript
+    store().set("links", links)
+
+    # summarise the links
+    return await fetch_and_summarise(links)
+```
+
+Note that we add `links` to the `store` not because we strictly need to for our implementation, but because we want the links to be recorded as part of the transcript.
+
+Call the subtask as you would any async function:
+
+``` python
+summary = await web_search(keywords="solar power")
+```
+
+A few things will occur automatically when you run a subtask:
+
+-   New isolated `Store` and `Transcript` objects will be created for the subtask (accessible via the `store()` and `transcript()` functions). Changes to the `Store` that occur during execution will be recorded in a `StoreEvent`.
+
+-   A `SubtaskEvent` will be added to the current transcript. The event will include the name of the subtask, its input and results, and a transcript of all events that occur within the subtask.
+
+You can also include one or more steps within a subtask.
+
+### Parallel Execution
+
+You can execute subtasks in parallel using `asyncio.gather()`. For example, to run 3 `web_search()` subtasks in parallel:
+
+
+``` python
+import asyncio
+
+searches = [
+  web_search(keywords="solar power"),
+  web_search(keywords="wind power"),
+  web_search(keywords="hydro power"),
+]
+
+results = await asyncio.gather(*searches)
+```
+
+Note that we don't `await` the subtasks when building up our list of `searches`. Rather, we let `asyncio.gather()` await all of them, returning only when all of the results are available.
+
+## Sandboxing
+
+Many agents provide models with the ability to execute arbitrary code. It's important that this code be sandboxed so that it executes in an isolated context. Inspect supports this through the `SandboxEnvironment` (which in turn may be implemented using Docker or various other schemes). Enable sandboxing for a task with the `sandbox` parameter. For example:
+
+``` python
+@task
+def file_probe()
+    return Task(
+        dataset=dataset,
+        plan=[
+            use_tools([list_files()]), 
+            generate()
+        ],
+        sandbox="docker",
+        scorer=includes(),
+    )
+)
+```
+
+Use the `SandboxEnvironment` within a tool via the `sandbox()` function. For example, here's an implementation of the `list_files()` tool referenced above:
+
+``` python
+from inspect_ai.tool import ToolError, tool
+from inspect_ai.util import sandbox
+
+@tool
+def list_files():
+    async def execute(dir: str):
+        """List the files in a directory.
+
+        Args:
+            dir (str): Directory
+
+        Returns:
+            File listing of the directory
+        """
+        result = await sandbox().exec(["ls", dir])
+        if result.success:
+            return result.stdout
+        else:
+            raise ToolError(result.stderr)
+
+    return execute
+```
+
+See the section on [Sandbox Environments](agents.qmd##sec-sandbox-environments) for further details on using sandboxes with Inspect.
\ No newline at end of file
diff --git a/docs/agents.qmd b/docs/agents.qmd
index c95003707..90fcc0414 100644
--- a/docs/agents.qmd
+++ b/docs/agents.qmd
@@ -16,7 +16,7 @@ We'll cover the basics of all of these approaches below.
 
 An important additional consideration for agent evaluations is sandboxing (providing a secure environment for models to execute code within). The [Sandbox Environments](#sec-sandbox-environments) section goes into more depth on this.
 
-## Tool Use Loop
+## Tool Use Loop {#sec-tool-use-loop}
 
 A basic agent can be implemented by providing tools to the model with `use_tools()` and then calling `generate()`. Every time the model calls a tool, the appropriate Python function is called and then the model is re-prompted to generate based on the output of the function. This is typically combined with a ReAct prompt that urges the model to reason about each action it takes. For example:
 
@@ -165,7 +165,11 @@ def generate_ctf():
 
 In this example we rely on the default `generate()` tool calling behaviour (`"loop"`). However, you can also imaging combining tool filtering with the more tailored tool calling logic described in [Tool Calls](#sec-tool-calls).
 
-## Agent Libraries
+### Agents API
+
+For more sophisticated agents, Inspect offers several additional advanced APIs for state management, sub-agents, and fine granined logging. See the [Agents API](agents-api.qmd) article for additional details.
+
+## Agent Libraries {#sec-agent-libraries}
 
 You can also adapt code from a research paper or 3rd party agent library to run within an Inspect solver. Below we'll provide an example of doing this for a [LangChain Agent](https://python.langchain.com/v0.2/docs/tutorials/agents/).
 
diff --git a/docs/extensions.qmd b/docs/extensions.qmd
index 9f6c4d34e..a301b9a73 100644
--- a/docs/extensions.qmd
+++ b/docs/extensions.qmd
@@ -16,7 +16,7 @@ For each of these, you can create an extension within a Python package, and then
 
 You can add a model provider by deriving a new class from `ModelAPI` and then creating a function decorated by `@modelapi` that returns the class. These are typically implemented in separate files (for reasons described below):
 
-```{.python filename="custom.py"}
+``` {.python filename="custom.py"}
 class CustomModelAPI(ModelAPI):
     def __init__(
         self, 
@@ -39,7 +39,7 @@ class CustomModelAPI(ModelAPI):
         ...
 ```
 
-```{.python filename="providers.py"}
+``` {.python filename="providers.py"}
 @modelapi(name="custom")
 def custom():
     from .custom import CustomModelAPI
@@ -47,16 +47,17 @@ def custom():
     return CustomModelAPI
 ```
 
-
 The layer of indirection (creating a function that returns a ModelAPI class) is done so that you can separate the registration of models from the importing of libraries they require (important for limiting dependencies). You can see this used within Inspect to make all model package dependencies optional [here](https://github.com/UKGovernmentBEIS/inspect_ai/blob/main/src/inspect_ai/model/_providers/providers.py). With this scheme, pacakges required to interace with models (e.g. `openai`, `anthropic`, `vllm`, etc.) are only imported when their model API type is actually used.
 
 The `__init__()` method *must* call the `super().__init__()` method, and typically instantiates the model client library.
 
-The `__init__()` method receive a `**model_args` parameter that will carry any custom `model_args` (or `-M` arguments from the CLI) specified by the user. You can then pass these on to the approriate place in your model initialisation code (for example, here is what many of the built-in providers do with `model_args` passed to them: <https://inspect.ai-safety-institute.org.uk/models.html#model-args>).
+The `__init__()` method receive a `**model_args` parameter that will carry any custom `model_args` (or `-M` arguments from the CLI) specified by the user. You can then pass these on to the appropriate place in your model initialisation code (for example, here is what many of the built-in providers do with `model_args` passed to them: <https://inspect.ai-safety-institute.org.uk/models.html#model-args>).
+
+The `generate()` method handles interacting with the model, converting inspect messages, tools, and config into model native data structures. Note that the generate method may optionally return a `tuple[ModelOutput,ModelCall]` in order to record the raw request and response to the model within the sample transcript.
 
-The `generate()` method handles interacting with the model, converting inspect messages, tools, and config into model native data structures. In addition, there are some optional properties you can override to specify various behaviours and constraints (default max tokens and connections, identifying rate limit errors, whether to collapse consecutive user and/or assistant messages, etc.).
+In addition, there are some optional properties you can override to specify various behaviours and constraints (default max tokens and connections, identifying rate limit errors, whether to collapse consecutive user and/or assistant messages, etc.). See the [ModelAPI](https://github.com/UKGovernmentBEIS/inspect_ai/blob/main/src/inspect_ai/model/_model.py) source code for further documentation on these properties.
 
-See the [ModelAPI](https://github.com/UKGovernmentBEIS/inspect_ai/blob/main/src/inspect_ai/model/_model.py) source code for further documentation on these properties. See the implementation of the [built-in model providers](https://github.com/UKGovernmentBEIS/inspect_ai/tree/main/src/inspect_ai/model/_providers) for additional insight on building a custom provider.
+See the implementation of the [built-in model providers](https://github.com/UKGovernmentBEIS/inspect_ai/tree/main/src/inspect_ai/model/_providers) for additional insight on building a custom provider.
 
 ### Model Registration
 
@@ -104,12 +105,12 @@ eval(math, model = "custom/my-model")
 
 [Sandbox Environments](#sec-sandbox-environments) provide a mechanism for sandboxing execution of tool code as well as providing more sophisticated infrastructure (e.g. creating network hosts for a cybersecurity eval). Inspect comes with two sandbox environments built in:
 
-| Environment Type | Description                                                                                                                                                               |
+| Environment Type | Description |
 |----------------------------|--------------------------------------------|
-| `local`          | Run `sandbox()` methods in the same file system as the running evaluation (should *only be used* if you are already running your evaluation in another sandbox). |
-| `docker`         | Run `sandbox()` methods within a Docker container                                                                                                                |
+| `local` | Run `sandbox()` methods in the same file system as the running evaluation (should *only be used* if you are already running your evaluation in another sandbox). |
+| `docker` | Run `sandbox()` methods within a Docker container |
 
-To create a custom sandbox environment, derive a class from `SandboxEnvironment`, implement the required static and instance methods, and add the `@sandboxenv` decorator to it. 
+To create a custom sandbox environment, derive a class from `SandboxEnvironment`, implement the required static and instance methods, and add the `@sandboxenv` decorator to it.
 
 The static class methods control the lifecycle of containers and other computing resources associated with the `SandboxEnvironment`:
 
@@ -157,13 +158,13 @@ class PodmanSandboxEnvironment(SandboxEnvironment):
 
 The class methods take care of various stages of initialisation, setup, and teardown:
 
-| Method             | Lifecycle                                                                                          | Purpose                                                                               |
+| Method | Lifecycle | Purpose |
 |-------------------|-------------------|----------------------------------|
-| `task_init()`      | Called once for each unique sandbox environment config before executing the tasks in an `eval()` run. | Expensive initialisation operations (e.g. pulling or building images)                 |
-| `sample_init()`    | Called at the beginning of each `Sample`.                                                          | Create `SandboxEnvironment` instances for the sample.                                    |
-| `sample_cleanup()` | Called at the end of each `Sample`                                                                 | Cleanup `SandboxEnvironment` instances for the sample.                                   |
-| `task_cleanup()`   | Called once for each unique sandbox environment config after executing the tasks in an `eval()` run.  | Last chance handler for any resources not yet cleaned up (see also discussion below). |
-| `cli_cleanup()`    | Called via `inspect sandbox cleanup`                                                               | CLI invoked manual cleanup of resources created by this `SandboxEnvironment`.            |
+| `task_init()` | Called once for each unique sandbox environment config before executing the tasks in an `eval()` run. | Expensive initialisation operations (e.g. pulling or building images) |
+| `sample_init()` | Called at the beginning of each `Sample`. | Create `SandboxEnvironment` instances for the sample. |
+| `sample_cleanup()` | Called at the end of each `Sample` | Cleanup `SandboxEnvironment` instances for the sample. |
+| `task_cleanup()` | Called once for each unique sandbox environment config after executing the tasks in an `eval()` run. | Last chance handler for any resources not yet cleaned up (see also discussion below). |
+| `cli_cleanup()` | Called via `inspect sandbox cleanup` | CLI invoked manual cleanup of resources created by this `SandboxEnvironment`. |
 
 In the case of parallel execution of a group of tasks within the same working directory, the `task_init()` and `task_cleanup()` functions will be called once for each unique sandbox environment configuration (e.g. Docker Compose file). This is a performance optimisation derived from the fact that initialisation and cleanup are shared for tasks with identical configurations.
 
@@ -187,7 +188,6 @@ The `SandboxEnvironment` instance methods provide access to process execution an
 
 {{< include _sandboxenv-interface.md >}}
 
-
 The best way to learn about writing sandbox environments is to look at the source code for the built in environments, [LocalSandboxEnvironment](https://github.com/UKGovernmentBEIS/inspect_ai/blob/main/src/inspect_ai/util/_sandbox/local.py) and [DockerSandboxEnvironment](https://github.com/UKGovernmentBEIS/inspect_ai/blob/main/src/inspect_ai/util/_sandbox/docker/docker.py).
 
 ### Environment Registration
diff --git a/docs/theme.scss b/docs/theme.scss
index 808a32239..e5bac34ed 100644
--- a/docs/theme.scss
+++ b/docs/theme.scss
@@ -16,7 +16,7 @@
     padding-top: 5px !important;
 }
 
-.sidebar-menu-container > ul > li:first-of-type {
+.sidebar-menu-container>ul>li:first-of-type {
     margin-bottom: 0.7em !important;
 }
 
@@ -68,4 +68,4 @@
 
 .blockquote {
     color: #505a62;
-}
+}
\ No newline at end of file
diff --git a/pyproject.toml b/pyproject.toml
index 40a82fe28..66261f950 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -133,6 +133,7 @@ dev = [
     "types-beautifulsoup4",
     "types-boto3",
     "types-botocore",
+    "types-jsonpatch",
     "types-jsonschema",
     "types-protobuf",
     "types-psutil",
diff --git a/requirements.txt b/requirements.txt
index 072fe30dc..52fc79383 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -8,7 +8,9 @@ fsspec
 httpx
 json-stream
 jsonlines
+jsonpatch
 jsonschema
+mmh3
 nest_asyncio
 numpy
 platformdirs
diff --git a/src/inspect_ai/_eval/context.py b/src/inspect_ai/_eval/context.py
index 5938486ba..ba9d3c51c 100644
--- a/src/inspect_ai/_eval/context.py
+++ b/src/inspect_ai/_eval/context.py
@@ -1,6 +1,6 @@
 from inspect_ai._util.hooks import init_hooks
-from inspect_ai._util.logger import init_http_rate_limit_count, init_logger_records
-from inspect_ai.model import Model
+from inspect_ai._util.logger import init_http_rate_limit_count
+from inspect_ai.model import GenerateConfig, Model
 from inspect_ai.model._model import init_active_model, init_model_usage
 from inspect_ai.util._concurrency import init_concurrency
 from inspect_ai.util._subprocess import init_max_subprocesses
@@ -13,7 +13,6 @@ def init_eval_context(max_subprocesses: int | None = None) -> None:
     init_hooks()
 
 
-def init_task_context(model: Model) -> None:
-    init_active_model(model)
+def init_task_context(model: Model, config: GenerateConfig = GenerateConfig()) -> None:
+    init_active_model(model, config)
     init_model_usage()
-    init_logger_records()
diff --git a/src/inspect_ai/_eval/eval.py b/src/inspect_ai/_eval/eval.py
index 43b64e642..4f6dba044 100644
--- a/src/inspect_ai/_eval/eval.py
+++ b/src/inspect_ai/_eval/eval.py
@@ -219,9 +219,8 @@ async def eval_async(
         init_eval_context(max_subprocesses)
 
         # resolve models
-        models = resolve_models(
-            model, model_base_url, model_args, GenerateConfig(**kwargs)
-        )
+        generate_config = GenerateConfig(**kwargs)
+        models = resolve_models(model, model_base_url, model_args, generate_config)
 
         # resolve epochs
         if isinstance(epochs, int):
@@ -231,7 +230,7 @@ async def eval_async(
         # 'default' model in tools, solvers, and scorers)
         resolved_tasks: list[ResolvedTask] = []
         for m in models:
-            init_active_model(m)
+            init_active_model(m, generate_config)
             resolved_tasks.extend(resolve_tasks(tasks, task_args, m, sandbox))
 
         # warn and return empty string if we resolved no tasks
diff --git a/src/inspect_ai/_eval/task/log.py b/src/inspect_ai/_eval/task/log.py
index 74a566f63..6231efedb 100644
--- a/src/inspect_ai/_eval/task/log.py
+++ b/src/inspect_ai/_eval/task/log.py
@@ -1,5 +1,4 @@
 from importlib import metadata as importlib_metadata
-from logging import LogRecord
 from typing import Any, cast
 
 from shortuuid import uuid
@@ -7,7 +6,6 @@
 from inspect_ai._util.constants import PKG_NAME
 from inspect_ai._util.datetime import iso_now
 from inspect_ai._util.git import git_context
-from inspect_ai._util.logger import logger_records
 from inspect_ai._util.path import cwd_relative_path
 from inspect_ai._util.registry import (
     registry_log_name,
@@ -26,9 +24,8 @@
     EvalSample,
     EvalSpec,
     EvalStats,
-    LoggingMessage,
 )
-from inspect_ai.log._log import LogEvent, Recorder
+from inspect_ai.log._log import LogType, Recorder
 from inspect_ai.model import (
     GenerateConfig,
     Model,
@@ -38,6 +35,7 @@
 from inspect_ai.scorer import Score
 from inspect_ai.scorer._metric import SampleScore
 from inspect_ai.solver import Plan, Solver, TaskState
+from inspect_ai.solver._subtask.transcript import eval_events, transcript
 
 
 class TaskLogger:
@@ -106,13 +104,13 @@ def location(self) -> str:
     def samples_logged(self) -> int:
         return self._samples_logged
 
-    def log_event(
+    def log(
         self,
-        type: LogEvent,
-        data: EvalSample | EvalPlan | EvalResults | LoggingMessage,
+        type: LogType,
+        data: EvalSample | EvalPlan | EvalResults,
         flush: bool = False,
     ) -> None:
-        self.recorder.log_event(self.eval, type, data, flush)
+        self.recorder.log(self.eval, type, data, flush)
 
         # track samples logged
         if type == "sample":
@@ -127,7 +125,7 @@ def log_sample(
         flush: bool = False,
     ) -> None:
         # log
-        self.log_event(
+        self.log(
             "sample",
             EvalSample(
                 id=sample.id if isinstance(sample.id, int) else str(sample.id),
@@ -139,15 +137,17 @@ def log_sample(
                 messages=state.messages,
                 output=state.output,
                 scores=cast(dict[str, Score], scores),
+                store=dict(state.store.items()),
+                transcript=eval_events(transcript().events),
             ),
             flush,
         )
 
     def log_plan(self, plan: EvalPlan) -> None:
-        self.log_event("plan", plan)
+        self.log("plan", plan)
 
     def log_results(self, results: EvalResults) -> None:
-        self.log_event("results", results)
+        self.log("results", results)
 
     def log_cancelled(self, stats: EvalStats) -> EvalLog:
         return self.recorder.log_cancelled(self.eval, stats)
@@ -178,18 +178,10 @@ def eval_plan_step(solver: Solver) -> EvalPlanStep:
     if plan.finish:
         eval_plan.steps.append(eval_plan_step(plan.finish))
 
-    logger.log_event("plan", eval_plan)
+    logger.log("plan", eval_plan)
 
 
 def collect_eval_data(stats: EvalStats, logger: TaskLogger) -> None:
     # collect stats
     stats.completed_at = iso_now()
     stats.model_usage = model_usage()
-
-    # collect log output
-    log_logger_records(logger, logger_records())
-
-
-def log_logger_records(logger: TaskLogger, records: list[LogRecord]) -> None:
-    for record in records:
-        logger.log_event("logging", LoggingMessage.from_log_record(record))
diff --git a/src/inspect_ai/_eval/task/run.py b/src/inspect_ai/_eval/task/run.py
index 6299eacae..272193766 100644
--- a/src/inspect_ai/_eval/task/run.py
+++ b/src/inspect_ai/_eval/task/run.py
@@ -18,7 +18,11 @@
     TaskSuccess,
 )
 from inspect_ai._eval.task.util import sample_messages
-from inspect_ai._util.constants import DEFAULT_EPOCHS, DEFAULT_MAX_CONNECTIONS
+from inspect_ai._util.constants import (
+    DEFAULT_EPOCHS,
+    DEFAULT_MAX_CONNECTIONS,
+    SAMPLE_SUBTASK,
+)
 from inspect_ai._util.datetime import iso_now
 from inspect_ai._util.error import exception_message
 from inspect_ai._util.file import file, filesystem
@@ -52,11 +56,18 @@
 from inspect_ai.scorer._metric import SampleScore
 from inspect_ai.scorer._scorer import unique_scorer_name
 from inspect_ai.solver import Generate, Plan, Solver, TaskState
-from inspect_ai.util import SandboxEnvironment
+from inspect_ai.solver._subtask.subtask import init_subtask
+from inspect_ai.solver._subtask.transcript import (
+    SampleInitEvent,
+    ScoreEvent,
+    transcript,
+)
+from inspect_ai.solver._task_state import state_jsonable
 from inspect_ai.util._sandbox.context import (
     cleanup_sandbox_environments_sample,
     init_sandbox_environments_sample,
 )
+from inspect_ai.util._sandbox.environment import SandboxEnvironment
 
 from ..context import init_task_context
 from ..task import Task
@@ -64,6 +75,7 @@
 from .images import samples_with_base64_images, states_with_base64_images
 from .log import TaskLogger, collect_eval_data, log_plan
 from .results import eval_results
+from .transcript import solver_transcript
 
 py_logger = getLogger(__name__)
 
@@ -100,8 +112,11 @@ async def task_run(options: TaskRunOptions) -> EvalLog:
     sample_semaphore = options.sample_semaphore
     kwargs = options.kwargs
 
+    # resolve default generate_config for task
+    generate_config = task.config.merge(GenerateConfigArgs(**kwargs))
+
     # init task context
-    init_task_context(model)
+    init_task_context(model, generate_config)
 
     # track stats and error
     stats = EvalStats(started_at=iso_now())
@@ -114,7 +129,6 @@ async def task_run(options: TaskRunOptions) -> EvalLog:
     sandbox_cleanup = config.sandbox_cleanup is not False
     log_images = config.log_images is True
     log_samples = config.log_samples is not False
-    generate_config = task.config.merge(GenerateConfigArgs(**kwargs))
 
     # resolve dataset
     _, samples, states = await resolve_dataset(
@@ -209,7 +223,6 @@ async def generate(
                         sandbox=sandbox,
                         sandbox_cleanup=sandbox_cleanup,
                         plan=plan,
-                        max_messages=config.max_messages,
                         scorers=scorers,
                         generate=generate,
                         progress=progress,
@@ -299,7 +312,6 @@ async def task_run_sample(
     sandbox: tuple[str, str | None] | None,
     sandbox_cleanup: bool,
     plan: Plan,
-    max_messages: int | None,
     scorers: list[Scorer] | None,
     generate: Generate,
     progress: Callable[..., None],
@@ -317,7 +329,7 @@ async def task_run_sample(
                 progress()
             # log if requested
             if logger:
-                logger.log_event("sample", previous_sample, False)
+                logger.log("sample", previous_sample, False)
 
             # return score
             if previous_sample.scores:
@@ -336,7 +348,10 @@ async def task_run_sample(
         semaphore if semaphore else contextlib.nullcontext()
     )
 
-    # use sandboxenv if provided
+    # initialise subtask
+    init_subtask(SAMPLE_SUBTASK, state.store)
+
+    # use toolenv if provided
     sandboxenv_cm = (
         sandboxenv_context(task_name, sandbox, sandbox_cleanup, sample)
         if sandbox
@@ -346,10 +361,17 @@ async def task_run_sample(
     # solver loop
     async with semaphore_cm, sandboxenv_cm:
         try:
+            # sample init event
+            transcript()._event(
+                SampleInitEvent(sample=sample, state=state_jsonable(state))
+            )
+
             # run plan steps (checking for early termination)
             for index, solver in enumerate(plan.steps):
                 # run the solver
-                state = await solver(state, generate)
+                with solver_transcript(solver, state) as st:
+                    state = await solver(state, generate)
+                    st.complete(state)
                 progress()
 
                 # check for early termination (tick remaining progress)
@@ -360,7 +382,9 @@ async def task_run_sample(
 
             # run finishing step them mark completed
             if plan.finish:
-                state = await plan.finish(state, generate)
+                with solver_transcript(plan.finish, state) as st:
+                    state = await plan.finish(state, generate)
+                    st.complete(state)
                 progress()
             state.completed = True
 
@@ -380,18 +404,20 @@ async def task_run_sample(
         if scorers:
             for scorer in scorers:
                 scorer_name = unique_scorer_name(scorer, list(results.keys()))
-                score_result = (
-                    await scorer(state, Target(sample.target)) if scorer else None
-                )
-                if score_result is not None:
-                    sample_score = SampleScore(
-                        value=score_result.value,
-                        answer=score_result.answer,
-                        explanation=score_result.explanation,
-                        metadata=score_result.metadata,
-                        sample_id=sample.id,
+                with transcript().step(name=scorer_name, type="scorer"):
+                    score_result = (
+                        await scorer(state, Target(sample.target)) if scorer else None
                     )
-                    results[scorer_name] = sample_score
+                    if score_result is not None:
+                        sample_score = SampleScore(
+                            value=score_result.value,
+                            answer=score_result.answer,
+                            explanation=score_result.explanation,
+                            metadata=score_result.metadata,
+                            sample_id=sample.id,
+                        )
+                        transcript()._event(ScoreEvent(score=score_result))
+                        results[scorer_name] = sample_score
         progress()
 
         # log it
diff --git a/src/inspect_ai/_eval/task/transcript.py b/src/inspect_ai/_eval/task/transcript.py
new file mode 100644
index 000000000..d599c3e24
--- /dev/null
+++ b/src/inspect_ai/_eval/task/transcript.py
@@ -0,0 +1,28 @@
+import contextlib
+from typing import Iterator
+
+from inspect_ai._util.json import json_changes
+from inspect_ai._util.registry import (
+    registry_log_name,
+)
+from inspect_ai.solver import Solver, TaskState, transcript
+from inspect_ai.solver._subtask.transcript import StateEvent
+from inspect_ai.solver._task_state import set_sample_state, state_jsonable
+
+
+class SolverTranscript:
+    def __init__(self, before_state: TaskState) -> None:
+        self.before = state_jsonable(before_state)
+
+    def complete(self, after_state: TaskState) -> None:
+        after = state_jsonable(after_state)
+        changes = json_changes(self.before, after)
+        if changes:
+            transcript()._event(StateEvent(changes=changes))
+
+
+@contextlib.contextmanager
+def solver_transcript(solver: Solver, state: TaskState) -> Iterator[SolverTranscript]:
+    set_sample_state(state)
+    with transcript().step(name=registry_log_name(solver), type="solver"):
+        yield SolverTranscript(state)
diff --git a/src/inspect_ai/_util/constants.py b/src/inspect_ai/_util/constants.py
index 967b233c7..93c2dc879 100644
--- a/src/inspect_ai/_util/constants.py
+++ b/src/inspect_ai/_util/constants.py
@@ -27,3 +27,4 @@
 DEFAULT_LOG_BUFFER_LOCAL = 10
 DEFAULT_LOG_BUFFER_REMOTE = 100
 SCORED_SUFFIX = "-scored"
+SAMPLE_SUBTASK = "sample"
diff --git a/src/inspect_ai/_util/file.py b/src/inspect_ai/_util/file.py
index 9d7c66df5..995359980 100644
--- a/src/inspect_ai/_util/file.py
+++ b/src/inspect_ai/_util/file.py
@@ -131,6 +131,9 @@ def ls(
     def is_local(self) -> bool:
         return isinstance(self.fs, fsspec.implementations.local.LocalFileSystem)
 
+    def put_file(self, lpath: str, rpath: str) -> None:
+        self.fs.put_file(lpath, rpath)
+
     def _file_info(self, info: dict[str, Any]) -> FileInfo:
         # name needs the protocol prepended
         file = info.copy()
diff --git a/src/inspect_ai/_util/json.py b/src/inspect_ai/_util/json.py
new file mode 100644
index 000000000..02c9859d7
--- /dev/null
+++ b/src/inspect_ai/_util/json.py
@@ -0,0 +1,98 @@
+from typing import Any, Literal, cast
+
+import jsonpatch
+from pydantic import BaseModel, Field, JsonValue
+from pydantic_core import to_jsonable_python
+
+JSONType = Literal["string", "integer", "number", "boolean", "array", "object", "null"]
+
+PythonType = Literal["str", "int", "float", "bool", "list", "dict", "None"]
+
+
+def jsonable_python(x: Any) -> Any:
+    return to_jsonable_python(x, exclude_none=True, fallback=lambda _x: None)
+
+
+def jsonable_dict(x: Any) -> dict[str, JsonValue]:
+    x = to_jsonable_python(x, exclude_none=True, fallback=lambda _x: None)
+    if isinstance(x, dict):
+        return x
+    else:
+        raise TypeError(
+            f"jsonable_dict must be passed an object with fields (type passed was {type(x)})"
+        )
+
+
+def python_type_to_json_type(python_type: str | None) -> JSONType:
+    match python_type:
+        case "str":
+            return "string"
+        case "int":
+            return "integer"
+        case "float":
+            return "number"
+        case "bool":
+            return "boolean"
+        case "list":
+            return "array"
+        case "dict":
+            return "object"
+        case "None":
+            return "null"
+        # treat 'unknown' as string as anything can be converted to string
+        case None:
+            return "string"
+        case _:
+            raise ValueError(
+                f"Unsupported type: {python_type} for Python to JSON conversion."
+            )
+
+
+def json_type_to_python_type(json_type: str) -> PythonType:
+    match json_type:
+        case "string":
+            return "str"
+        case "integer":
+            return "int"
+        case "number":
+            return "float"
+        case "boolean":
+            return "bool"
+        case "array":
+            return "list"
+        case "object":
+            return "dict"
+        case "null":
+            return "None"
+        case _:
+            raise ValueError(
+                f"Unsupported type: {json_type} for JSON to Python conversion."
+            )
+
+
+class JsonChange(BaseModel):
+    """Describes a change to data using JSON Patch format."""
+
+    op: Literal["remove", "add", "replace", "move", "test", "copy"]
+    """Change operation."""
+
+    path: str
+    """Path within object that was changed (uses / to delimit levels)."""
+
+    from_: str | None = Field(default=None, alias="from")
+    """Location from which data was moved or copied."""
+
+    value: JsonValue = Field(default=None)
+    """Changed value."""
+
+    model_config = {"populate_by_name": True}
+
+
+def json_changes(
+    before: dict[str, Any], after: dict[str, Any]
+) -> list[JsonChange] | None:
+    patch = jsonpatch.make_patch(before, after)
+    if patch:
+        return [JsonChange(**change) for change in cast(list[Any], patch)]
+    else:
+        return None
diff --git a/src/inspect_ai/_util/logger.py b/src/inspect_ai/_util/logger.py
index 1348094af..93ae18698 100644
--- a/src/inspect_ai/_util/logger.py
+++ b/src/inspect_ai/_util/logger.py
@@ -1,24 +1,17 @@
 from contextvars import ContextVar
 from logging import INFO, Logger, LogRecord
 
-_logger_records_context_var = ContextVar[list[LogRecord]]("logger_records", default=[])
-
-
-def init_logger_records() -> None:
-    _logger_records_context_var.set([])
+from inspect_ai.log._message import LoggingMessage
+from inspect_ai.solver._subtask.transcript import LoggerEvent, transcript
 
 
 def notify_logger_record(record: LogRecord, write: bool) -> None:
     if write:
-        _logger_records_context_var.get().append(record)
+        transcript()._event(LoggerEvent(message=LoggingMessage.from_log_record(record)))
     if record.levelno <= INFO and "429" in record.getMessage():
         _rate_limit_count_context_var.set(_rate_limit_count_context_var.get() + 1)
 
 
-def logger_records() -> list[LogRecord]:
-    return _logger_records_context_var.get()
-
-
 _rate_limit_count_context_var = ContextVar[int]("rate_limit_count", default=0)
 
 
diff --git a/src/inspect_ai/_view/schema.py b/src/inspect_ai/_view/schema.py
index ef9477e05..9a0107e76 100644
--- a/src/inspect_ai/_view/schema.py
+++ b/src/inspect_ai/_view/schema.py
@@ -17,7 +17,7 @@ def sync_view_schema() -> None:
     """
     # export schema file
     schema_path = Path(WWW_DIR, "log-schema.json")
-    types_path = Path(WWW_DIR, "log.d.ts")
+    types_path = Path(WWW_DIR, "src", "types", "log.d.ts")
     with open(schema_path, "w", encoding="utf-8") as f:
         # make everything required
         schema = EvalLog.model_json_schema()
@@ -29,6 +29,7 @@ def sync_view_schema() -> None:
         # generate types w/ json-schema-to-typescript
         subprocess.run(
             [
+                "yarn",
                 "json2ts",
                 "--input",
                 schema_path,
@@ -39,7 +40,7 @@ def sync_view_schema() -> None:
             ],
             cwd=WWW_DIR,
         )
-        subprocess.run(["yarn", "prettier:write"], cwd=WWW_DIR)
+        subprocess.run(["yarn", "prettier:write"], cwd=types_path.parent)
 
 
 def schema_to_strict(schema: dict[str, Any]) -> dict[str, Any]:
diff --git a/src/inspect_ai/_view/www/.gitignore b/src/inspect_ai/_view/www/.gitignore
index 40b878db5..42679e49b 100644
--- a/src/inspect_ai/_view/www/.gitignore
+++ b/src/inspect_ai/_view/www/.gitignore
@@ -1 +1,4 @@
-node_modules/
\ No newline at end of file
+node_modules/
+.env
+__pycache__/
+dist/assets/*.js.map
\ No newline at end of file
diff --git a/src/inspect_ai/_view/www/App.css b/src/inspect_ai/_view/www/App.css
index c9e561cc6..6cd4faa3f 100644
--- a/src/inspect_ai/_view/www/App.css
+++ b/src/inspect_ai/_view/www/App.css
@@ -9,6 +9,12 @@
   --inspect-input-border: var(--bs-light-border-subtle);
 }
 
+body:not([class^="vscode-"]) button {
+  --bs-nav-pills-link-active-bg: #e3eaf1;
+  --bs-nav-pills-link-active-color: black;
+  --bs-nav-link-color: black;
+}
+
 #app {
   height: 100vh;
   overflow-y: hidden;
@@ -18,7 +24,7 @@
   display: grid;
   height: 100vh;
   overflow-y: hidden;
-  grid-template-rows: minmax(65px, max-content) max-content 1fr;
+  grid-template-rows: max-content max-content 1fr;
 }
 
 .modal {
@@ -30,7 +36,7 @@
 }
 
 body[class^="vscode-"] .app-main-grid {
-  grid-template-rows: minmax(55px, max-content) max-content 1fr;
+  grid-template-rows: max-content max-content 1fr;
 }
 
 body[class^="vscode-"] {
@@ -61,6 +67,10 @@ body[class^="vscode-"] {
   --inspect-input-border: var(--vscode-input-border);
 }
 
+html.vscode {
+  font-size: 13px;
+}
+
 body[class^="vscode-"] .modal-backdrop {
   --bs-backdrop-opacity: 0.15;
   --bs-backdrop-bg: var(--vscode-editor-foreground);
@@ -92,15 +102,19 @@ body[class^="vscode-"] {
 }
 
 body[class^="vscode-"] .navbar-brand {
-  font-size: 1em;
+  font-size: 1.1em;
+}
+body[class^="vscode-"] .navbar-brand > div {
+  margin-top: -0.2rem !important;
 }
 
-body[class^="vscode-"] .navbar-brand .navbar-secondary-text {
-  font-size: 0.8em;
+body[class^="vscode-"] .task-title {
+  margin-top: 0.4em;
 }
 
-body[class^="vscode-"] .navbar #sidebarToggle > i.bi {
-  font-size: 1.1em;
+body[class^="vscode-"] .task-model {
+  margin-top: 0.2rem;
+  font-size: 0.9rem;
 }
 
 body[class^="vscode-"] .accordion-button::after {
@@ -211,7 +225,7 @@ body[class^="vscode-"] .sidebar .list-group {
 :root {
   --bs-navbar-padding-y: 0;
   --bs-navbar-brand-padding-y: 0;
-  --sidebar-width: 500px;
+  --sidebar-width: 550px;
 }
 
 body {
@@ -429,13 +443,6 @@ pre[class*="language-"] {
   font-weight: 500;
 }
 
-.card-subheading {
-  margin-top: 1em;
-  font-size: 0.8rem;
-  font-weight: 700;
-  padding-bottom: 0.2em;
-}
-
 .btn .btn-link {
   cursor: pointer;
 }
@@ -689,3 +696,166 @@ table.table.table-sm td {
 .vscode-dark .tool-output {
   background-color: #333333;
 }
+
+
+/* jsondiffpatch */
+
+.jsondiffpatch-delta {
+  padding: 1em;
+  background: var(--bs-light);
+  font-family: var(--bs-font-monospace);
+  font-size: 0.9em;
+}
+.jsondiffpatch-delta pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+  margin-bottom: 0;
+}
+ul.jsondiffpatch-delta {
+  list-style-type: none;
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+.jsondiffpatch-delta ul {
+  list-style-type: none;
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+.jsondiffpatch-added,
+.jsondiffpatch-modified .jsondiffpatch-right-value pre,
+.jsondiffpatch-textdiff-added {
+  background: #dafbe1;
+}
+
+.jsondiffpatch-deleted .jsondiffpatch-property-name,
+.jsondiffpatch-deleted pre,
+.jsondiffpatch-modified .jsondiffpatch-left-value pre,
+.jsondiffpatch-textdiff-deleted {
+  background: #ffebe9;
+  text-decoration: line-through;
+}
+.jsondiffpatch-unchanged,
+.jsondiffpatch-movedestination {
+  color: gray;
+}
+.jsondiffpatch-unchanged,
+.jsondiffpatch-movedestination > .jsondiffpatch-value {
+  transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+  overflow-y: hidden;
+}
+.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-showing
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 100px;
+}
+.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-hidden
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 0;
+}
+.jsondiffpatch-unchanged-hiding
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value,
+.jsondiffpatch-unchanged-hidden
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  display: block;
+}
+.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-visible
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 100px;
+}
+.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-hiding
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 0;
+}
+.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
+.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
+  display: none;
+}
+.jsondiffpatch-value {
+  display: inline-block;
+}
+.jsondiffpatch-property-name {
+  display: inline-block;
+  padding-right: 5px;
+  vertical-align: top;
+}
+.jsondiffpatch-property-name:after {
+  content: ': ';
+}
+.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
+  content: ': [';
+}
+.jsondiffpatch-child-node-type-array:after {
+  content: '],';
+}
+div.jsondiffpatch-child-node-type-array:before {
+  content: '[';
+}
+div.jsondiffpatch-child-node-type-array:after {
+  content: ']';
+}
+.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
+  content: ': {';
+}
+.jsondiffpatch-child-node-type-object:after {
+  content: '},';
+}
+div.jsondiffpatch-child-node-type-object:before {
+  content: '{';
+}
+div.jsondiffpatch-child-node-type-object:after {
+  content: '}';
+}
+.jsondiffpatch-value pre:after {
+  content: ',';
+}
+li:last-child > .jsondiffpatch-value pre:after,
+.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
+  content: '';
+}
+.jsondiffpatch-modified .jsondiffpatch-value {
+  display: inline-block;
+}
+.jsondiffpatch-modified .jsondiffpatch-right-value {
+  margin-left: 0;
+}
+.jsondiffpatch-moved .jsondiffpatch-value {
+  display: none;
+}
+.jsondiffpatch-moved .jsondiffpatch-moved-destination {
+  display: inline-block;
+  background: #ffffbb;
+  color: #888;
+}
+.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
+  content: ' => ';
+}
+ul.jsondiffpatch-textdiff {
+  padding: 0;
+}
+.jsondiffpatch-textdiff-location {
+  color: #bbb;
+  display: inline-block;
+  min-width: 60px;
+}
+.jsondiffpatch-textdiff-line {
+  display: inline-block;
+}
+.jsondiffpatch-textdiff-line-number:after {
+  content: ',';
+}
+.jsondiffpatch-error {
+  background: red;
+  color: white;
+  font-weight: bold;
+}
diff --git a/src/inspect_ai/_view/www/dist/assets/index.css b/src/inspect_ai/_view/www/dist/assets/index.css
index e3f248f29..6a8c4f222 100644
--- a/src/inspect_ai/_view/www/dist/assets/index.css
+++ b/src/inspect_ai/_view/www/dist/assets/index.css
@@ -131,6 +131,12 @@ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shad
   --inspect-input-border: var(--bs-light-border-subtle);
 }
 
+body:not([class^="vscode-"]) button {
+  --bs-nav-pills-link-active-bg: #e3eaf1;
+  --bs-nav-pills-link-active-color: black;
+  --bs-nav-link-color: black;
+}
+
 #app {
   height: 100vh;
   overflow-y: hidden;
@@ -140,7 +146,7 @@ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shad
   display: grid;
   height: 100vh;
   overflow-y: hidden;
-  grid-template-rows: minmax(65px, max-content) max-content 1fr;
+  grid-template-rows: max-content max-content 1fr;
 }
 
 .modal {
@@ -152,7 +158,7 @@ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shad
 }
 
 body[class^="vscode-"] .app-main-grid {
-  grid-template-rows: minmax(55px, max-content) max-content 1fr;
+  grid-template-rows: max-content max-content 1fr;
 }
 
 body[class^="vscode-"] {
@@ -183,6 +189,10 @@ body[class^="vscode-"] {
   --inspect-input-border: var(--vscode-input-border);
 }
 
+html.vscode {
+  font-size: 13px;
+}
+
 body[class^="vscode-"] .modal-backdrop {
   --bs-backdrop-opacity: 0.15;
   --bs-backdrop-bg: var(--vscode-editor-foreground);
@@ -214,15 +224,19 @@ body[class^="vscode-"] {
 }
 
 body[class^="vscode-"] .navbar-brand {
-  font-size: 1em;
+  font-size: 1.1em;
+}
+body[class^="vscode-"] .navbar-brand > div {
+  margin-top: -0.2rem !important;
 }
 
-body[class^="vscode-"] .navbar-brand .navbar-secondary-text {
-  font-size: 0.8em;
+body[class^="vscode-"] .task-title {
+  margin-top: 0.4em;
 }
 
-body[class^="vscode-"] .navbar #sidebarToggle > i.bi {
-  font-size: 1.1em;
+body[class^="vscode-"] .task-model {
+  margin-top: 0.2rem;
+  font-size: 0.9rem;
 }
 
 body[class^="vscode-"] .accordion-button::after {
@@ -333,7 +347,7 @@ body[class^="vscode-"] .sidebar .list-group {
 :root {
   --bs-navbar-padding-y: 0;
   --bs-navbar-brand-padding-y: 0;
-  --sidebar-width: 500px;
+  --sidebar-width: 550px;
 }
 
 body {
@@ -551,13 +565,6 @@ pre[class*="language-"] {
   font-weight: 500;
 }
 
-.card-subheading {
-  margin-top: 1em;
-  font-size: 0.8rem;
-  font-weight: 700;
-  padding-bottom: 0.2em;
-}
-
 .btn .btn-link {
   cursor: pointer;
 }
@@ -811,3 +818,166 @@ table.table.table-sm td {
 .vscode-dark .tool-output {
   background-color: #333333;
 }
+
+
+/* jsondiffpatch */
+
+.jsondiffpatch-delta {
+  padding: 1em;
+  background: var(--bs-light);
+  font-family: var(--bs-font-monospace);
+  font-size: 0.9em;
+}
+.jsondiffpatch-delta pre {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+  margin-bottom: 0;
+}
+ul.jsondiffpatch-delta {
+  list-style-type: none;
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+.jsondiffpatch-delta ul {
+  list-style-type: none;
+  padding: 0 0 0 1.5em;
+  margin: 0;
+}
+.jsondiffpatch-added,
+.jsondiffpatch-modified .jsondiffpatch-right-value pre,
+.jsondiffpatch-textdiff-added {
+  background: #dafbe1;
+}
+
+.jsondiffpatch-deleted .jsondiffpatch-property-name,
+.jsondiffpatch-deleted pre,
+.jsondiffpatch-modified .jsondiffpatch-left-value pre,
+.jsondiffpatch-textdiff-deleted {
+  background: #ffebe9;
+  text-decoration: line-through;
+}
+.jsondiffpatch-unchanged,
+.jsondiffpatch-movedestination {
+  color: gray;
+}
+.jsondiffpatch-unchanged,
+.jsondiffpatch-movedestination > .jsondiffpatch-value {
+  transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+  overflow-y: hidden;
+}
+.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-showing
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 100px;
+}
+.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-hidden
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 0;
+}
+.jsondiffpatch-unchanged-hiding
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value,
+.jsondiffpatch-unchanged-hidden
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  display: block;
+}
+.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-visible
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 100px;
+}
+.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
+.jsondiffpatch-unchanged-hiding
+  .jsondiffpatch-movedestination
+  > .jsondiffpatch-value {
+  max-height: 0;
+}
+.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
+.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
+  display: none;
+}
+.jsondiffpatch-value {
+  display: inline-block;
+}
+.jsondiffpatch-property-name {
+  display: inline-block;
+  padding-right: 5px;
+  vertical-align: top;
+}
+.jsondiffpatch-property-name:after {
+  content: ': ';
+}
+.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
+  content: ': [';
+}
+.jsondiffpatch-child-node-type-array:after {
+  content: '],';
+}
+div.jsondiffpatch-child-node-type-array:before {
+  content: '[';
+}
+div.jsondiffpatch-child-node-type-array:after {
+  content: ']';
+}
+.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
+  content: ': {';
+}
+.jsondiffpatch-child-node-type-object:after {
+  content: '},';
+}
+div.jsondiffpatch-child-node-type-object:before {
+  content: '{';
+}
+div.jsondiffpatch-child-node-type-object:after {
+  content: '}';
+}
+.jsondiffpatch-value pre:after {
+  content: ',';
+}
+li:last-child > .jsondiffpatch-value pre:after,
+.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
+  content: '';
+}
+.jsondiffpatch-modified .jsondiffpatch-value {
+  display: inline-block;
+}
+.jsondiffpatch-modified .jsondiffpatch-right-value {
+  margin-left: 0;
+}
+.jsondiffpatch-moved .jsondiffpatch-value {
+  display: none;
+}
+.jsondiffpatch-moved .jsondiffpatch-moved-destination {
+  display: inline-block;
+  background: #ffffbb;
+  color: #888;
+}
+.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
+  content: ' => ';
+}
+ul.jsondiffpatch-textdiff {
+  padding: 0;
+}
+.jsondiffpatch-textdiff-location {
+  color: #bbb;
+  display: inline-block;
+  min-width: 60px;
+}
+.jsondiffpatch-textdiff-line {
+  display: inline-block;
+}
+.jsondiffpatch-textdiff-line-number:after {
+  content: ',';
+}
+.jsondiffpatch-error {
+  background: red;
+  color: white;
+  font-weight: bold;
+}
diff --git a/src/inspect_ai/_view/www/dist/assets/index.js b/src/inspect_ai/_view/www/dist/assets/index.js
index ba2f525c4..0ccc34f72 100644
--- a/src/inspect_ai/_view/www/dist/assets/index.js
+++ b/src/inspect_ai/_view/www/dist/assets/index.js
@@ -2381,7 +2381,7 @@ const MILLISECONDS_MULTIPLIER = 1e3;
 const TRANSITION_END = "transitionend";
 const parseSelector = (selector) => {
   if (selector && window.CSS && window.CSS.escape) {
-    selector = selector.replace(/#([^\s"#']+)/g, (match, id2) => `#${CSS.escape(id2)}`);
+    selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`);
   }
   return selector;
 };
@@ -6219,6 +6219,9 @@ const filename = (path) => {
     return path;
   }
 };
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
 function throttle(func, wait, options) {
   var context, args, result;
   var timeout = null;
@@ -6250,9 +6253,6 @@ function throttle(func, wait, options) {
     return result;
   };
 }
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
 const clearDocumentSelection = () => {
   const sel = window.getSelection();
   if (sel) {
@@ -6263,14 +6263,29 @@ const clearDocumentSelection = () => {
     }
   }
 };
-const icons = {
+const ApplicationIcons = {
   arrows: {
     right: "bi bi-arrow-right",
     down: "bi bi-arrow-down",
     up: "bi bi-arrow-up"
   },
-  "collapse-all": "bi bi-arrows-collapse",
-  "collapse-up": "bi bi-chevron-up",
+  caret: {
+    right: "bi bi-caret-right",
+    down: "bi bi-caret-down"
+  },
+  changes: {
+    add: "bi bi-plus",
+    remove: "bi bi-dash",
+    replace: "bi bi-plus-slash-minus"
+  },
+  chevron: {
+    right: "bi bi-chevron-right",
+    down: "bi bi-chevron-down"
+  },
+  collapse: {
+    all: "bi bi-arrows-collapse",
+    up: "bi bi-chevron-up"
+  },
   close: "bi bi-x",
   config: "bi bi-gear",
   confirm: "bi bi-check",
@@ -6281,11 +6296,13 @@ const icons = {
   error: "bi bi-exclamation-circle",
   "expand-all": "bi bi-arrows-expand",
   "expand-down": "bi bi-chevron-down",
+  info: "bi bi-info-circle",
   inspect: "bi bi-gear",
   json: "bi bi-filetype-json",
   logging: {
     notset: "bi bi-card-text",
     debug: "bi bi-bug",
+    http: "bi bi-download",
     info: "bi bi-info-square",
     warning: "bi bi-exclamation-triangle",
     error: "bi bi-x-circle",
@@ -6294,9 +6311,10 @@ const icons = {
   menu: "bi bi-list",
   messages: "bi bi-chat-right-text",
   metadata: "bi bi-table",
-  model: "bi bi-cpu",
+  model: "bi bi-grid-3x3-gap",
   "toggle-right": "bi bi-chevron-right",
   more: "bi bi-zoom-in",
+  "multiple-choice": "bi bi-card-list",
   next: "bi bi-chevron-right",
   previous: "bi bi-chevron-left",
   role: {
@@ -6305,7 +6323,7 @@ const icons = {
     assistant: "bi bi-robot",
     tool: "bi bi-tools"
   },
-  sample: "bi bi-speedometer",
+  sample: "bi bi-database",
   samples: "bi bi-file-spreadsheet",
   scorer: "bi bi-calculator",
   search: "bi bi-search",
@@ -6317,64 +6335,33 @@ const icons = {
     system_message: "bi bi-cpu",
     use_tools: "bi bi-tools"
   },
+  step: "bi bi-fast-forward-btn",
+  subtask: "bi bi-subtract",
+  transcript: "bi bi-list-columns-reverse",
   usage: "bi bi-stopwatch"
 };
-const colors = {
-  logging: {
-    debug: "var(--bs-secondary)",
-    info: "var(--bs-blue)",
-    warning: "var(--bs-warning)",
-    error: "var(--bs-danger)",
-    critical: "var(--bs-danger)"
-  }
+const kBaseFontSize = 0.9;
+const ScaleBaseFont = (scale) => {
+  return `${kBaseFontSize + scale}rem`;
 };
-const sharedStyles = {
-  moreButton: {
-    maxHeight: "1.8em",
-    fontSize: "0.8rem",
-    padding: "0 0.2em 0 0.2em",
-    color: "var(--bs-secondary)"
-  },
-  threeLineClamp: {
-    display: "-webkit-box",
-    "-webkit-line-clamp": "3",
-    "-webkit-box-orient": "vertical",
-    overflow: "hidden"
-  },
-  lineClamp: (len) => {
-    return {
-      display: "-webkit-box",
-      "-webkit-line-clamp": `${len}`,
-      "-webkit-box-orient": "vertical",
-      overflow: "hidden"
-    };
-  },
-  wrapText: () => {
-    return {
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden"
-    };
+const FontSize = {
+  title: ScaleBaseFont(0.6),
+  "title-secondary": ScaleBaseFont(0.4),
+  larger: ScaleBaseFont(0.2),
+  large: ScaleBaseFont(0.1),
+  base: ScaleBaseFont(0),
+  small: ScaleBaseFont(-0.1),
+  smaller: ScaleBaseFont(-0.1)
+};
+const TextStyle = {
+  label: {
+    textTransform: "uppercase"
   },
-  scoreFills: {
-    green: {
-      backgroundColor: "var(--bs-success)",
-      borderColor: "var(--bs-success)",
-      color: "var(--bs-body-bg)"
-    },
-    red: {
-      backgroundColor: "var(--bs-danger)",
-      borderColor: "var(--bs-danger)",
-      color: "var(--bs-body-bg)"
-    },
-    orange: {
-      backgroundColor: "var(--bs-orange)",
-      borderColor: "var(--bs-orange)",
-      color: "var(--bs-body-bg)"
-    }
+  secondary: {
+    color: "var(--bs-secondary)"
   }
 };
-const ErrorPanel = ({ id: id2, classes, title, error }) => {
+const ErrorPanel = ({ id, classes, title, error }) => {
   const emptyStyle = {
     display: "flex",
     flex: "0 0 content",
@@ -6385,7 +6372,7 @@ const ErrorPanel = ({ id: id2, classes, title, error }) => {
   const stack2 = error.stack;
   return m$1`
     <div
-      ...${{ id: id2 }}
+      ...${{ id }}
       class="${classes ? classes : ""}"
       style=${{
     ...emptyStyle,
@@ -6394,10 +6381,10 @@ const ErrorPanel = ({ id: id2, classes, title, error }) => {
     marginTop: "4rem"
   }}
     >
-      <div style=${{ ...emptyStyle, fontSize: "1.3rem" }}>
+      <div style=${{ ...emptyStyle, fontSize: FontSize["title-secondary"] }}>
         <div>
           <i
-            class="${icons.error}"
+            class="${ApplicationIcons.error}"
             style="${{ marginRight: "0.5rem", color: "var(--bs-red)" }}"
           ></i>
         </div>
@@ -6406,7 +6393,7 @@ const ErrorPanel = ({ id: id2, classes, title, error }) => {
       <div
         style=${{
     display: "inline-block",
-    fontSize: "0.8rem",
+    fontSize: FontSize.smaller,
     marginTop: "3rem",
     border: "solid 1px var(--bs-border-color)",
     borderRadius: "var(--bs-border-radius)",
@@ -6417,7 +6404,7 @@ const ErrorPanel = ({ id: id2, classes, title, error }) => {
         <div>
           Error: ${message || ""}
           ${stack2 && m$1`
-            <pre style=${{ fontSize: "0.8rem" }}>
+            <pre style=${{ fontSize: FontSize.smaller }}>
             <code>
               at ${stack2}
             </code>
@@ -6452,7 +6439,6 @@ class AppErrorBoundary extends b {
 }
 const ProgressBar = ({ style, animating }) => {
   const emptyStyle = {
-    ...style,
     display: "flex",
     textAlign: "center",
     flex: "0 0 content",
@@ -6460,19 +6446,20 @@ const ProgressBar = ({ style, animating }) => {
     justifyContent: "center",
     border: "none",
     padding: "0",
-    background: "#FFFFFF00",
-    fontSize: "0.7em",
     zIndex: 1001,
-    width: "100%"
+    width: "100%",
+    height: "0px",
+    overflow: "visible"
   };
   const progressContainerStyle = {
     width: "100%",
-    height: "4px",
+    height: "2px",
     background: "none"
   };
   const progressBarStyle = {
     width: "5%",
-    height: "2px"
+    height: "2px",
+    ...style
   };
   return m$1`
     <div style=${emptyStyle} class="empty-message">
@@ -6493,3672 +6480,1975 @@ const ProgressBar = ({ style, animating }) => {
     </div>
   `;
 };
-const CopyButton = ({ value }) => {
-  return m$1`<button
-    class="copy-button"
-    style=${{
-    border: "none",
-    backgroundColor: "inherit",
-    opacity: "0.5",
-    paddingTop: "0px"
-  }}
-    data-clipboard-text=${value}
-    onclick=${(e2) => {
-    const iEl = e2.target;
-    if (iEl) {
-      iEl.className = `${icons.confirm} primary`;
-      setTimeout(() => {
-        iEl.className = icons.copy;
-      }, 1250);
-    }
-    return false;
-  }}
-  >
-    <i class=${icons.copy}></i>
-  </button>`;
-};
-const Navbar = ({
-  file,
-  task,
+const Sidebar = ({
+  offcanvas,
   logs,
-  model,
-  status,
-  samples,
-  results,
-  offcanvas
+  loading,
+  logHeaders,
+  selectedIndex,
+  onSelectedIndexChanged
 }) => {
-  const toggleOffCanClass = offcanvas ? "" : " d-md-none";
-  const logFileName = file ? filename(file) : "";
-  let statusPanel;
-  if (status === "success") {
-    statusPanel = m$1`<${ResultsPanel} results="${results}" />`;
-  } else if (status === "cancelled") {
-    statusPanel = m$1`<${CanceledPanel}
-      sampleCount=${(samples == null ? void 0 : samples.length) || 0}
-    />`;
-  } else if (status === "started") {
-    statusPanel = m$1`<${RunningPanel} />`;
-  }
-  const navbarContents = logFileName ? m$1` <div
-          class="navbar-brand navbar-text mb-0"
+  const btnOffCanClass = offcanvas ? "" : " d-md-none";
+  const sidebarOffCanClass = offcanvas ? " offcanvas" : " offcanvas-md";
+  return m$1`
+    <div
+      class="sidebar border-end offcanvas-start${sidebarOffCanClass}"
+      id="sidebarOffCanvas"
+      style=${{ display: "flex", flexDirection: "column", height: "100%" }}
+    >
+      <div
+        style=${{
+    display: "grid",
+    gridTemplateColumns: "minmax(0, 1fr) auto",
+    columnGap: "0.2rem",
+    alignItems: "center",
+    paddingLeft: "0.5rem",
+    opacity: "0.7",
+    position: "fixed",
+    width: "var(--sidebar-width)",
+    zIndex: 10,
+    borderBottom: "solid var(--bs-light-border-subtle) 1px",
+    paddingBottom: "0.5rem",
+    paddingTop: "0.5rem"
+  }}
+      >
+        <${LogDirectoryTitle} log_dir=${logs.log_dir} offcanvas=${offcanvas} />
+        <button
+          id="sidebarToggle"
+          class="btn d-inline${btnOffCanClass}"
+          type="button"
+          data-bs-toggle="offcanvas"
+          data-bs-target="#sidebarOffCanvas"
+          aria-controls="sidebarOffCanvas"
           style=${{
-    display: "flex",
-    paddingTop: 0,
-    marginLeft: "0.5rem",
-    minWidth: "350px"
+    padding: ".1rem",
+    alignSelf: "end",
+    width: "40px",
+    flex: "0 0 content"
   }}
         >
-          ${logs.files.length > 1 || logs.log_dir ? m$1`<button
-                id="sidebarToggle"
-                class="btn${toggleOffCanClass}"
-                type="button"
-                data-bs-toggle="offcanvas"
-                data-bs-target="#sidebarOffCanvas"
-                aria-controls="sidebarOffCanvas"
-                style=${{
-    padding: "0rem 0.1rem 0.1rem 0rem",
-    display: "flex"
-  }}
-              >
-                <i class=${icons.menu}></i>
-              </button> ` : ""}
-          <div
-            style=${{
-    display: "flex",
-    flexDirection: "column",
-    marginLeft: "0.2rem"
-  }}
-          >
-            <div
-              style=${{
-    marginTop: "0.1rem",
-    display: "grid",
-    gridTemplateColumns: "minmax(30px,max-content) minmax(100px, max-content)"
-  }}
+          <i class=${ApplicationIcons.close}></i>
+        </button>
+      </div>
+      <div style=${{ marginTop: "61px", zIndex: 3 }}>
+        <${ProgressBar} animating=${loading} style=${{ marginTop: "-2px" }} />
+      </div>
+      <ul
+        class="list-group"
+        style=${{ flexGrow: 1, overflowY: "auto", marginTop: "-3px" }}
+      >
+        ${logs.files.map((file, index) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const active = index === selectedIndex ? " active" : "";
+    const logHeader = logHeaders[file.name];
+    const hyperparameters = logHeader ? {
+      ...(_a = logHeader.plan) == null ? void 0 : _a.config,
+      ...(_b = logHeader.eval) == null ? void 0 : _b.task_args
+    } : void 0;
+    const model = (_c = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _c.model;
+    const dataset = (_d = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _d.dataset;
+    const uniqScorers = /* @__PURE__ */ new Set();
+    (_f = (_e = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _e.scores) == null ? void 0 : _f.forEach((scorer2) => {
+      uniqScorers.add(scorer2.name);
+    });
+    const scorer = Array.from(uniqScorers).join(",");
+    const scorerLabel = Object.keys(((_g = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _g.scores) || {}).length === 1 ? "scorer" : "scorers";
+    const completed = (_h = logHeader == null ? void 0 : logHeader.stats) == null ? void 0 : _h.completed_at;
+    const time = completed ? new Date(completed) : void 0;
+    const timeStr = time ? `${time.toDateString()}
+          ${time.toLocaleTimeString([], {
+      hour: "2-digit",
+      minute: "2-digit"
+    })}` : "";
+    return m$1`
+            <li
+              class="list-group-item list-group-item-action${active}"
+              onclick=${() => onSelectedIndexChanged(index)}
             >
               <div
                 style=${{
-    fontWeight: 600,
-    marginRight: "0.3rem",
-    ...sharedStyles.wrapText()
-  }}
-                title=${task}
-              >
-                ${task}
-              </div>
-              <div
-                style=${{
-    fontWeight: 300,
-    fontSize: "0.9em",
-    paddingTop: "0.15em",
-    ...sharedStyles.wrapText()
-  }}
-                title=${model}
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between"
+    }}
               >
-                ${model}
+                <div style=${{ overflow: "hidden" }}>
+                  <div
+                    style=${{
+      fontSize: FontSize["title-secondary"],
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    }}
+                  >
+                    ${((_i = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _i.task) || file.task}
+                  </div>
+                  <small class="mb-1" style=${{ fontSize: FontSize.small }}>
+                    ${timeStr}
+                  </small>
+
+                  ${model ? m$1` <div>
+                        <small
+                          class="mb-1"
+                          style=${{ fontSize: FontSize.small }}
+                          >${model}</small
+                        >
+                      </div>` : ""}
+                </div>
+                <${EvalStatus} logHeader=${logHeader} />
               </div>
-            </div>
-            <div
-              style=${{
-    opacity: "0.7",
-    marginTop: "0.1rem",
-    paddingBottom: 0,
-    fontSize: "0.9rem",
-    fontWeight: "300",
-    display: "grid",
-    gridTemplateColumns: "minmax(0,max-content) max-content"
-  }}
-            >
-              <div
-                class="navbar-secondary-text"
-                style=${{
-    ...sharedStyles.wrapText()
-  }}
-              >
-                ${logFileName}
+              <div style=${{ marginTop: "1em" }}>
+                <small class="mb-1">
+                  ${hyperparameters ? Object.keys(hyperparameters).map((key2) => {
+      return `${key2}: ${hyperparameters[key2]}`;
+    }).join(", ") : ""}
+                </small>
               </div>
-              <${CopyButton} value=${file} />
-            </div>
-          </div>
-        </div>
-
-        <div
-          class="navbar-text"
-          style=${{
-    justifyContent: "end",
-    marginRight: "1em",
-    marginBottom: "0"
-  }}
-        >
-          ${statusPanel}
-        </div>` : "";
-  return m$1`
-    <nav
-      class="navbar sticky-top"
-      style=${{
-    flexWrap: "nowrap",
-    borderBottom: "solid var(--bs-border-color) 1px"
-  }}
-    >
-      <div class="navbar-title-grid">${navbarContents}</div>
-    </nav>
+              ${(dataset || scorer) && (logHeader == null ? void 0 : logHeader.status) === "success" ? m$1`<div
+                    style=${{
+      display: "flex",
+      justifyContent: "space-between",
+      marginTop: "0em",
+      fontSize: FontSize.small
+    }}
+                  >
+                    <span>dataset: ${dataset.name || "(samples)"}</span
+                    ><span>${scorerLabel}: ${scorer}</span>
+                  </div>` : ""}
+            </li>
+          `;
+  })}
+      </ul>
+    </div>
   `;
 };
-const CanceledPanel = ({ sampleCount }) => {
+const prettyDir = (path) => {
+  try {
+    let url = new URL(path);
+    if (url.protocol === "file:") {
+      return url.pathname;
+    } else {
+      return path;
+    }
+  } catch {
+    return path;
+  }
+};
+const EvalStatus = ({ logHeader }) => {
+  var _a;
+  switch (logHeader.status) {
+    case "error":
+      return m$1`<${StatusError} message="Error" />`;
+    case "cancelled":
+      return m$1`<${StatusCancelled} message="Cancelled" />`;
+    case "started":
+      return m$1`<${StatusRunning} message="Running" />`;
+    default:
+      if (((_a = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _a.scores) && logHeader.results.scores.length > 0) {
+        if (logHeader.results.scores.length === 1) {
+          return m$1`<${SidebarScore}
+            scorer=${logHeader.results.scores[0]}
+          />`;
+        } else {
+          return m$1`<${SidebarScores} scores=${logHeader.results.scores} />`;
+        }
+      } else {
+        return "";
+      }
+  }
+};
+const SidebarScore = ({ scorer }) => {
   return m$1`<div
     style=${{
-    padding: "1em",
-    marginTop: "0.5em",
-    textTransform: "uppercase",
-    fontSize: "0.7em"
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "flex-end"
   }}
   >
-    <i class="${icons.logging.info}" style=${{ fontSize: "1.1em" }} /> cancelled
-    (${sampleCount} ${sampleCount === 1 ? "sample" : "samples"})
+    ${Object.keys(scorer.metrics).map((metric) => {
+    return m$1`
+        <div
+          style=${{
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-end",
+      marginLeft: "1em",
+      marginBottom: "0.4em",
+      marginTop: "0.5rem"
+    }}
+        >
+          <div
+            style=${{
+      marginBottom: "-0.3em",
+      fontSize: FontSize.small,
+      ...TextStyle.label,
+      ...TextStyle.secondary
+    }}
+          >
+            ${scorer.metrics[metric].name}
+          </div>
+          ${scorer.reducer ? m$1`<div
+                style=${{
+      fontSize: FontSize.small,
+      marginBottom: "-0.2rem"
+    }}
+              >
+                ${scorer.reducer}
+              </div>` : ""}
+          <div style=${{ fontSize: FontSize["title-secondary"] }}>
+            ${formatPrettyDecimal(scorer.metrics[metric].value)}
+          </div>
+        </div>
+      `;
+  })}
   </div>`;
 };
-const RunningPanel = () => {
+const SidebarScores = ({ scores }) => {
   return m$1`<div
     style=${{
-    marginTop: "0.5em",
-    display: "inline-grid",
-    gridTemplateColumns: "auto auto"
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "flex-end",
+    rowGap: "1em"
   }}
   >
-    <div class="spinner-border spinner-border-sm" role="status"></div>
-    <div
-      style=${{ marginLeft: "0.3em", paddingTop: "0.2em", fontSize: "0.7em" }}
-    >
-      Running
-    </div>
-  </div>`;
-};
-const ResultsPanel = ({ results }) => {
-  if (results.scores.length === 1) {
-    const scorers = {};
-    results.scores.map((score) => {
-      scorers[score.name] = Object.keys(score.metrics).map((key2) => {
-        return {
-          name: key2,
-          value: score.metrics[key2].value,
-          reducer: score.reducer
-        };
-      });
-    });
-    const metrics = Object.values(scorers)[0];
-    return m$1`<div
-      style=${{
+    ${scores.map((score) => {
+    const name = score.name;
+    const reducer = score.reducer;
+    return m$1`
+        <div
+          style=${{
       display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap",
-      justifyContent: "end",
-      height: "100%",
-      alignItems: "center"
+      flexDirection: "column",
+      alignItems: "center",
+      marginLeft: "1em"
     }}
-    >
-      ${metrics.map((metric, i2) => {
-      return m$1`<${VerticalMetric} metric=${metric} isFirst=${i2 === 0} />`;
+        >
+          <div
+            style=${{
+      fontSize: FontSize.base,
+      width: "100%",
+      fontWeight: 300,
+      borderBottom: "solid var(--bs-border-color) 1px",
+      ...TextStyle.label,
+      ...TextStyle.secondary
+    }}
+          >
+            ${name}
+          </div>
+          ${reducer ? m$1` <div
+                style=${{
+      fontSize: FontSize.smaller,
+      width: "100%",
+      fontWeight: 300
+    }}
+              >
+                ${reducer}
+              </div>` : ""}
+          <div
+            style=${{
+      fontSize: FontSize.smaller,
+      display: "grid",
+      gridTemplateColumns: "max-content max-content",
+      gridGap: "0 0.3rem"
+    }}
+          >
+            ${Object.keys(score.metrics).map((key2) => {
+      const metric = score.metrics[key2];
+      return m$1` <div
+                  style=${{ ...TextStyle.label, ...TextStyle.secondary }}
+                >
+                  ${metric.name}
+                </div>
+                <div style=${{ fontWeight: "600" }}>
+                  ${formatPrettyDecimal(metric.value)}
+                </div>`;
     })}
+          </div>
+        </div>
+      `;
+  })}
+  </div>`;
+};
+const StatusCancelled = ({ message }) => {
+  return m$1`<div style=${{ ...TextStyle.secondary }}>${message}</div>`;
+};
+const StatusRunning = ({ message }) => {
+  return m$1`<div class="spinner-border spinner-border-sm" role="status">
+    <span class="visually-hidden">${message}</span>
+  </div>`;
+};
+const StatusError = ({ message }) => {
+  return m$1`<div style=${{ color: "var(--bs-danger)" }}>${message}</div>`;
+};
+const LogDirectoryTitle = ({ log_dir, offcanvas }) => {
+  if (log_dir) {
+    const displayDir = prettyDir(log_dir);
+    return m$1`<div style=${{ display: "flex", flexDirection: "column" }}>
+      <span
+        style=${{
+      fontSize: FontSize.smaller,
+      ...TextStyle.label,
+      ...TextStyle.secondary
+    }}
+        >Log Directory</span
+      >
+      <span
+        title=${displayDir}
+        style=${{
+      fontSize: FontSize.base,
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis"
+    }}
+        >${offcanvas ? displayDir : ""}</span
+      >
     </div>`;
   } else {
-    return m$1`<div
+    return m$1`<span
       style=${{
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap",
-      justifyContent: "end",
-      height: "100%",
-      alignItems: "center",
-      marginTop: "0.2rem",
-      paddingBottom: "0.4rem",
-      rowGap: "1em"
+      fontSize: FontSize.title
     }}
-    >
-      ${results.scores.map((score, index) => {
-      return m$1`<${MultiScorerMetric}
-          scorer=${score}
-          isFirst=${index === 0}
-        />`;
-    })}
-    </div>`;
+      >${offcanvas ? "Log History" : ""}
+    </span>`;
   }
 };
-const VerticalMetric = ({ metric, isFirst }) => {
-  const reducer_component = metric.reducer ? m$1` <div
-        style=${{
-    fontSize: "0.7rem",
-    fontWeight: "200",
-    textAlign: "center",
-    paddingTop: "0.3rem",
-    marginBottom: "-0.3rem"
-  }}
-      >
-        ${metric.reducer}
-      </div>` : "";
-  return m$1`<div style=${{ paddingLeft: isFirst ? "0" : "1em" }}>
-    <div
-      class="vertical-metric-label"
-      style=${{
-    fontSize: "0.8rem",
-    fontWeight: "200",
-    textAlign: "center",
-    paddingTop: "0.3rem",
-    marginBottom: "-0.3rem",
-    textTransform: "uppercase",
-    borderBottom: "solid var(--bs-border-color) 1px"
-  }}
-    >
-      ${metric.name}
-    </div>
-    ${reducer_component}
-    <div
-      class="vertical-metric-value"
-      style=${{
-    fontSize: "1.1rem",
-    fontWeight: "500",
-    textAlign: "center"
-  }}
-    >
-      ${formatPrettyDecimal(metric.value)}
-    </div>
-  </div>`;
-};
-const MultiScorerMetric = ({ scorer, isFirst }) => {
-  const baseFontSize = Object.keys(scorer.metrics).length === 1 ? 0.9 : 0.7;
-  const reducer_component = scorer.reducer ? m$1`<div
-        style=${{
-    fontSize: `${baseFontSize - 0.1}rem`,
-    fontWeight: "200",
-    textAlign: "center",
-    textTransform: "uppercase",
-    marginBottom: "-0.3rem"
-  }}
-      >
-        ${scorer.reducer}
-      </div>` : "";
-  return m$1`<div style=${{ paddingLeft: isFirst ? "0" : "1.5em" }}>
-    <div
-      style=${{
-    fontSize: `${baseFontSize}rem`,
-    fontWeight: "200",
-    textAlign: "center",
-    borderBottom: "solid var(--bs-border-color) 1px",
-    textTransform: "uppercase",
-    marginBottom: "-0.1rem"
-  }}
-      class="multi-score-label"
-    >
-      ${scorer.name}
-    </div>
-    ${reducer_component}
-    <div
-      style=${{
-    display: "grid",
-    gridTemplateColumns: "auto auto",
-    gridColumnGap: "0.3rem",
-    gridRowGap: "0",
-    fontSize: `${baseFontSize + 0.1}rem`
-  }}
-    >
-      ${Object.keys(scorer.metrics).map((key2) => {
-    const metric = scorer.metrics[key2];
-    return m$1` <div>${metric.name}</div>
-          <div style=${{ fontWeight: "600" }}>
-            ${formatPrettyDecimal(metric.value)}
-          </div>`;
-  })}
-    </div>
-  </div>`;
-};
-const Sidebar = ({
-  offcanvas,
-  logs,
-  loading,
-  logHeaders,
-  selectedIndex,
-  onSelectedIndexChanged
-}) => {
-  const btnOffCanClass = offcanvas ? "" : " d-md-none";
-  const sidebarOffCanClass = offcanvas ? " offcanvas" : " offcanvas-md";
-  return m$1`
-    <div
-      class="sidebar border-end offcanvas-start${sidebarOffCanClass}"
-      id="sidebarOffCanvas"
-      style=${{ display: "flex", flexDirection: "column", height: "100%" }}
-    >
-      <div
-        style=${{
-    display: "grid",
-    gridTemplateColumns: "minmax(0, 1fr) auto",
-    columnGap: "0.2rem",
-    alignItems: "center",
-    paddingLeft: "0.5rem",
-    opacity: "0.7",
-    position: "fixed",
-    width: "var(--sidebar-width)",
-    zIndex: 10,
-    borderBottom: "solid var(--bs-light-border-subtle) 1px"
-  }}
-      >
-        <${LogDirectoryTitle} log_dir=${logs.log_dir} offcanvas=${offcanvas} />
-        <button
-          id="sidebarToggle"
-          class="btn d-inline${btnOffCanClass}"
-          type="button"
-          data-bs-toggle="offcanvas"
-          data-bs-target="#sidebarOffCanvas"
-          aria-controls="sidebarOffCanvas"
-          style=${{
-    padding: ".1rem",
-    alignSelf: "end",
-    width: "40px",
-    flex: "0 0 content"
-  }}
-        >
-          <i class=${icons.close}></i>
-        </button>
-      </div>
-      <div style=${{ marginTop: "41px", zIndex: 3 }}>
-        <${ProgressBar} animating=${loading} />
-      </div>
-      <ul
-        class="list-group"
-        style=${{ flexGrow: 1, overflowY: "auto", marginTop: "-3px" }}
-      >
-        ${logs.files.map((file, index) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const active = index === selectedIndex ? " active" : "";
-    const logHeader = logHeaders[file.name];
-    const hyperparameters = logHeader ? {
-      ...(_a = logHeader.plan) == null ? void 0 : _a.config,
-      ...(_b = logHeader.eval) == null ? void 0 : _b.task_args
-    } : void 0;
-    const model = (_c = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _c.model;
-    const dataset = (_d = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _d.dataset;
-    const uniqScorers = /* @__PURE__ */ new Set();
-    (_f = (_e = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _e.scores) == null ? void 0 : _f.forEach((scorer2) => {
-      uniqScorers.add(scorer2.name);
-    });
-    const scorer = Array.from(uniqScorers).join(",");
-    const scorerLabel = Object.keys(((_g = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _g.scores) || {}).length === 1 ? "scorer" : "scorers";
-    const completed = (_h = logHeader == null ? void 0 : logHeader.stats) == null ? void 0 : _h.completed_at;
-    const time = completed ? new Date(completed) : void 0;
-    const timeStr = time ? `${time.toDateString()}
-          ${time.toLocaleTimeString([], {
-      hour: "2-digit",
-      minute: "2-digit"
-    })}` : "";
-    return m$1`
-            <li
-              class="list-group-item list-group-item-action${active}"
-              onclick=${() => onSelectedIndexChanged(index)}
-              style=${{ fontSize: "0.8rem" }}
-            >
-              <div
-                style=${{
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "space-between"
-    }}
-              >
-                <div style=${{ overflow: "hidden" }}>
-                  <div
-                    style=${{
-      fontSize: "1.5em",
-      fontWeight: "600",
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis"
-    }}
-                  >
-                    ${((_i = logHeader == null ? void 0 : logHeader.eval) == null ? void 0 : _i.task) || file.task}
-                  </div>
-                  <small class="mb-1 text-muted"> ${timeStr} </small>
-
-                  ${model ? m$1` <div>
-                        <small class="mb-1 text-muted">${model}</small>
-                      </div>` : ""}
-                </div>
-                <${EvalStatus} logHeader=${logHeader} />
-              </div>
-              <div style=${{ marginTop: "0.4em" }}>
-                <small class="mb-1 text-muted">
-                  ${hyperparameters ? Object.keys(hyperparameters).map((key2) => {
-      return `${key2}: ${hyperparameters[key2]}`;
-    }).join(", ") : ""}
-                </small>
-              </div>
-              ${(dataset || scorer) && (logHeader == null ? void 0 : logHeader.status) === "success" ? m$1`<div
-                    style=${{
-      display: "flex",
-      justifyContent: "space-between",
-      marginTop: "0.5em"
-    }}
-                  >
-                    <span>dataset: ${dataset.name || "(samples)"}</span
-                    ><span>${scorerLabel}: ${scorer}</span>
-                  </div>` : ""}
-            </li>
-          `;
-  })}
-      </ul>
-    </div>
-  `;
-};
-const prettyDir = (path) => {
-  try {
-    let url = new URL(path);
-    if (url.protocol === "file:") {
-      return url.pathname;
-    } else {
-      return path;
-    }
-  } catch {
-    return path;
-  }
-};
-const EvalStatus = ({ logHeader }) => {
-  var _a;
-  switch (logHeader.status) {
-    case "error":
-      return m$1`<${StatusError} message="Error" />`;
-    case "cancelled":
-      return m$1`<${StatusCancelled} message="Cancelled" />`;
-    case "started":
-      return m$1`<${StatusRunning} message="Running" />`;
-    default:
-      if (((_a = logHeader == null ? void 0 : logHeader.results) == null ? void 0 : _a.scores) && logHeader.results.scores.length > 0) {
-        if (logHeader.results.scores.length === 1) {
-          return m$1`<${SidebarScore}
-            scorer=${logHeader.results.scores[0]}
-          />`;
-        } else {
-          return m$1`<${SidebarScores} scores=${logHeader.results.scores} />`;
-        }
-      } else {
-        return "";
-      }
-  }
-};
-const SidebarScore = ({ scorer }) => {
-  return m$1`<div
-    style=${{
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    justifyContent: "flex-end"
-  }}
-  >
-    ${Object.keys(scorer.metrics).map((metric) => {
-    return m$1`
-        <div
-          style=${{
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "flex-end",
-      marginLeft: "1em",
-      marginBottom: "0.4em"
-    }}
-        >
-          <div
-            style=${{
-      fontWeight: 300,
-      marginBottom: "-0.3em"
-    }}
-          >
-            ${scorer.metrics[metric].name}
-          </div>
-          ${scorer.reducer ? m$1`<div
-                style=${{
-      fontWeight: 300,
-      fontSize: "0.9em",
-      marginBottom: "-0.2rem"
-    }}
-              >
-                ${scorer.reducer}
-              </div>` : ""}
-          <div style=${{ fontWeight: 600, fontSize: "1.5em" }}>
-            ${formatPrettyDecimal(scorer.metrics[metric].value)}
-          </div>
-        </div>
-      `;
-  })}
-  </div>`;
-};
-const SidebarScores = ({ scores }) => {
-  return m$1`<div
-    style=${{
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    justifyContent: "flex-end",
-    rowGap: "1em"
-  }}
-  >
-    ${scores.map((score) => {
-    const name = score.name;
-    const reducer = score.reducer;
-    return m$1`
-        <div
-          style=${{
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      marginLeft: "1em"
-    }}
-        >
-          <div
-            style=${{
-      fontSize: "0.6rem",
-      width: "100%",
-      fontWeight: 300,
-      borderBottom: "solid var(--bs-border-color) 1px",
-      textTransform: "uppercase"
-    }}
-          >
-            ${name}
-          </div>
-          ${reducer ? m$1` <div
-                style=${{
-      fontSize: "0.6rem",
-      width: "100%",
-      fontWeight: 300
-    }}
-              >
-                ${reducer}
-              </div>` : ""}
-          <div
-            style=${{
-      fontSize: "0.7rem",
-      display: "grid",
-      gridTemplateColumns: "max-content max-content",
-      gridGap: "0 0.3rem"
-    }}
-          >
-            ${Object.keys(score.metrics).map((key2) => {
-      const metric = score.metrics[key2];
-      return m$1` <div>${metric.name}</div>
-                <div style=${{ fontWeight: "600" }}>
-                  ${formatPrettyDecimal(metric.value)}
-                </div>`;
-    })}
-          </div>
-        </div>
-      `;
-  })}
-  </div>`;
-};
-const StatusCancelled = ({ message }) => {
-  return m$1`<div style=${{ color: "var(--bs-secondary)" }}>${message}</div>`;
-};
-const StatusRunning = ({ message }) => {
-  return m$1`<div class="spinner-border spinner-border-sm" role="status">
-    <span class="visually-hidden">${message}</span>
-  </div>`;
-};
-const StatusError = ({ message }) => {
-  return m$1`<div style=${{ color: "var(--bs-danger)" }}>${message}</div>`;
-};
-const LogDirectoryTitle = ({ log_dir, offcanvas }) => {
-  if (log_dir) {
-    const displayDir = prettyDir(log_dir);
-    return m$1`<div style=${{ display: "flex", flexDirection: "column" }}>
-      <span style=${{ fontSize: "0.5rem", textTransform: "uppercase" }}
-        >Log Directory</span
-      >
-      <span
-        title=${displayDir}
-        style=${{
-      fontWeight: "400",
-      fontSize: "0.7rem",
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis"
-    }}
-        >${offcanvas ? displayDir : ""}</span
-      >
-    </div>`;
-  } else {
-    return m$1`<span
-      style=${{
-      fontWeight: "500",
-      fontSize: "1.5rem"
-    }}
-      >${offcanvas ? "Log History" : ""}
-    </span>`;
-  }
-};
-var prism = { exports: {} };
-(function(module) {
-  var _self = typeof window !== "undefined" ? window : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
-  /**
-   * Prism: Lightweight, robust, elegant syntax highlighting
-   *
-   * @license MIT <https://opensource.org/licenses/MIT>
-   * @author Lea Verou <https://lea.verou.me>
-   * @namespace
-   * @public
-   */
-  var Prism2 = function(_self2) {
-    var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
-    var uniqueId = 0;
-    var plainTextGrammar = {};
-    var _2 = {
-      /**
-       * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
-       * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
-       * additional languages or plugins yourself.
-       *
-       * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
-       *
-       * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
-       * empty Prism object into the global scope before loading the Prism script like this:
-       *
-       * ```js
-       * window.Prism = window.Prism || {};
-       * Prism.manual = true;
-       * // add a new <script> to load Prism's script
-       * ```
-       *
-       * @default false
-       * @type {boolean}
-       * @memberof Prism
-       * @public
-       */
-      manual: _self2.Prism && _self2.Prism.manual,
-      /**
-       * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
-       * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
-       * own worker, you don't want it to do this.
-       *
-       * By setting this value to `true`, Prism will not add its own listeners to the worker.
-       *
-       * You obviously have to change this value before Prism executes. To do this, you can add an
-       * empty Prism object into the global scope before loading the Prism script like this:
-       *
-       * ```js
-       * window.Prism = window.Prism || {};
-       * Prism.disableWorkerMessageHandler = true;
-       * // Load Prism's script
-       * ```
-       *
-       * @default false
-       * @type {boolean}
-       * @memberof Prism
-       * @public
-       */
-      disableWorkerMessageHandler: _self2.Prism && _self2.Prism.disableWorkerMessageHandler,
-      /**
-       * A namespace for utility methods.
-       *
-       * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
-       * change or disappear at any time.
-       *
-       * @namespace
-       * @memberof Prism
-       */
-      util: {
-        encode: function encode(tokens) {
-          if (tokens instanceof Token) {
-            return new Token(tokens.type, encode(tokens.content), tokens.alias);
-          } else if (Array.isArray(tokens)) {
-            return tokens.map(encode);
-          } else {
-            return tokens.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
-          }
-        },
-        /**
-         * Returns the name of the type of the given value.
-         *
-         * @param {any} o
-         * @returns {string}
-         * @example
-         * type(null)      === 'Null'
-         * type(undefined) === 'Undefined'
-         * type(123)       === 'Number'
-         * type('foo')     === 'String'
-         * type(true)      === 'Boolean'
-         * type([1, 2])    === 'Array'
-         * type({})        === 'Object'
-         * type(String)    === 'Function'
-         * type(/abc+/)    === 'RegExp'
-         */
-        type: function(o2) {
-          return Object.prototype.toString.call(o2).slice(8, -1);
-        },
-        /**
-         * Returns a unique number for the given object. Later calls will still return the same number.
-         *
-         * @param {Object} obj
-         * @returns {number}
-         */
-        objId: function(obj) {
-          if (!obj["__id"]) {
-            Object.defineProperty(obj, "__id", { value: ++uniqueId });
-          }
-          return obj["__id"];
-        },
-        /**
-         * Creates a deep clone of the given object.
-         *
-         * The main intended use of this function is to clone language definitions.
-         *
-         * @param {T} o
-         * @param {Record<number, any>} [visited]
-         * @returns {T}
-         * @template T
-         */
-        clone: function deepClone(o2, visited) {
-          visited = visited || {};
-          var clone;
-          var id2;
-          switch (_2.util.type(o2)) {
-            case "Object":
-              id2 = _2.util.objId(o2);
-              if (visited[id2]) {
-                return visited[id2];
-              }
-              clone = /** @type {Record<string, any>} */
-              {};
-              visited[id2] = clone;
-              for (var key2 in o2) {
-                if (o2.hasOwnProperty(key2)) {
-                  clone[key2] = deepClone(o2[key2], visited);
-                }
-              }
-              return (
-                /** @type {any} */
-                clone
-              );
-            case "Array":
-              id2 = _2.util.objId(o2);
-              if (visited[id2]) {
-                return visited[id2];
-              }
-              clone = [];
-              visited[id2] = clone;
-              /** @type {Array} */
-              /** @type {any} */
-              o2.forEach(function(v2, i2) {
-                clone[i2] = deepClone(v2, visited);
-              });
-              return (
-                /** @type {any} */
-                clone
-              );
-            default:
-              return o2;
-          }
-        },
-        /**
-         * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
-         *
-         * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
-         *
-         * @param {Element} element
-         * @returns {string}
-         */
-        getLanguage: function(element) {
-          while (element) {
-            var m2 = lang.exec(element.className);
-            if (m2) {
-              return m2[1].toLowerCase();
-            }
-            element = element.parentElement;
-          }
-          return "none";
-        },
-        /**
-         * Sets the Prism `language-xxxx` class of the given element.
-         *
-         * @param {Element} element
-         * @param {string} language
-         * @returns {void}
-         */
-        setLanguage: function(element, language) {
-          element.className = element.className.replace(RegExp(lang, "gi"), "");
-          element.classList.add("language-" + language);
-        },
-        /**
-         * Returns the script element that is currently executing.
-         *
-         * This does __not__ work for line script element.
-         *
-         * @returns {HTMLScriptElement | null}
-         */
-        currentScript: function() {
-          if (typeof document === "undefined") {
-            return null;
-          }
-          if ("currentScript" in document && 1 < 2) {
-            return (
-              /** @type {any} */
-              document.currentScript
-            );
-          }
-          try {
-            throw new Error();
-          } catch (err) {
-            var src = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(err.stack) || [])[1];
-            if (src) {
-              var scripts = document.getElementsByTagName("script");
-              for (var i2 in scripts) {
-                if (scripts[i2].src == src) {
-                  return scripts[i2];
-                }
-              }
-            }
-            return null;
-          }
-        },
-        /**
-         * Returns whether a given class is active for `element`.
-         *
-         * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
-         * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
-         * given class is just the given class with a `no-` prefix.
-         *
-         * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
-         * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
-         * ancestors have the given class or the negated version of it, then the default activation will be returned.
-         *
-         * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
-         * version of it, the class is considered active.
-         *
-         * @param {Element} element
-         * @param {string} className
-         * @param {boolean} [defaultActivation=false]
-         * @returns {boolean}
-         */
-        isActive: function(element, className, defaultActivation) {
-          var no = "no-" + className;
-          while (element) {
-            var classList = element.classList;
-            if (classList.contains(className)) {
-              return true;
-            }
-            if (classList.contains(no)) {
-              return false;
-            }
-            element = element.parentElement;
-          }
-          return !!defaultActivation;
-        }
-      },
-      /**
-       * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
-       *
-       * @namespace
-       * @memberof Prism
-       * @public
-       */
-      languages: {
-        /**
-         * The grammar for plain, unformatted text.
-         */
-        plain: plainTextGrammar,
-        plaintext: plainTextGrammar,
-        text: plainTextGrammar,
-        txt: plainTextGrammar,
-        /**
-         * Creates a deep copy of the language with the given id and appends the given tokens.
-         *
-         * If a token in `redef` also appears in the copied language, then the existing token in the copied language
-         * will be overwritten at its original position.
-         *
-         * ## Best practices
-         *
-         * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
-         * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
-         * understand the language definition because, normally, the order of tokens matters in Prism grammars.
-         *
-         * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
-         * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
-         *
-         * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
-         * @param {Grammar} redef The new tokens to append.
-         * @returns {Grammar} The new language created.
-         * @public
-         * @example
-         * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
-         *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
-         *     // at its original position
-         *     'comment': { ... },
-         *     // CSS doesn't have a 'color' token, so this token will be appended
-         *     'color': /\b(?:red|green|blue)\b/
-         * });
-         */
-        extend: function(id2, redef) {
-          var lang2 = _2.util.clone(_2.languages[id2]);
-          for (var key2 in redef) {
-            lang2[key2] = redef[key2];
-          }
-          return lang2;
-        },
-        /**
-         * Inserts tokens _before_ another token in a language definition or any other grammar.
-         *
-         * ## Usage
-         *
-         * This helper method makes it easy to modify existing languages. For example, the CSS language definition
-         * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
-         * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
-         * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
-         * this:
-         *
-         * ```js
-         * Prism.languages.markup.style = {
-         *     // token
-         * };
-         * ```
-         *
-         * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
-         * before existing tokens. For the CSS example above, you would use it like this:
-         *
-         * ```js
-         * Prism.languages.insertBefore('markup', 'cdata', {
-         *     'style': {
-         *         // token
-         *     }
-         * });
-         * ```
-         *
-         * ## Special cases
-         *
-         * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
-         * will be ignored.
-         *
-         * This behavior can be used to insert tokens after `before`:
-         *
-         * ```js
-         * Prism.languages.insertBefore('markup', 'comment', {
-         *     'comment': Prism.languages.markup.comment,
-         *     // tokens after 'comment'
-         * });
-         * ```
-         *
-         * ## Limitations
-         *
-         * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
-         * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
-         * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
-         * deleting properties which is necessary to insert at arbitrary positions.
-         *
-         * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
-         * Instead, it will create a new object and replace all references to the target object with the new one. This
-         * can be done without temporarily deleting properties, so the iteration order is well-defined.
-         *
-         * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
-         * you hold the target object in a variable, then the value of the variable will not change.
-         *
-         * ```js
-         * var oldMarkup = Prism.languages.markup;
-         * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
-         *
-         * assert(oldMarkup !== Prism.languages.markup);
-         * assert(newMarkup === Prism.languages.markup);
-         * ```
-         *
-         * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
-         * object to be modified.
-         * @param {string} before The key to insert before.
-         * @param {Grammar} insert An object containing the key-value pairs to be inserted.
-         * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
-         * object to be modified.
-         *
-         * Defaults to `Prism.languages`.
-         * @returns {Grammar} The new grammar object.
-         * @public
-         */
-        insertBefore: function(inside, before, insert, root2) {
-          root2 = root2 || /** @type {any} */
-          _2.languages;
-          var grammar = root2[inside];
-          var ret = {};
-          for (var token2 in grammar) {
-            if (grammar.hasOwnProperty(token2)) {
-              if (token2 == before) {
-                for (var newToken2 in insert) {
-                  if (insert.hasOwnProperty(newToken2)) {
-                    ret[newToken2] = insert[newToken2];
-                  }
-                }
-              }
-              if (!insert.hasOwnProperty(token2)) {
-                ret[token2] = grammar[token2];
-              }
-            }
-          }
-          var old = root2[inside];
-          root2[inside] = ret;
-          _2.languages.DFS(_2.languages, function(key2, value) {
-            if (value === old && key2 != inside) {
-              this[key2] = ret;
-            }
-          });
-          return ret;
-        },
-        // Traverse a language definition with Depth First Search
-        DFS: function DFS(o2, callback, type, visited) {
-          visited = visited || {};
-          var objId = _2.util.objId;
-          for (var i2 in o2) {
-            if (o2.hasOwnProperty(i2)) {
-              callback.call(o2, i2, o2[i2], type || i2);
-              var property = o2[i2];
-              var propertyType = _2.util.type(property);
-              if (propertyType === "Object" && !visited[objId(property)]) {
-                visited[objId(property)] = true;
-                DFS(property, callback, null, visited);
-              } else if (propertyType === "Array" && !visited[objId(property)]) {
-                visited[objId(property)] = true;
-                DFS(property, callback, i2, visited);
-              }
-            }
-          }
-        }
-      },
-      plugins: {},
-      /**
-       * This is the most high-level function in Prism’s API.
-       * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
-       * each one of them.
-       *
-       * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
-       *
-       * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
-       * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
-       * @memberof Prism
-       * @public
-       */
-      highlightAll: function(async, callback) {
-        _2.highlightAllUnder(document, async, callback);
-      },
-      /**
-       * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
-       * {@link Prism.highlightElement} on each one of them.
-       *
-       * The following hooks will be run:
-       * 1. `before-highlightall`
-       * 2. `before-all-elements-highlight`
-       * 3. All hooks of {@link Prism.highlightElement} for each element.
-       *
-       * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
-       * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
-       * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
-       * @memberof Prism
-       * @public
-       */
-      highlightAllUnder: function(container, async, callback) {
-        var env = {
-          callback,
-          container,
-          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
-        };
-        _2.hooks.run("before-highlightall", env);
-        env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
-        _2.hooks.run("before-all-elements-highlight", env);
-        for (var i2 = 0, element; element = env.elements[i2++]; ) {
-          _2.highlightElement(element, async === true, env.callback);
-        }
-      },
-      /**
-       * Highlights the code inside a single element.
-       *
-       * The following hooks will be run:
-       * 1. `before-sanity-check`
-       * 2. `before-highlight`
-       * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
-       * 4. `before-insert`
-       * 5. `after-highlight`
-       * 6. `complete`
-       *
-       * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
-       * the element's language.
-       *
-       * @param {Element} element The element containing the code.
-       * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
-       * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
-       * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
-       * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
-       *
-       * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
-       * asynchronous highlighting to work. You can build your own bundle on the
-       * [Download page](https://prismjs.com/download.html).
-       * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
-       * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
-       * @memberof Prism
-       * @public
-       */
-      highlightElement: function(element, async, callback) {
-        var language = _2.util.getLanguage(element);
-        var grammar = _2.languages[language];
-        _2.util.setLanguage(element, language);
-        var parent = element.parentElement;
-        if (parent && parent.nodeName.toLowerCase() === "pre") {
-          _2.util.setLanguage(parent, language);
-        }
-        var code = element.textContent;
-        var env = {
-          element,
-          language,
-          grammar,
-          code
-        };
-        function insertHighlightedCode(highlightedCode) {
-          env.highlightedCode = highlightedCode;
-          _2.hooks.run("before-insert", env);
-          env.element.innerHTML = env.highlightedCode;
-          _2.hooks.run("after-highlight", env);
-          _2.hooks.run("complete", env);
-          callback && callback.call(env.element);
-        }
-        _2.hooks.run("before-sanity-check", env);
-        parent = env.element.parentElement;
-        if (parent && parent.nodeName.toLowerCase() === "pre" && !parent.hasAttribute("tabindex")) {
-          parent.setAttribute("tabindex", "0");
-        }
-        if (!env.code) {
-          _2.hooks.run("complete", env);
-          callback && callback.call(env.element);
-          return;
-        }
-        _2.hooks.run("before-highlight", env);
-        if (!env.grammar) {
-          insertHighlightedCode(_2.util.encode(env.code));
-          return;
-        }
-        if (async && _self2.Worker) {
-          var worker = new Worker(_2.filename);
-          worker.onmessage = function(evt) {
-            insertHighlightedCode(evt.data);
-          };
-          worker.postMessage(JSON.stringify({
-            language: env.language,
-            code: env.code,
-            immediateClose: true
-          }));
-        } else {
-          insertHighlightedCode(_2.highlight(env.code, env.grammar, env.language));
-        }
-      },
-      /**
-       * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
-       * and the language definitions to use, and returns a string with the HTML produced.
-       *
-       * The following hooks will be run:
-       * 1. `before-tokenize`
-       * 2. `after-tokenize`
-       * 3. `wrap`: On each {@link Token}.
-       *
-       * @param {string} text A string with the code to be highlighted.
-       * @param {Grammar} grammar An object containing the tokens to use.
-       *
-       * Usually a language definition like `Prism.languages.markup`.
-       * @param {string} language The name of the language definition passed to `grammar`.
-       * @returns {string} The highlighted HTML.
-       * @memberof Prism
-       * @public
-       * @example
-       * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
-       */
-      highlight: function(text, grammar, language) {
-        var env = {
-          code: text,
-          grammar,
-          language
-        };
-        _2.hooks.run("before-tokenize", env);
-        if (!env.grammar) {
-          throw new Error('The language "' + env.language + '" has no grammar.');
-        }
-        env.tokens = _2.tokenize(env.code, env.grammar);
-        _2.hooks.run("after-tokenize", env);
-        return Token.stringify(_2.util.encode(env.tokens), env.language);
-      },
-      /**
-       * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
-       * and the language definitions to use, and returns an array with the tokenized code.
-       *
-       * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
-       *
-       * This method could be useful in other contexts as well, as a very crude parser.
-       *
-       * @param {string} text A string with the code to be highlighted.
-       * @param {Grammar} grammar An object containing the tokens to use.
-       *
-       * Usually a language definition like `Prism.languages.markup`.
-       * @returns {TokenStream} An array of strings and tokens, a token stream.
-       * @memberof Prism
-       * @public
-       * @example
-       * let code = `var foo = 0;`;
-       * let tokens = Prism.tokenize(code, Prism.languages.javascript);
-       * tokens.forEach(token => {
-       *     if (token instanceof Prism.Token && token.type === 'number') {
-       *         console.log(`Found numeric literal: ${token.content}`);
-       *     }
-       * });
-       */
-      tokenize: function(text, grammar) {
-        var rest = grammar.rest;
-        if (rest) {
-          for (var token2 in rest) {
-            grammar[token2] = rest[token2];
-          }
-          delete grammar.rest;
-        }
-        var tokenList = new LinkedList();
-        addAfter(tokenList, tokenList.head, text);
-        matchGrammar(text, tokenList, grammar, tokenList.head, 0);
-        return toArray(tokenList);
-      },
-      /**
-       * @namespace
-       * @memberof Prism
-       * @public
-       */
-      hooks: {
-        all: {},
-        /**
-         * Adds the given callback to the list of callbacks for the given hook.
-         *
-         * The callback will be invoked when the hook it is registered for is run.
-         * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
-         *
-         * One callback function can be registered to multiple hooks and the same hook multiple times.
-         *
-         * @param {string} name The name of the hook.
-         * @param {HookCallback} callback The callback function which is given environment variables.
-         * @public
-         */
-        add: function(name, callback) {
-          var hooks = _2.hooks.all;
-          hooks[name] = hooks[name] || [];
-          hooks[name].push(callback);
-        },
-        /**
-         * Runs a hook invoking all registered callbacks with the given environment variables.
-         *
-         * Callbacks will be invoked synchronously and in the order in which they were registered.
-         *
-         * @param {string} name The name of the hook.
-         * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
-         * @public
-         */
-        run: function(name, env) {
-          var callbacks = _2.hooks.all[name];
-          if (!callbacks || !callbacks.length) {
-            return;
-          }
-          for (var i2 = 0, callback; callback = callbacks[i2++]; ) {
-            callback(env);
-          }
-        }
-      },
-      Token
-    };
-    _self2.Prism = _2;
-    function Token(type, content, alias, matchedStr) {
-      this.type = type;
-      this.content = content;
-      this.alias = alias;
-      this.length = (matchedStr || "").length | 0;
-    }
-    Token.stringify = function stringify3(o2, language) {
-      if (typeof o2 == "string") {
-        return o2;
-      }
-      if (Array.isArray(o2)) {
-        var s2 = "";
-        o2.forEach(function(e2) {
-          s2 += stringify3(e2, language);
-        });
-        return s2;
-      }
-      var env = {
-        type: o2.type,
-        content: stringify3(o2.content, language),
-        tag: "span",
-        classes: ["token", o2.type],
-        attributes: {},
-        language
-      };
-      var aliases = o2.alias;
-      if (aliases) {
-        if (Array.isArray(aliases)) {
-          Array.prototype.push.apply(env.classes, aliases);
-        } else {
-          env.classes.push(aliases);
-        }
-      }
-      _2.hooks.run("wrap", env);
-      var attributes = "";
-      for (var name in env.attributes) {
-        attributes += " " + name + '="' + (env.attributes[name] || "").replace(/"/g, "&quot;") + '"';
-      }
-      return "<" + env.tag + ' class="' + env.classes.join(" ") + '"' + attributes + ">" + env.content + "</" + env.tag + ">";
-    };
-    function matchPattern(pattern, pos2, text, lookbehind) {
-      pattern.lastIndex = pos2;
-      var match = pattern.exec(text);
-      if (match && lookbehind && match[1]) {
-        var lookbehindLength = match[1].length;
-        match.index += lookbehindLength;
-        match[0] = match[0].slice(lookbehindLength);
-      }
-      return match;
-    }
-    function matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {
-      for (var token2 in grammar) {
-        if (!grammar.hasOwnProperty(token2) || !grammar[token2]) {
-          continue;
-        }
-        var patterns = grammar[token2];
-        patterns = Array.isArray(patterns) ? patterns : [patterns];
-        for (var j2 = 0; j2 < patterns.length; ++j2) {
-          if (rematch && rematch.cause == token2 + "," + j2) {
-            return;
-          }
-          var patternObj = patterns[j2];
-          var inside = patternObj.inside;
-          var lookbehind = !!patternObj.lookbehind;
-          var greedy = !!patternObj.greedy;
-          var alias = patternObj.alias;
-          if (greedy && !patternObj.pattern.global) {
-            var flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];
-            patternObj.pattern = RegExp(patternObj.pattern.source, flags + "g");
-          }
-          var pattern = patternObj.pattern || patternObj;
-          for (var currentNode = startNode.next, pos2 = startPos; currentNode !== tokenList.tail; pos2 += currentNode.value.length, currentNode = currentNode.next) {
-            if (rematch && pos2 >= rematch.reach) {
-              break;
-            }
-            var str = currentNode.value;
-            if (tokenList.length > text.length) {
-              return;
-            }
-            if (str instanceof Token) {
-              continue;
-            }
-            var removeCount = 1;
-            var match;
-            if (greedy) {
-              match = matchPattern(pattern, pos2, text, lookbehind);
-              if (!match || match.index >= text.length) {
-                break;
-              }
-              var from = match.index;
-              var to = match.index + match[0].length;
-              var p2 = pos2;
-              p2 += currentNode.value.length;
-              while (from >= p2) {
-                currentNode = currentNode.next;
-                p2 += currentNode.value.length;
-              }
-              p2 -= currentNode.value.length;
-              pos2 = p2;
-              if (currentNode.value instanceof Token) {
-                continue;
-              }
-              for (var k2 = currentNode; k2 !== tokenList.tail && (p2 < to || typeof k2.value === "string"); k2 = k2.next) {
-                removeCount++;
-                p2 += k2.value.length;
-              }
-              removeCount--;
-              str = text.slice(pos2, p2);
-              match.index -= pos2;
-            } else {
-              match = matchPattern(pattern, 0, str, lookbehind);
-              if (!match) {
-                continue;
-              }
-            }
-            var from = match.index;
-            var matchStr = match[0];
-            var before = str.slice(0, from);
-            var after = str.slice(from + matchStr.length);
-            var reach = pos2 + str.length;
-            if (rematch && reach > rematch.reach) {
-              rematch.reach = reach;
-            }
-            var removeFrom = currentNode.prev;
-            if (before) {
-              removeFrom = addAfter(tokenList, removeFrom, before);
-              pos2 += before.length;
-            }
-            removeRange(tokenList, removeFrom, removeCount);
-            var wrapped = new Token(token2, inside ? _2.tokenize(matchStr, inside) : matchStr, alias, matchStr);
-            currentNode = addAfter(tokenList, removeFrom, wrapped);
-            if (after) {
-              addAfter(tokenList, currentNode, after);
-            }
-            if (removeCount > 1) {
-              var nestedRematch = {
-                cause: token2 + "," + j2,
-                reach
-              };
-              matchGrammar(text, tokenList, grammar, currentNode.prev, pos2, nestedRematch);
-              if (rematch && nestedRematch.reach > rematch.reach) {
-                rematch.reach = nestedRematch.reach;
-              }
-            }
-          }
-        }
-      }
-    }
-    function LinkedList() {
-      var head = { value: null, prev: null, next: null };
-      var tail = { value: null, prev: head, next: null };
-      head.next = tail;
-      this.head = head;
-      this.tail = tail;
-      this.length = 0;
-    }
-    function addAfter(list, node, value) {
-      var next = node.next;
-      var newNode = { value, prev: node, next };
-      node.next = newNode;
-      next.prev = newNode;
-      list.length++;
-      return newNode;
-    }
-    function removeRange(list, node, count) {
-      var next = node.next;
-      for (var i2 = 0; i2 < count && next !== list.tail; i2++) {
-        next = next.next;
-      }
-      node.next = next;
-      next.prev = node;
-      list.length -= i2;
-    }
-    function toArray(list) {
-      var array = [];
-      var node = list.head.next;
-      while (node !== list.tail) {
-        array.push(node.value);
-        node = node.next;
-      }
-      return array;
-    }
-    if (!_self2.document) {
-      if (!_self2.addEventListener) {
-        return _2;
-      }
-      if (!_2.disableWorkerMessageHandler) {
-        _self2.addEventListener("message", function(evt) {
-          var message = JSON.parse(evt.data);
-          var lang2 = message.language;
-          var code = message.code;
-          var immediateClose = message.immediateClose;
-          _self2.postMessage(_2.highlight(code, _2.languages[lang2], lang2));
-          if (immediateClose) {
-            _self2.close();
-          }
-        }, false);
-      }
-      return _2;
-    }
-    var script = _2.util.currentScript();
-    if (script) {
-      _2.filename = script.src;
-      if (script.hasAttribute("data-manual")) {
-        _2.manual = true;
-      }
-    }
-    function highlightAutomaticallyCallback() {
-      if (!_2.manual) {
-        _2.highlightAll();
-      }
-    }
-    if (!_2.manual) {
-      var readyState = document.readyState;
-      if (readyState === "loading" || readyState === "interactive" && script && script.defer) {
-        document.addEventListener("DOMContentLoaded", highlightAutomaticallyCallback);
-      } else {
-        if (window.requestAnimationFrame) {
-          window.requestAnimationFrame(highlightAutomaticallyCallback);
-        } else {
-          window.setTimeout(highlightAutomaticallyCallback, 16);
-        }
-      }
-    }
-    return _2;
-  }(_self);
-  if (module.exports) {
-    module.exports = Prism2;
-  }
-  if (typeof commonjsGlobal !== "undefined") {
-    commonjsGlobal.Prism = Prism2;
-  }
-  Prism2.languages.markup = {
-    "comment": {
-      pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
-      greedy: true
-    },
-    "prolog": {
-      pattern: /<\?[\s\S]+?\?>/,
-      greedy: true
-    },
-    "doctype": {
-      // https://www.w3.org/TR/xml/#NT-doctypedecl
-      pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
-      greedy: true,
-      inside: {
-        "internal-subset": {
-          pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
-          lookbehind: true,
-          greedy: true,
-          inside: null
-          // see below
-        },
-        "string": {
-          pattern: /"[^"]*"|'[^']*'/,
-          greedy: true
-        },
-        "punctuation": /^<!|>$|[[\]]/,
-        "doctype-tag": /^DOCTYPE/i,
-        "name": /[^\s<>'"]+/
-      }
-    },
-    "cdata": {
-      pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-      greedy: true
-    },
-    "tag": {
-      pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
-      greedy: true,
-      inside: {
-        "tag": {
-          pattern: /^<\/?[^\s>\/]+/,
-          inside: {
-            "punctuation": /^<\/?/,
-            "namespace": /^[^\s>\/:]+:/
-          }
-        },
-        "special-attr": [],
-        "attr-value": {
-          pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
-          inside: {
-            "punctuation": [
-              {
-                pattern: /^=/,
-                alias: "attr-equals"
-              },
-              {
-                pattern: /^(\s*)["']|["']$/,
-                lookbehind: true
-              }
-            ]
-          }
-        },
-        "punctuation": /\/?>/,
-        "attr-name": {
-          pattern: /[^\s>\/]+/,
-          inside: {
-            "namespace": /^[^\s>\/:]+:/
-          }
-        }
-      }
-    },
-    "entity": [
-      {
-        pattern: /&[\da-z]{1,8};/i,
-        alias: "named-entity"
-      },
-      /&#x?[\da-f]{1,8};/i
-    ]
-  };
-  Prism2.languages.markup["tag"].inside["attr-value"].inside["entity"] = Prism2.languages.markup["entity"];
-  Prism2.languages.markup["doctype"].inside["internal-subset"].inside = Prism2.languages.markup;
-  Prism2.hooks.add("wrap", function(env) {
-    if (env.type === "entity") {
-      env.attributes["title"] = env.content.replace(/&amp;/, "&");
-    }
-  });
-  Object.defineProperty(Prism2.languages.markup.tag, "addInlined", {
-    /**
-     * Adds an inlined language to markup.
-     *
-     * An example of an inlined language is CSS with `<style>` tags.
-     *
-     * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
-     * case insensitive.
-     * @param {string} lang The language key.
-     * @example
-     * addInlined('style', 'css');
-     */
-    value: function addInlined(tagName, lang) {
-      var includedCdataInside = {};
-      includedCdataInside["language-" + lang] = {
-        pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
-        lookbehind: true,
-        inside: Prism2.languages[lang]
-      };
-      includedCdataInside["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
-      var inside = {
-        "included-cdata": {
-          pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-          inside: includedCdataInside
-        }
-      };
-      inside["language-" + lang] = {
-        pattern: /[\s\S]+/,
-        inside: Prism2.languages[lang]
-      };
-      var def = {};
-      def[tagName] = {
-        pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
-          return tagName;
-        }), "i"),
-        lookbehind: true,
-        greedy: true,
-        inside
-      };
-      Prism2.languages.insertBefore("markup", "cdata", def);
-    }
-  });
-  Object.defineProperty(Prism2.languages.markup.tag, "addAttribute", {
-    /**
-     * Adds an pattern to highlight languages embedded in HTML attributes.
-     *
-     * An example of an inlined language is CSS with `style` attributes.
-     *
-     * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
-     * case insensitive.
-     * @param {string} lang The language key.
-     * @example
-     * addAttribute('style', 'css');
-     */
-    value: function(attrName, lang) {
-      Prism2.languages.markup.tag.inside["special-attr"].push({
-        pattern: RegExp(
-          /(^|["'\s])/.source + "(?:" + attrName + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
-          "i"
-        ),
-        lookbehind: true,
-        inside: {
-          "attr-name": /^[^\s=]+/,
-          "attr-value": {
-            pattern: /=[\s\S]+/,
-            inside: {
-              "value": {
-                pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
-                lookbehind: true,
-                alias: [lang, "language-" + lang],
-                inside: Prism2.languages[lang]
-              },
-              "punctuation": [
-                {
-                  pattern: /^=/,
-                  alias: "attr-equals"
-                },
-                /"|'/
-              ]
-            }
-          }
-        }
-      });
-    }
-  });
-  Prism2.languages.html = Prism2.languages.markup;
-  Prism2.languages.mathml = Prism2.languages.markup;
-  Prism2.languages.svg = Prism2.languages.markup;
-  Prism2.languages.xml = Prism2.languages.extend("markup", {});
-  Prism2.languages.ssml = Prism2.languages.xml;
-  Prism2.languages.atom = Prism2.languages.xml;
-  Prism2.languages.rss = Prism2.languages.xml;
-  (function(Prism3) {
-    var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
-    Prism3.languages.css = {
-      "comment": /\/\*[\s\S]*?\*\//,
-      "atrule": {
-        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + string.source + ")*?" + /(?:;|(?=\s*\{))/.source),
-        inside: {
-          "rule": /^@[\w-]+/,
-          "selector-function-argument": {
-            pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
-            lookbehind: true,
-            alias: "selector"
-          },
-          "keyword": {
-            pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
-            lookbehind: true
-          }
-          // See rest below
-        }
-      },
-      "url": {
-        // https://drafts.csswg.org/css-values-3/#urls
-        pattern: RegExp("\\burl\\((?:" + string.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
-        greedy: true,
-        inside: {
-          "function": /^url/i,
-          "punctuation": /^\(|\)$/,
-          "string": {
-            pattern: RegExp("^" + string.source + "$"),
-            alias: "url"
-          }
-        }
-      },
-      "selector": {
-        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + string.source + ")*(?=\\s*\\{)"),
-        lookbehind: true
-      },
-      "string": {
-        pattern: string,
-        greedy: true
-      },
-      "property": {
-        pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
-        lookbehind: true
-      },
-      "important": /!important\b/i,
-      "function": {
-        pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
-        lookbehind: true
-      },
-      "punctuation": /[(){};:,]/
-    };
-    Prism3.languages.css["atrule"].inside.rest = Prism3.languages.css;
-    var markup = Prism3.languages.markup;
-    if (markup) {
-      markup.tag.addInlined("style", "css");
-      markup.tag.addAttribute("style", "css");
-    }
-  })(Prism2);
-  Prism2.languages.clike = {
-    "comment": [
-      {
-        pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
-        lookbehind: true,
-        greedy: true
-      },
-      {
-        pattern: /(^|[^\\:])\/\/.*/,
-        lookbehind: true,
-        greedy: true
-      }
-    ],
-    "string": {
-      pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
-      greedy: true
-    },
-    "class-name": {
-      pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
-      lookbehind: true,
-      inside: {
-        "punctuation": /[.\\]/
-      }
-    },
-    "keyword": /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
-    "boolean": /\b(?:false|true)\b/,
-    "function": /\b\w+(?=\()/,
-    "number": /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
-    "operator": /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
-    "punctuation": /[{}[\];(),.:]/
-  };
-  Prism2.languages.javascript = Prism2.languages.extend("clike", {
-    "class-name": [
-      Prism2.languages.clike["class-name"],
-      {
-        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
-        lookbehind: true
-      }
-    ],
-    "keyword": [
-      {
-        pattern: /((?:^|\})\s*)catch\b/,
-        lookbehind: true
-      },
-      {
-        pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
-        lookbehind: true
-      }
-    ],
-    // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
-    "function": /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
-    "number": {
-      pattern: RegExp(
-        /(^|[^\w$])/.source + "(?:" + // constant
-        (/NaN|Infinity/.source + "|" + // binary integer
-        /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer
-        /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer
-        /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint
-        /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint
-        /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source
-      ),
-      lookbehind: true
-    },
-    "operator": /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
-  });
-  Prism2.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
-  Prism2.languages.insertBefore("javascript", "keyword", {
-    "regex": {
-      pattern: RegExp(
-        // lookbehind
-        // eslint-disable-next-line regexp/no-dupe-characters-character-class
-        /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source + // Regex pattern:
-        // There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
-        // classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
-        // with the only syntax, so we have to define 2 different regex patterns.
-        /\//.source + "(?:" + /(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source + "|" + // `v` flag syntax. This supports 3 levels of nested character classes.
-        /(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source + ")" + // lookahead
-        /(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
-      ),
-      lookbehind: true,
-      greedy: true,
-      inside: {
-        "regex-source": {
-          pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
-          lookbehind: true,
-          alias: "language-regex",
-          inside: Prism2.languages.regex
-        },
-        "regex-delimiter": /^\/|\/$/,
-        "regex-flags": /^[a-z]+$/
-      }
-    },
-    // This must be declared before keyword because we use "function" inside the look-forward
-    "function-variable": {
-      pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
-      alias: "function"
-    },
-    "parameter": [
-      {
-        pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
-        lookbehind: true,
-        inside: Prism2.languages.javascript
-      },
-      {
-        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
-        lookbehind: true,
-        inside: Prism2.languages.javascript
-      },
-      {
-        pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
-        lookbehind: true,
-        inside: Prism2.languages.javascript
-      },
-      {
-        pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
-        lookbehind: true,
-        inside: Prism2.languages.javascript
-      }
-    ],
-    "constant": /\b[A-Z](?:[A-Z_]|\dx?)*\b/
-  });
-  Prism2.languages.insertBefore("javascript", "string", {
-    "hashbang": {
-      pattern: /^#!.*/,
-      greedy: true,
-      alias: "comment"
-    },
-    "template-string": {
-      pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
-      greedy: true,
-      inside: {
-        "template-punctuation": {
-          pattern: /^`|`$/,
-          alias: "string"
-        },
-        "interpolation": {
-          pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
-          lookbehind: true,
-          inside: {
-            "interpolation-punctuation": {
-              pattern: /^\$\{|\}$/,
-              alias: "punctuation"
-            },
-            rest: Prism2.languages.javascript
-          }
-        },
-        "string": /[\s\S]+/
-      }
-    },
-    "string-property": {
-      pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
-      lookbehind: true,
-      greedy: true,
-      alias: "property"
-    }
-  });
-  Prism2.languages.insertBefore("javascript", "operator", {
-    "literal-property": {
-      pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
-      lookbehind: true,
-      alias: "property"
-    }
-  });
-  if (Prism2.languages.markup) {
-    Prism2.languages.markup.tag.addInlined("script", "javascript");
-    Prism2.languages.markup.tag.addAttribute(
-      /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
-      "javascript"
-    );
-  }
-  Prism2.languages.js = Prism2.languages.javascript;
-  (function() {
-    if (typeof Prism2 === "undefined" || typeof document === "undefined") {
-      return;
-    }
-    if (!Element.prototype.matches) {
-      Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
-    }
-    var LOADING_MESSAGE = "Loading…";
-    var FAILURE_MESSAGE = function(status, message) {
-      return "✖ Error " + status + " while fetching file: " + message;
-    };
-    var FAILURE_EMPTY_MESSAGE = "✖ Error: File does not exist or is empty";
-    var EXTENSIONS = {
-      "js": "javascript",
-      "py": "python",
-      "rb": "ruby",
-      "ps1": "powershell",
-      "psm1": "powershell",
-      "sh": "bash",
-      "bat": "batch",
-      "h": "c",
-      "tex": "latex"
-    };
-    var STATUS_ATTR = "data-src-status";
-    var STATUS_LOADING = "loading";
-    var STATUS_LOADED = "loaded";
-    var STATUS_FAILED = "failed";
-    var SELECTOR = "pre[data-src]:not([" + STATUS_ATTR + '="' + STATUS_LOADED + '"]):not([' + STATUS_ATTR + '="' + STATUS_LOADING + '"])';
-    function loadFile(src, success, error) {
-      var xhr = new XMLHttpRequest();
-      xhr.open("GET", src, true);
-      xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4) {
-          if (xhr.status < 400 && xhr.responseText) {
-            success(xhr.responseText);
-          } else {
-            if (xhr.status >= 400) {
-              error(FAILURE_MESSAGE(xhr.status, xhr.statusText));
-            } else {
-              error(FAILURE_EMPTY_MESSAGE);
-            }
-          }
-        }
-      };
-      xhr.send(null);
-    }
-    function parseRange(range) {
-      var m2 = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(range || "");
-      if (m2) {
-        var start2 = Number(m2[1]);
-        var comma = m2[2];
-        var end2 = m2[3];
-        if (!comma) {
-          return [start2, start2];
-        }
-        if (!end2) {
-          return [start2, void 0];
-        }
-        return [start2, Number(end2)];
-      }
-      return void 0;
-    }
-    Prism2.hooks.add("before-highlightall", function(env) {
-      env.selector += ", " + SELECTOR;
-    });
-    Prism2.hooks.add("before-sanity-check", function(env) {
-      var pre = (
-        /** @type {HTMLPreElement} */
-        env.element
-      );
-      if (pre.matches(SELECTOR)) {
-        env.code = "";
-        pre.setAttribute(STATUS_ATTR, STATUS_LOADING);
-        var code = pre.appendChild(document.createElement("CODE"));
-        code.textContent = LOADING_MESSAGE;
-        var src = pre.getAttribute("data-src");
-        var language = env.language;
-        if (language === "none") {
-          var extension = (/\.(\w+)$/.exec(src) || [, "none"])[1];
-          language = EXTENSIONS[extension] || extension;
-        }
-        Prism2.util.setLanguage(code, language);
-        Prism2.util.setLanguage(pre, language);
-        var autoloader = Prism2.plugins.autoloader;
-        if (autoloader) {
-          autoloader.loadLanguages(language);
-        }
-        loadFile(
-          src,
-          function(text) {
-            pre.setAttribute(STATUS_ATTR, STATUS_LOADED);
-            var range = parseRange(pre.getAttribute("data-range"));
-            if (range) {
-              var lines = text.split(/\r\n?|\n/g);
-              var start2 = range[0];
-              var end2 = range[1] == null ? lines.length : range[1];
-              if (start2 < 0) {
-                start2 += lines.length;
-              }
-              start2 = Math.max(0, Math.min(start2 - 1, lines.length));
-              if (end2 < 0) {
-                end2 += lines.length;
-              }
-              end2 = Math.max(0, Math.min(end2, lines.length));
-              text = lines.slice(start2, end2).join("\n");
-              if (!pre.hasAttribute("data-start")) {
-                pre.setAttribute("data-start", String(start2 + 1));
-              }
-            }
-            code.textContent = text;
-            Prism2.highlightElement(code);
-          },
-          function(error) {
-            pre.setAttribute(STATUS_ATTR, STATUS_FAILED);
-            code.textContent = error;
-          }
-        );
-      }
-    });
-    Prism2.plugins.fileHighlight = {
-      /**
-       * Executes the File Highlight plugin for all matching `pre` elements under the given container.
-       *
-       * Note: Elements which are already loaded or currently loading will not be touched by this method.
-       *
-       * @param {ParentNode} [container=document]
-       */
-      highlight: function highlight(container) {
-        var elements = (container || document).querySelectorAll(SELECTOR);
-        for (var i2 = 0, element; element = elements[i2++]; ) {
-          Prism2.highlightElement(element);
-        }
-      }
-    };
-    var logged = false;
-    Prism2.fileHighlight = function() {
-      if (!logged) {
-        console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead.");
-        logged = true;
-      }
-      Prism2.plugins.fileHighlight.highlight.apply(this, arguments);
-    };
-  })();
-})(prism);
-var prismExports = prism.exports;
-const Prism = /* @__PURE__ */ getDefaultExportFromCjs(prismExports);
-const EmptyPanel = ({ id: id2, classes, height, style, children }) => {
-  const emptyStyle = {
-    display: "flex",
-    textAlign: "center",
-    flex: "0 0 content",
-    alignItems: "center",
-    justifyContent: "center",
-    height: height ? height : "10rem"
-  };
-  return m$1`
-    <div
-      ...${{ id: id2 }}
-      class="${classes ? classes : ""}"
-      style=${{ width: "100%" }}
-    >
-      <div style=${{ ...emptyStyle, ...style }}>
-        <div>${children || ""}</div>
-      </div>
-    </div>
-  `;
-};
-const TabSet = ({ id: id2, type, classes, tools, styles, children }) => {
-  if (!id2) {
-    throw new Error("Tabsets require an id to function properly");
-  }
-  const tabs = children;
-  const tabType = type || "tabs";
-  const tabSetStyle = {
-    alignItems: "space-between"
-  };
-  return m$1`<ul
-      ...${{ id: id2 }}
-      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=${id2} tabs=${tabs} style=${styles.tabBody} />`;
-};
-const TabPanel = ({
-  id: id2,
-  index,
-  selected,
-  style,
-  scrollable,
-  children
-}) => {
-  const tabContentsId = computeTabContentsId(id2, index);
-  return m$1`<div
-    id="${tabContentsId}"
-    class="tab-pane show ${selected ? "active" : ""}"
-    style=${{
-    flex: "1",
-    overflowY: scrollable === void 0 || scrollable ? "auto" : "hidden",
-    ...style
-  }}
-  >
-    ${children}
-  </div>`;
-};
-const Tabs = ({ tabs, type, style }) => {
-  return tabs.map((tab, index) => {
-    return m$1` <${Tab2}
-      type=${type || "tabs"}
-      tab=${tab}
-      index=${index}
-      style=${style}
-    />`;
-  });
-};
-const Tab2 = ({ type, tab, index, style }) => {
-  const tabId = tab.props.id || computeTabId(id, 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"
-  };
-  const pillStyle = {
-    ...style
-  };
-  return m$1`
-    <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: (e2) => {
-      tab.props.onSelected(e2);
-      return false;
-    }
-  }}
-      >
-        ${tab.props.icon ? m$1`<i
-              class="${tab.props.icon}"
-              style=${{ marginRight: "0.5em" }}
-            ></i>` : ""}
-        ${tab.props.title}
-      </button>
-    </li>
-  `;
-};
-const TabTools = ({ tools }) => {
-  return m$1`<div
-    class="tab-tools"
-    style=${{
-    flexBasis: "auto",
-    marginLeft: "auto",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "end",
-    flexWrap: "wrap",
-    rowGap: "0.3rem"
-  }}
-  >
-    ${tools}
-  </div>`;
-};
-const TabPanels = ({ id: id2, tabs, style }) => {
-  return m$1`<div class="tab-content" id="${id2}-content" style=${{ ...style }}>
-    ${tabs.map((tab, index) => {
-    tab.props.index = index;
-    return tab;
-  })}
-  </div>`;
-};
-const computeTabId = (id2, index) => {
-  return `${id2}-${index}`;
-};
-const computeTabContentsId = (id2, index) => {
-  return `${id2}-contents-${index}`;
-};
-const ToolButton = ({ name, classes, icon: icon2, onclick, ...rest }) => {
-  const attr = {
-    type: "button",
-    class: `btn btn-tools ${classes || ""}`,
-    onclick,
-    ...rest
-  };
-  const iconEl = icon2 ? m$1`<i class="${icon2}" style=${{ marginRight: "0.5em" }}></i>` : "";
-  return _("button", attr, m$1`${iconEl}${name}`);
-};
-const asyncJsonParse = (text) => {
-  return new Promise((resolve, reject) => {
-    const blob = new Blob([kWorkerCode], { type: "application/javascript" });
-    const blobURL = URL.createObjectURL(blob);
-    const worker = new Worker(blobURL);
-    try {
-      worker.onmessage = function(e2) {
-        if (e2.data.success) {
-          resolve(e2.data.result);
-        } else {
-          reject(new Error(e2.data.error));
-        }
-      };
-      worker.onerror = function(error) {
-        reject(new Error(error.message));
-      };
-      worker.postMessage({ scriptContent: kJson5ScriptBase64, text });
-    } finally {
-      worker.onterminate = function() {
-        URL.revokeObjectURL(blobURL);
-      };
-    }
-  });
-};
-const kWorkerCode = `
-self.onmessage = function (e) {
-  eval(atob(e.data.scriptContent));
-  const text = e.data.text;
-  try {
-    const result = JSON5.parse(text);
-    self.postMessage({ success: true, result });
-  } catch (error) {
-    self.postMessage({ success: false, error: error.message });
-  }
-};`;
-const kJson5ScriptBase64 = `IWZ1bmN0aW9uKHUsRCl7Im9iamVjdCI9PXR5cGVvZiBleHBvcnRzJiYidW5kZWZpbmVkIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz1EKCk6ImZ1bmN0aW9uIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUoRCk6dS5KU09ONT1EKCl9KHRoaXMsZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7ZnVuY3Rpb24gdSh1LEQpe3JldHVybiB1KEQ9e2V4cG9ydHM6e319LEQuZXhwb3J0cyksRC5leHBvcnRzfXZhciBEPXUoZnVuY3Rpb24odSl7dmFyIEQ9dS5leHBvcnRzPSJ1bmRlZmluZWQiIT10eXBlb2Ygd2luZG93JiZ3aW5kb3cuTWF0aD09TWF0aD93aW5kb3c6InVuZGVmaW5lZCIhPXR5cGVvZiBzZWxmJiZzZWxmLk1hdGg9PU1hdGg/c2VsZjpGdW5jdGlvbigicmV0dXJuIHRoaXMiKSgpOyJudW1iZXIiPT10eXBlb2YgX19nJiYoX19nPUQpfSksZT11KGZ1bmN0aW9uKHUpe3ZhciBEPXUuZXhwb3J0cz17dmVyc2lvbjoiMi42LjUifTsibnVtYmVyIj09dHlwZW9mIF9fZSYmKF9fZT1EKX0pLHI9KGUudmVyc2lvbixmdW5jdGlvbih1KXtyZXR1cm4ib2JqZWN0Ij09dHlwZW9mIHU/bnVsbCE9PXU6ImZ1bmN0aW9uIj09dHlwZW9mIHV9KSx0PWZ1bmN0aW9uKHUpe2lmKCFyKHUpKXRocm93IFR5cGVFcnJvcih1KyIgaXMgbm90IGFuIG9iamVjdCEiKTtyZXR1cm4gdX0sbj1mdW5jdGlvbih1KXt0cnl7cmV0dXJuISF1KCl9Y2F0Y2godSl7cmV0dXJuITB9fSxGPSFuKGZ1bmN0aW9uKCl7cmV0dXJuIDchPU9iamVjdC5kZWZpbmVQcm9wZXJ0eSh7fSwiYSIse2dldDpmdW5jdGlvbigpe3JldHVybiA3fX0pLmF9KSxDPUQuZG9jdW1lbnQsQT1yKEMpJiZyKEMuY3JlYXRlRWxlbWVudCksaT0hRiYmIW4oZnVuY3Rpb24oKXtyZXR1cm4gNyE9T2JqZWN0LmRlZmluZVByb3BlcnR5KCh1PSJkaXYiLEE/Qy5jcmVhdGVFbGVtZW50KHUpOnt9KSwiYSIse2dldDpmdW5jdGlvbigpe3JldHVybiA3fX0pLmE7dmFyIHV9KSxFPU9iamVjdC5kZWZpbmVQcm9wZXJ0eSxvPXtmOkY/T2JqZWN0LmRlZmluZVByb3BlcnR5OmZ1bmN0aW9uKHUsRCxlKXtpZih0KHUpLEQ9ZnVuY3Rpb24odSxEKXtpZighcih1KSlyZXR1cm4gdTt2YXIgZSx0O2lmKEQmJiJmdW5jdGlvbiI9PXR5cGVvZihlPXUudG9TdHJpbmcpJiYhcih0PWUuY2FsbCh1KSkpcmV0dXJuIHQ7aWYoImZ1bmN0aW9uIj09dHlwZW9mKGU9dS52YWx1ZU9mKSYmIXIodD1lLmNhbGwodSkpKXJldHVybiB0O2lmKCFEJiYiZnVuY3Rpb24iPT10eXBlb2YoZT11LnRvU3RyaW5nKSYmIXIodD1lLmNhbGwodSkpKXJldHVybiB0O3Rocm93IFR5cGVFcnJvcigiQ2FuJ3QgY29udmVydCBvYmplY3QgdG8gcHJpbWl0aXZlIHZhbHVlIil9KEQsITApLHQoZSksaSl0cnl7cmV0dXJuIEUodSxELGUpfWNhdGNoKHUpe31pZigiZ2V0ImluIGV8fCJzZXQiaW4gZSl0aHJvdyBUeXBlRXJyb3IoIkFjY2Vzc29ycyBub3Qgc3VwcG9ydGVkISIpO3JldHVybiJ2YWx1ZSJpbiBlJiYodVtEXT1lLnZhbHVlKSx1fX0sYT1GP2Z1bmN0aW9uKHUsRCxlKXtyZXR1cm4gby5mKHUsRCxmdW5jdGlvbih1LEQpe3JldHVybntlbnVtZXJhYmxlOiEoMSZ1KSxjb25maWd1cmFibGU6ISgyJnUpLHdyaXRhYmxlOiEoNCZ1KSx2YWx1ZTpEfX0oMSxlKSl9OmZ1bmN0aW9uKHUsRCxlKXtyZXR1cm4gdVtEXT1lLHV9LGM9e30uaGFzT3duUHJvcGVydHksQj1mdW5jdGlvbih1LEQpe3JldHVybiBjLmNhbGwodSxEKX0scz0wLGY9TWF0aC5yYW5kb20oKSxsPXUoZnVuY3Rpb24odSl7dmFyIHI9RFsiX19jb3JlLWpzX3NoYXJlZF9fIl18fChEWyJfX2NvcmUtanNfc2hhcmVkX18iXT17fSk7KHUuZXhwb3J0cz1mdW5jdGlvbih1LEQpe3JldHVybiByW3VdfHwoclt1XT12b2lkIDAhPT1EP0Q6e30pfSkoInZlcnNpb25zIixbXSkucHVzaCh7dmVyc2lvbjplLnZlcnNpb24sbW9kZToiZ2xvYmFsIixjb3B5cmlnaHQ6IsKpIDIwMTkgRGVuaXMgUHVzaGthcmV2ICh6bG9pcm9jay5ydSkifSl9KSgibmF0aXZlLWZ1bmN0aW9uLXRvLXN0cmluZyIsRnVuY3Rpb24udG9TdHJpbmcpLGQ9dShmdW5jdGlvbih1KXt2YXIgcix0PSJTeW1ib2woIi5jb25jYXQodm9pZCAwPT09KHI9InNyYyIpPyIiOnIsIilfIiwoKytzK2YpLnRvU3RyaW5nKDM2KSksbj0oIiIrbCkuc3BsaXQoInRvU3RyaW5nIik7ZS5pbnNwZWN0U291cmNlPWZ1bmN0aW9uKHUpe3JldHVybiBsLmNhbGwodSl9LCh1LmV4cG9ydHM9ZnVuY3Rpb24odSxlLHIsRil7dmFyIEM9ImZ1bmN0aW9uIj09dHlwZW9mIHI7QyYmKEIociwibmFtZSIpfHxhKHIsIm5hbWUiLGUpKSx1W2VdIT09ciYmKEMmJihCKHIsdCl8fGEocix0LHVbZV0/IiIrdVtlXTpuLmpvaW4oU3RyaW5nKGUpKSkpLHU9PT1EP3VbZV09cjpGP3VbZV0/dVtlXT1yOmEodSxlLHIpOihkZWxldGUgdVtlXSxhKHUsZSxyKSkpfSkoRnVuY3Rpb24ucHJvdG90eXBlLCJ0b1N0cmluZyIsZnVuY3Rpb24oKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgdGhpcyYmdGhpc1t0XXx8bC5jYWxsKHRoaXMpfSl9KSx2PWZ1bmN0aW9uKHUsRCxlKXtpZihmdW5jdGlvbih1KXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdSl0aHJvdyBUeXBlRXJyb3IodSsiIGlzIG5vdCBhIGZ1bmN0aW9uISIpfSh1KSx2b2lkIDA9PT1EKXJldHVybiB1O3N3aXRjaChlKXtjYXNlIDE6cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB1LmNhbGwoRCxlKX07Y2FzZSAyOnJldHVybiBmdW5jdGlvbihlLHIpe3JldHVybiB1LmNhbGwoRCxlLHIpfTtjYXNlIDM6cmV0dXJuIGZ1bmN0aW9uKGUscix0KXtyZXR1cm4gdS5jYWxsKEQsZSxyLHQpfX1yZXR1cm4gZnVuY3Rpb24oKXtyZXR1cm4gdS5hcHBseShELGFyZ3VtZW50cyl9fSxwPWZ1bmN0aW9uKHUscix0KXt2YXIgbixGLEMsQSxpPXUmcC5GLEU9dSZwLkcsbz11JnAuUyxjPXUmcC5QLEI9dSZwLkIscz1FP0Q6bz9EW3JdfHwoRFtyXT17fSk6KERbcl18fHt9KS5wcm90b3R5cGUsZj1FP2U6ZVtyXXx8KGVbcl09e30pLGw9Zi5wcm90b3R5cGV8fChmLnByb3RvdHlwZT17fSk7Zm9yKG4gaW4gRSYmKHQ9ciksdClDPSgoRj0haSYmcyYmdm9pZCAwIT09c1tuXSk/czp0KVtuXSxBPUImJkY/dihDLEQpOmMmJiJmdW5jdGlvbiI9PXR5cGVvZiBDP3YoRnVuY3Rpb24uY2FsbCxDKTpDLHMmJmQocyxuLEMsdSZwLlUpLGZbbl0hPUMmJmEoZixuLEEpLGMmJmxbbl0hPUMmJihsW25dPUMpfTtELmNvcmU9ZSxwLkY9MSxwLkc9MixwLlM9NCxwLlA9OCxwLkI9MTYscC5XPTMyLHAuVT02NCxwLlI9MTI4O3ZhciBoLG09cCxnPU1hdGguY2VpbCx5PU1hdGguZmxvb3Isdz1mdW5jdGlvbih1KXtyZXR1cm4gaXNOYU4odT0rdSk/MDoodT4wP3k6ZykodSl9LGI9KGg9ITEsZnVuY3Rpb24odSxEKXt2YXIgZSxyLHQ9U3RyaW5nKGZ1bmN0aW9uKHUpe2lmKG51bGw9PXUpdGhyb3cgVHlwZUVycm9yKCJDYW4ndCBjYWxsIG1ldGhvZCBvbiAgIit1KTtyZXR1cm4gdX0odSkpLG49dyhEKSxGPXQubGVuZ3RoO3JldHVybiBuPDB8fG4+PUY/aD8iIjp2b2lkIDA6KGU9dC5jaGFyQ29kZUF0KG4pKTw1NTI5Nnx8ZT41NjMxOXx8bisxPT09Rnx8KHI9dC5jaGFyQ29kZUF0KG4rMSkpPDU2MzIwfHxyPjU3MzQzP2g/dC5jaGFyQXQobik6ZTpoP3Quc2xpY2UobixuKzIpOnItNTYzMjArKGUtNTUyOTY8PDEwKSs2NTUzNn0pO20obS5QLCJTdHJpbmciLHtjb2RlUG9pbnRBdDpmdW5jdGlvbih1KXtyZXR1cm4gYih0aGlzLHUpfX0pO2UuU3RyaW5nLmNvZGVQb2ludEF0O3ZhciBTPU1hdGgubWF4LHg9TWF0aC5taW4sTj1TdHJpbmcuZnJvbUNoYXJDb2RlLFA9U3RyaW5nLmZyb21Db2RlUG9pbnQ7bShtLlMrbS5GKighIVAmJjEhPVAubGVuZ3RoKSwiU3RyaW5nIix7ZnJvbUNvZGVQb2ludDpmdW5jdGlvbih1KXtmb3IodmFyIEQsZSxyLHQ9YXJndW1lbnRzLG49W10sRj1hcmd1bWVudHMubGVuZ3RoLEM9MDtGPkM7KXtpZihEPSt0W0MrK10scj0xMTE0MTExLCgoZT13KGU9RCkpPDA/UyhlK3IsMCk6eChlLHIpKSE9PUQpdGhyb3cgUmFuZ2VFcnJvcihEKyIgaXMgbm90IGEgdmFsaWQgY29kZSBwb2ludCIpO24ucHVzaChEPDY1NTM2P04oRCk6Tig1NTI5NisoKEQtPTY1NTM2KT4+MTApLEQlMTAyNCs1NjMyMCkpfXJldHVybiBuLmpvaW4oIiIpfX0pO2UuU3RyaW5nLmZyb21Db2RlUG9pbnQ7dmFyIF8sTyxqLEksVixKLE0sayxMLFQseixILCQsUixHPXtTcGFjZV9TZXBhcmF0b3I6L1tcdTE2ODBcdTIwMDAtXHUyMDBBXHUyMDJGXHUyMDVGXHUzMDAwXS8sSURfU3RhcnQ6L1tceEFBXHhCNVx4QkFceEMwLVx4RDZceEQ4LVx4RjZceEY4LVx1MDJDMVx1MDJDNi1cdTAyRDFcdTAyRTAtXHUwMkU0XHUwMkVDXHUwMkVFXHUwMzcwLVx1MDM3NFx1MDM3Nlx1MDM3N1x1MDM3QS1cdTAzN0RcdTAzN0ZcdTAzODZcdTAzODgtXHUwMzhBXHUwMzhDXHUwMzhFLVx1MDNBMVx1MDNBMy1cdTAzRjVcdTAzRjctXHUwNDgxXHUwNDhBLVx1MDUyRlx1MDUzMS1cdTA1NTZcdTA1NTlcdTA1NjEtXHUwNTg3XHUwNUQwLVx1MDVFQVx1MDVGMC1cdTA1RjJcdTA2MjAtXHUwNjRBXHUwNjZFXHUwNjZGXHUwNjcxLVx1MDZEM1x1MDZENVx1MDZFNVx1MDZFNlx1MDZFRVx1MDZFRlx1MDZGQS1cdTA2RkNcdTA2RkZcdTA3MTBcdTA3MTItXHUwNzJGXHUwNzRELVx1MDdBNVx1MDdCMVx1MDdDQS1cdTA3RUFcdTA3RjRcdTA3RjVcdTA3RkFcdTA4MDAtXHUwODE1XHUwODFBXHUwODI0XHUwODI4XHUwODQwLVx1MDg1OFx1MDg2MC1cdTA4NkFcdTA4QTAtXHUwOEI0XHUwOEI2LVx1MDhCRFx1MDkwNC1cdTA5MzlcdTA5M0RcdTA5NTBcdTA5NTgtXHUwOTYxXHUwOTcxLVx1MDk4MFx1MDk4NS1cdTA5OENcdTA5OEZcdTA5OTBcdTA5OTMtXHUwOUE4XHUwOUFBLVx1MDlCMFx1MDlCMlx1MDlCNi1cdTA5QjlcdTA5QkRcdTA5Q0VcdTA5RENcdTA5RERcdTA5REYtXHUwOUUxXHUwOUYwXHUwOUYxXHUwOUZDXHUwQTA1LVx1MEEwQVx1MEEwRlx1MEExMFx1MEExMy1cdTBBMjhcdTBBMkEtXHUwQTMwXHUwQTMyXHUwQTMzXHUwQTM1XHUwQTM2XHUwQTM4XHUwQTM5XHUwQTU5LVx1MEE1Q1x1MEE1RVx1MEE3Mi1cdTBBNzRcdTBBODUtXHUwQThEXHUwQThGLVx1MEE5MVx1MEE5My1cdTBBQThcdTBBQUEtXHUwQUIwXHUwQUIyXHUwQUIzXHUwQUI1LVx1MEFCOVx1MEFCRFx1MEFEMFx1MEFFMFx1MEFFMVx1MEFGOVx1MEIwNS1cdTBCMENcdTBCMEZcdTBCMTBcdTBCMTMtXHUwQjI4XHUwQjJBLVx1MEIzMFx1MEIzMlx1MEIzM1x1MEIzNS1cdTBCMzlcdTBCM0RcdTBCNUNcdTBCNURcdTBCNUYtXHUwQjYxXHUwQjcxXHUwQjgzXHUwQjg1LVx1MEI4QVx1MEI4RS1cdTBCOTBcdTBCOTItXHUwQjk1XHUwQjk5XHUwQjlBXHUwQjlDXHUwQjlFXHUwQjlGXHUwQkEzXHUwQkE0XHUwQkE4LVx1MEJBQVx1MEJBRS1cdTBCQjlcdTBCRDBcdTBDMDUtXHUwQzBDXHUwQzBFLVx1MEMxMFx1MEMxMi1cdTBDMjhcdTBDMkEtXHUwQzM5XHUwQzNEXHUwQzU4LVx1MEM1QVx1MEM2MFx1MEM2MVx1MEM4MFx1MEM4NS1cdTBDOENcdTBDOEUtXHUwQzkwXHUwQzkyLVx1MENBOFx1MENBQS1cdTBDQjNcdTBDQjUtXHUwQ0I5XHUwQ0JEXHUwQ0RFXHUwQ0UwXHUwQ0UxXHUwQ0YxXHUwQ0YyXHUwRDA1LVx1MEQwQ1x1MEQwRS1cdTBEMTBcdTBEMTItXHUwRDNBXHUwRDNEXHUwRDRFXHUwRDU0LVx1MEQ1Nlx1MEQ1Ri1cdTBENjFcdTBEN0EtXHUwRDdGXHUwRDg1LVx1MEQ5Nlx1MEQ5QS1cdTBEQjFcdTBEQjMtXHUwREJCXHUwREJEXHUwREMwLVx1MERDNlx1MEUwMS1cdTBFMzBcdTBFMzJcdTBFMzNcdTBFNDAtXHUwRTQ2XHUwRTgxXHUwRTgyXHUwRTg0XHUwRTg3XHUwRTg4XHUwRThBXHUwRThEXHUwRTk0LVx1MEU5N1x1MEU5OS1cdTBFOUZcdTBFQTEtXHUwRUEzXHUwRUE1XHUwRUE3XHUwRUFBXHUwRUFCXHUwRUFELVx1MEVCMFx1MEVCMlx1MEVCM1x1MEVCRFx1MEVDMC1cdTBFQzRcdTBFQzZcdTBFREMtXHUwRURGXHUwRjAwXHUwRjQwLVx1MEY0N1x1MEY0OS1cdTBGNkNcdTBGODgtXHUwRjhDXHUxMDAwLVx1MTAyQVx1MTAzRlx1MTA1MC1cdTEwNTVcdTEwNUEtXHUxMDVEXHUxMDYxXHUxMDY1XHUxMDY2XHUxMDZFLVx1MTA3MFx1MTA3NS1cdTEwODFcdTEwOEVcdTEwQTAtXHUxMEM1XHUxMEM3XHUxMENEXHUxMEQwLVx1MTBGQVx1MTBGQy1cdTEyNDhcdTEyNEEtXHUxMjREXHUxMjUwLVx1MTI1Nlx1MTI1OFx1MTI1QS1cdTEyNURcdTEyNjAtXHUxMjg4XHUxMjhBLVx1MTI4RFx1MTI5MC1cdTEyQjBcdTEyQjItXHUxMkI1XHUxMkI4LVx1MTJCRVx1MTJDMFx1MTJDMi1cdTEyQzVcdTEyQzgtXHUxMkQ2XHUxMkQ4LVx1MTMxMFx1MTMxMi1cdTEzMTVcdTEzMTgtXHUxMzVBXHUxMzgwLVx1MTM4Rlx1MTNBMC1cdTEzRjVcdTEzRjgtXHUxM0ZEXHUxNDAxLVx1MTY2Q1x1MTY2Ri1cdTE2N0ZcdTE2ODEtXHUxNjlBXHUxNkEwLVx1MTZFQVx1MTZFRS1cdTE2RjhcdTE3MDAtXHUxNzBDXHUxNzBFLVx1MTcxMVx1MTcyMC1cdTE3MzFcdTE3NDAtXHUxNzUxXHUxNzYwLVx1MTc2Q1x1MTc2RS1cdTE3NzBcdTE3ODAtXHUxN0IzXHUxN0Q3XHUxN0RDXHUxODIwLVx1MTg3N1x1MTg4MC1cdTE4ODRcdTE4ODctXHUxOEE4XHUxOEFBXHUxOEIwLVx1MThGNVx1MTkwMC1cdTE5MUVcdTE5NTAtXHUxOTZEXHUxOTcwLVx1MTk3NFx1MTk4MC1cdTE5QUJcdTE5QjAtXHUxOUM5XHUxQTAwLVx1MUExNlx1MUEyMC1cdTFBNTRcdTFBQTdcdTFCMDUtXHUxQjMzXHUxQjQ1LVx1MUI0Qlx1MUI4My1cdTFCQTBcdTFCQUVcdTFCQUZcdTFCQkEtXHUxQkU1XHUxQzAwLVx1MUMyM1x1MUM0RC1cdTFDNEZcdTFDNUEtXHUxQzdEXHUxQzgwLVx1MUM4OFx1MUNFOS1cdTFDRUNcdTFDRUUtXHUxQ0YxXHUxQ0Y1XHUxQ0Y2XHUxRDAwLVx1MURCRlx1MUUwMC1cdTFGMTVcdTFGMTgtXHUxRjFEXHUxRjIwLVx1MUY0NVx1MUY0OC1cdTFGNERcdTFGNTAtXHUxRjU3XHUxRjU5XHUxRjVCXHUxRjVEXHUxRjVGLVx1MUY3RFx1MUY4MC1cdTFGQjRcdTFGQjYtXHUxRkJDXHUxRkJFXHUxRkMyLVx1MUZDNFx1MUZDNi1cdTFGQ0NcdTFGRDAtXHUxRkQzXHUxRkQ2LVx1MUZEQlx1MUZFMC1cdTFGRUNcdTFGRjItXHUxRkY0XHUxRkY2LVx1MUZGQ1x1MjA3MVx1MjA3Rlx1MjA5MC1cdTIwOUNcdTIxMDJcdTIxMDdcdTIxMEEtXHUyMTEzXHUyMTE1XHUyMTE5LVx1MjExRFx1MjEyNFx1MjEyNlx1MjEyOFx1MjEyQS1cdTIxMkRcdTIxMkYtXHUyMTM5XHUyMTNDLVx1MjEzRlx1MjE0NS1cdTIxNDlcdTIxNEVcdTIxNjAtXHUyMTg4XHUyQzAwLVx1MkMyRVx1MkMzMC1cdTJDNUVcdTJDNjAtXHUyQ0U0XHUyQ0VCLVx1MkNFRVx1MkNGMlx1MkNGM1x1MkQwMC1cdTJEMjVcdTJEMjdcdTJEMkRcdTJEMzAtXHUyRDY3XHUyRDZGXHUyRDgwLVx1MkQ5Nlx1MkRBMC1cdTJEQTZcdTJEQTgtXHUyREFFXHUyREIwLVx1MkRCNlx1MkRCOC1cdTJEQkVcdTJEQzAtXHUyREM2XHUyREM4LVx1MkRDRVx1MkREMC1cdTJERDZcdTJERDgtXHUyRERFXHUyRTJGXHUzMDA1LVx1MzAwN1x1MzAyMS1cdTMwMjlcdTMwMzEtXHUzMDM1XHUzMDM4LVx1MzAzQ1x1MzA0MS1cdTMwOTZcdTMwOUQtXHUzMDlGXHUzMEExLVx1MzBGQVx1MzBGQy1cdTMwRkZcdTMxMDUtXHUzMTJFXHUzMTMxLVx1MzE4RVx1MzFBMC1cdTMxQkFcdTMxRjAtXHUzMUZGXHUzNDAwLVx1NERCNVx1NEUwMC1cdTlGRUFcdUEwMDAtXHVBNDhDXHVBNEQwLVx1QTRGRFx1QTUwMC1cdUE2MENcdUE2MTAtXHVBNjFGXHVBNjJBXHVBNjJCXHVBNjQwLVx1QTY2RVx1QTY3Ri1cdUE2OURcdUE2QTAtXHVBNkVGXHVBNzE3LVx1QTcxRlx1QTcyMi1cdUE3ODhcdUE3OEItXHVBN0FFXHVBN0IwLVx1QTdCN1x1QTdGNy1cdUE4MDFcdUE4MDMtXHVBODA1XHVBODA3LVx1QTgwQVx1QTgwQy1cdUE4MjJcdUE4NDAtXHVBODczXHVBODgyLVx1QThCM1x1QThGMi1cdUE4RjdcdUE4RkJcdUE4RkRcdUE5MEEtXHVBOTI1XHVBOTMwLVx1QTk0Nlx1QTk2MC1cdUE5N0NcdUE5ODQtXHVBOUIyXHVBOUNGXHVBOUUwLVx1QTlFNFx1QTlFNi1cdUE5RUZcdUE5RkEtXHVBOUZFXHVBQTAwLVx1QUEyOFx1QUE0MC1cdUFBNDJcdUFBNDQtXHVBQTRCXHVBQTYwLVx1QUE3Nlx1QUE3QVx1QUE3RS1cdUFBQUZcdUFBQjFcdUFBQjVcdUFBQjZcdUFBQjktXHVBQUJEXHVBQUMwXHVBQUMyXHVBQURCLVx1QUFERFx1QUFFMC1cdUFBRUFcdUFBRjItXHVBQUY0XHVBQjAxLVx1QUIwNlx1QUIwOS1cdUFCMEVcdUFCMTEtXHVBQjE2XHVBQjIwLVx1QUIyNlx1QUIyOC1cdUFCMkVcdUFCMzAtXHVBQjVBXHVBQjVDLVx1QUI2NVx1QUI3MC1cdUFCRTJcdUFDMDAtXHVEN0EzXHVEN0IwLVx1RDdDNlx1RDdDQi1cdUQ3RkJcdUY5MDAtXHVGQTZEXHVGQTcwLVx1RkFEOVx1RkIwMC1cdUZCMDZcdUZCMTMtXHVGQjE3XHVGQjFEXHVGQjFGLVx1RkIyOFx1RkIyQS1cdUZCMzZcdUZCMzgtXHVGQjNDXHVGQjNFXHVGQjQwXHVGQjQxXHVGQjQzXHVGQjQ0XHVGQjQ2LVx1RkJCMVx1RkJEMy1cdUZEM0RcdUZENTAtXHVGRDhGXHVGRDkyLVx1RkRDN1x1RkRGMC1cdUZERkJcdUZFNzAtXHVGRTc0XHVGRTc2LVx1RkVGQ1x1RkYyMS1cdUZGM0FcdUZGNDEtXHVGRjVBXHVGRjY2LVx1RkZCRVx1RkZDMi1cdUZGQzdcdUZGQ0EtXHVGRkNGXHVGRkQyLVx1RkZEN1x1RkZEQS1cdUZGRENdfFx1RDgwMFtcdURDMDAtXHVEQzBCXHVEQzBELVx1REMyNlx1REMyOC1cdURDM0FcdURDM0NcdURDM0RcdURDM0YtXHVEQzREXHVEQzUwLVx1REM1RFx1REM4MC1cdURDRkFcdURENDAtXHVERDc0XHVERTgwLVx1REU5Q1x1REVBMC1cdURFRDBcdURGMDAtXHVERjFGXHVERjJELVx1REY0QVx1REY1MC1cdURGNzVcdURGODAtXHVERjlEXHVERkEwLVx1REZDM1x1REZDOC1cdURGQ0ZcdURGRDEtXHVERkQ1XXxcdUQ4MDFbXHVEQzAwLVx1REM5RFx1RENCMC1cdURDRDNcdURDRDgtXHVEQ0ZCXHVERDAwLVx1REQyN1x1REQzMC1cdURENjNcdURFMDAtXHVERjM2XHVERjQwLVx1REY1NVx1REY2MC1cdURGNjddfFx1RDgwMltcdURDMDAtXHVEQzA1XHVEQzA4XHVEQzBBLVx1REMzNVx1REMzN1x1REMzOFx1REMzQ1x1REMzRi1cdURDNTVcdURDNjAtXHVEQzc2XHVEQzgwLVx1REM5RVx1RENFMC1cdURDRjJcdURDRjRcdURDRjVcdUREMDAtXHVERDE1XHVERDIwLVx1REQzOVx1REQ4MC1cdUREQjdcdUREQkVcdUREQkZcdURFMDBcdURFMTAtXHVERTEzXHVERTE1LVx1REUxN1x1REUxOS1cdURFMzNcdURFNjAtXHVERTdDXHVERTgwLVx1REU5Q1x1REVDMC1cdURFQzdcdURFQzktXHVERUU0XHVERjAwLVx1REYzNVx1REY0MC1cdURGNTVcdURGNjAtXHVERjcyXHVERjgwLVx1REY5MV18XHVEODAzW1x1REMwMC1cdURDNDhcdURDODAtXHVEQ0IyXHVEQ0MwLVx1RENGMl18XHVEODA0W1x1REMwMy1cdURDMzdcdURDODMtXHVEQ0FGXHVEQ0QwLVx1RENFOFx1REQwMy1cdUREMjZcdURENTAtXHVERDcyXHVERDc2XHVERDgzLVx1RERCMlx1RERDMS1cdUREQzRcdUREREFcdURERENcdURFMDAtXHVERTExXHVERTEzLVx1REUyQlx1REU4MC1cdURFODZcdURFODhcdURFOEEtXHVERThEXHVERThGLVx1REU5RFx1REU5Ri1cdURFQThcdURFQjAtXHVERURFXHVERjA1LVx1REYwQ1x1REYwRlx1REYxMFx1REYxMy1cdURGMjhcdURGMkEtXHVERjMwXHVERjMyXHVERjMzXHVERjM1LVx1REYzOVx1REYzRFx1REY1MFx1REY1RC1cdURGNjFdfFx1RDgwNVtcdURDMDAtXHVEQzM0XHVEQzQ3LVx1REM0QVx1REM4MC1cdURDQUZcdURDQzRcdURDQzVcdURDQzdcdUREODAtXHVEREFFXHVEREQ4LVx1REREQlx1REUwMC1cdURFMkZcdURFNDRcdURFODAtXHVERUFBXHVERjAwLVx1REYxOV18XHVEODA2W1x1RENBMC1cdURDREZcdURDRkZcdURFMDBcdURFMEItXHVERTMyXHVERTNBXHVERTUwXHVERTVDLVx1REU4M1x1REU4Ni1cdURFODlcdURFQzAtXHVERUY4XXxcdUQ4MDdbXHVEQzAwLVx1REMwOFx1REMwQS1cdURDMkVcdURDNDBcdURDNzItXHVEQzhGXHVERDAwLVx1REQwNlx1REQwOFx1REQwOVx1REQwQi1cdUREMzBcdURENDZdfFx1RDgwOFtcdURDMDAtXHVERjk5XXxcdUQ4MDlbXHVEQzAwLVx1REM2RVx1REM4MC1cdURENDNdfFtcdUQ4MENcdUQ4MUMtXHVEODIwXHVEODQwLVx1RDg2OFx1RDg2QS1cdUQ4NkNcdUQ4NkYtXHVEODcyXHVEODc0LVx1RDg3OV1bXHVEQzAwLVx1REZGRl18XHVEODBEW1x1REMwMC1cdURDMkVdfFx1RDgxMVtcdURDMDAtXHVERTQ2XXxcdUQ4MUFbXHVEQzAwLVx1REUzOFx1REU0MC1cdURFNUVcdURFRDAtXHVERUVEXHVERjAwLVx1REYyRlx1REY0MC1cdURGNDNcdURGNjMtXHVERjc3XHVERjdELVx1REY4Rl18XHVEODFCW1x1REYwMC1cdURGNDRcdURGNTBcdURGOTMtXHVERjlGXHVERkUwXHVERkUxXXxcdUQ4MjFbXHVEQzAwLVx1REZFQ118XHVEODIyW1x1REMwMC1cdURFRjJdfFx1RDgyQ1tcdURDMDAtXHVERDFFXHVERDcwLVx1REVGQl18XHVEODJGW1x1REMwMC1cdURDNkFcdURDNzAtXHVEQzdDXHVEQzgwLVx1REM4OFx1REM5MC1cdURDOTldfFx1RDgzNVtcdURDMDAtXHVEQzU0XHVEQzU2LVx1REM5Q1x1REM5RVx1REM5Rlx1RENBMlx1RENBNVx1RENBNlx1RENBOS1cdURDQUNcdURDQUUtXHVEQ0I5XHVEQ0JCXHVEQ0JELVx1RENDM1x1RENDNS1cdUREMDVcdUREMDctXHVERDBBXHVERDBELVx1REQxNFx1REQxNi1cdUREMUNcdUREMUUtXHVERDM5XHVERDNCLVx1REQzRVx1REQ0MC1cdURENDRcdURENDZcdURENEEtXHVERDUwXHVERDUyLVx1REVBNVx1REVBOC1cdURFQzBcdURFQzItXHVERURBXHVERURDLVx1REVGQVx1REVGQy1cdURGMTRcdURGMTYtXHVERjM0XHVERjM2LVx1REY0RVx1REY1MC1cdURGNkVcdURGNzAtXHVERjg4XHVERjhBLVx1REZBOFx1REZBQS1cdURGQzJcdURGQzQtXHVERkNCXXxcdUQ4M0FbXHVEQzAwLVx1RENDNFx1REQwMC1cdURENDNdfFx1RDgzQltcdURFMDAtXHVERTAzXHVERTA1LVx1REUxRlx1REUyMVx1REUyMlx1REUyNFx1REUyN1x1REUyOS1cdURFMzJcdURFMzQtXHVERTM3XHVERTM5XHVERTNCXHVERTQyXHVERTQ3XHVERTQ5XHVERTRCXHVERTRELVx1REU0Rlx1REU1MVx1REU1Mlx1REU1NFx1REU1N1x1REU1OVx1REU1Qlx1REU1RFx1REU1Rlx1REU2MVx1REU2Mlx1REU2NFx1REU2Ny1cdURFNkFcdURFNkMtXHVERTcyXHVERTc0LVx1REU3N1x1REU3OS1cdURFN0NcdURFN0VcdURFODAtXHVERTg5XHVERThCLVx1REU5Qlx1REVBMS1cdURFQTNcdURFQTUtXHVERUE5XHVERUFCLVx1REVCQl18XHVEODY5W1x1REMwMC1cdURFRDZcdURGMDAtXHVERkZGXXxcdUQ4NkRbXHVEQzAwLVx1REYzNFx1REY0MC1cdURGRkZdfFx1RDg2RVtcdURDMDAtXHVEQzFEXHVEQzIwLVx1REZGRl18XHVEODczW1x1REMwMC1cdURFQTFcdURFQjAtXHVERkZGXXxcdUQ4N0FbXHVEQzAwLVx1REZFMF18XHVEODdFW1x1REMwMC1cdURFMURdLyxJRF9Db250aW51ZTovW1x4QUFceEI1XHhCQVx4QzAtXHhENlx4RDgtXHhGNlx4RjgtXHUwMkMxXHUwMkM2LVx1MDJEMVx1MDJFMC1cdTAyRTRcdTAyRUNcdTAyRUVcdTAzMDAtXHUwMzc0XHUwMzc2XHUwMzc3XHUwMzdBLVx1MDM3RFx1MDM3Rlx1MDM4Nlx1MDM4OC1cdTAzOEFcdTAzOENcdTAzOEUtXHUwM0ExXHUwM0EzLVx1MDNGNVx1MDNGNy1cdTA0ODFcdTA0ODMtXHUwNDg3XHUwNDhBLVx1MDUyRlx1MDUzMS1cdTA1NTZcdTA1NTlcdTA1NjEtXHUwNTg3XHUwNTkxLVx1MDVCRFx1MDVCRlx1MDVDMVx1MDVDMlx1MDVDNFx1MDVDNVx1MDVDN1x1MDVEMC1cdTA1RUFcdTA1RjAtXHUwNUYyXHUwNjEwLVx1MDYxQVx1MDYyMC1cdTA2NjlcdTA2NkUtXHUwNkQzXHUwNkQ1LVx1MDZEQ1x1MDZERi1cdTA2RThcdTA2RUEtXHUwNkZDXHUwNkZGXHUwNzEwLVx1MDc0QVx1MDc0RC1cdTA3QjFcdTA3QzAtXHUwN0Y1XHUwN0ZBXHUwODAwLVx1MDgyRFx1MDg0MC1cdTA4NUJcdTA4NjAtXHUwODZBXHUwOEEwLVx1MDhCNFx1MDhCNi1cdTA4QkRcdTA4RDQtXHUwOEUxXHUwOEUzLVx1MDk2M1x1MDk2Ni1cdTA5NkZcdTA5NzEtXHUwOTgzXHUwOTg1LVx1MDk4Q1x1MDk4Rlx1MDk5MFx1MDk5My1cdTA5QThcdTA5QUEtXHUwOUIwXHUwOUIyXHUwOUI2LVx1MDlCOVx1MDlCQy1cdTA5QzRcdTA5QzdcdTA5QzhcdTA5Q0ItXHUwOUNFXHUwOUQ3XHUwOURDXHUwOUREXHUwOURGLVx1MDlFM1x1MDlFNi1cdTA5RjFcdTA5RkNcdTBBMDEtXHUwQTAzXHUwQTA1LVx1MEEwQVx1MEEwRlx1MEExMFx1MEExMy1cdTBBMjhcdTBBMkEtXHUwQTMwXHUwQTMyXHUwQTMzXHUwQTM1XHUwQTM2XHUwQTM4XHUwQTM5XHUwQTNDXHUwQTNFLVx1MEE0Mlx1MEE0N1x1MEE0OFx1MEE0Qi1cdTBBNERcdTBBNTFcdTBBNTktXHUwQTVDXHUwQTVFXHUwQTY2LVx1MEE3NVx1MEE4MS1cdTBBODNcdTBBODUtXHUwQThEXHUwQThGLVx1MEE5MVx1MEE5My1cdTBBQThcdTBBQUEtXHUwQUIwXHUwQUIyXHUwQUIzXHUwQUI1LVx1MEFCOVx1MEFCQy1cdTBBQzVcdTBBQzctXHUwQUM5XHUwQUNCLVx1MEFDRFx1MEFEMFx1MEFFMC1cdTBBRTNcdTBBRTYtXHUwQUVGXHUwQUY5LVx1MEFGRlx1MEIwMS1cdTBCMDNcdTBCMDUtXHUwQjBDXHUwQjBGXHUwQjEwXHUwQjEzLVx1MEIyOFx1MEIyQS1cdTBCMzBcdTBCMzJcdTBCMzNcdTBCMzUtXHUwQjM5XHUwQjNDLVx1MEI0NFx1MEI0N1x1MEI0OFx1MEI0Qi1cdTBCNERcdTBCNTZcdTBCNTdcdTBCNUNcdTBCNURcdTBCNUYtXHUwQjYzXHUwQjY2LVx1MEI2Rlx1MEI3MVx1MEI4Mlx1MEI4M1x1MEI4NS1cdTBCOEFcdTBCOEUtXHUwQjkwXHUwQjkyLVx1MEI5NVx1MEI5OVx1MEI5QVx1MEI5Q1x1MEI5RVx1MEI5Rlx1MEJBM1x1MEJBNFx1MEJBOC1cdTBCQUFcdTBCQUUtXHUwQkI5XHUwQkJFLVx1MEJDMlx1MEJDNi1cdTBCQzhcdTBCQ0EtXHUwQkNEXHUwQkQwXHUwQkQ3XHUwQkU2LVx1MEJFRlx1MEMwMC1cdTBDMDNcdTBDMDUtXHUwQzBDXHUwQzBFLVx1MEMxMFx1MEMxMi1cdTBDMjhcdTBDMkEtXHUwQzM5XHUwQzNELVx1MEM0NFx1MEM0Ni1cdTBDNDhcdTBDNEEtXHUwQzREXHUwQzU1XHUwQzU2XHUwQzU4LVx1MEM1QVx1MEM2MC1cdTBDNjNcdTBDNjYtXHUwQzZGXHUwQzgwLVx1MEM4M1x1MEM4NS1cdTBDOENcdTBDOEUtXHUwQzkwXHUwQzkyLVx1MENBOFx1MENBQS1cdTBDQjNcdTBDQjUtXHUwQ0I5XHUwQ0JDLVx1MENDNFx1MENDNi1cdTBDQzhcdTBDQ0EtXHUwQ0NEXHUwQ0Q1XHUwQ0Q2XHUwQ0RFXHUwQ0UwLVx1MENFM1x1MENFNi1cdTBDRUZcdTBDRjFcdTBDRjJcdTBEMDAtXHUwRDAzXHUwRDA1LVx1MEQwQ1x1MEQwRS1cdTBEMTBcdTBEMTItXHUwRDQ0XHUwRDQ2LVx1MEQ0OFx1MEQ0QS1cdTBENEVcdTBENTQtXHUwRDU3XHUwRDVGLVx1MEQ2M1x1MEQ2Ni1cdTBENkZcdTBEN0EtXHUwRDdGXHUwRDgyXHUwRDgzXHUwRDg1LVx1MEQ5Nlx1MEQ5QS1cdTBEQjFcdTBEQjMtXHUwREJCXHUwREJEXHUwREMwLVx1MERDNlx1MERDQVx1MERDRi1cdTBERDRcdTBERDZcdTBERDgtXHUwRERGXHUwREU2LVx1MERFRlx1MERGMlx1MERGM1x1MEUwMS1cdTBFM0FcdTBFNDAtXHUwRTRFXHUwRTUwLVx1MEU1OVx1MEU4MVx1MEU4Mlx1MEU4NFx1MEU4N1x1MEU4OFx1MEU4QVx1MEU4RFx1MEU5NC1cdTBFOTdcdTBFOTktXHUwRTlGXHUwRUExLVx1MEVBM1x1MEVBNVx1MEVBN1x1MEVBQVx1MEVBQlx1MEVBRC1cdTBFQjlcdTBFQkItXHUwRUJEXHUwRUMwLVx1MEVDNFx1MEVDNlx1MEVDOC1cdTBFQ0RcdTBFRDAtXHUwRUQ5XHUwRURDLVx1MEVERlx1MEYwMFx1MEYxOFx1MEYxOVx1MEYyMC1cdTBGMjlcdTBGMzVcdTBGMzdcdTBGMzlcdTBGM0UtXHUwRjQ3XHUwRjQ5LVx1MEY2Q1x1MEY3MS1cdTBGODRcdTBGODYtXHUwRjk3XHUwRjk5LVx1MEZCQ1x1MEZDNlx1MTAwMC1cdTEwNDlcdTEwNTAtXHUxMDlEXHUxMEEwLVx1MTBDNVx1MTBDN1x1MTBDRFx1MTBEMC1cdTEwRkFcdTEwRkMtXHUxMjQ4XHUxMjRBLVx1MTI0RFx1MTI1MC1cdTEyNTZcdTEyNThcdTEyNUEtXHUxMjVEXHUxMjYwLVx1MTI4OFx1MTI4QS1cdTEyOERcdTEyOTAtXHUxMkIwXHUxMkIyLVx1MTJCNVx1MTJCOC1cdTEyQkVcdTEyQzBcdTEyQzItXHUxMkM1XHUxMkM4LVx1MTJENlx1MTJEOC1cdTEzMTBcdTEzMTItXHUxMzE1XHUxMzE4LVx1MTM1QVx1MTM1RC1cdTEzNUZcdTEzODAtXHUxMzhGXHUxM0EwLVx1MTNGNVx1MTNGOC1cdTEzRkRcdTE0MDEtXHUxNjZDXHUxNjZGLVx1MTY3Rlx1MTY4MS1cdTE2OUFcdTE2QTAtXHUxNkVBXHUxNkVFLVx1MTZGOFx1MTcwMC1cdTE3MENcdTE3MEUtXHUxNzE0XHUxNzIwLVx1MTczNFx1MTc0MC1cdTE3NTNcdTE3NjAtXHUxNzZDXHUxNzZFLVx1MTc3MFx1MTc3Mlx1MTc3M1x1MTc4MC1cdTE3RDNcdTE3RDdcdTE3RENcdTE3RERcdTE3RTAtXHUxN0U5XHUxODBCLVx1MTgwRFx1MTgxMC1cdTE4MTlcdTE4MjAtXHUxODc3XHUxODgwLVx1MThBQVx1MThCMC1cdTE4RjVcdTE5MDAtXHUxOTFFXHUxOTIwLVx1MTkyQlx1MTkzMC1cdTE5M0JcdTE5NDYtXHUxOTZEXHUxOTcwLVx1MTk3NFx1MTk4MC1cdTE5QUJcdTE5QjAtXHUxOUM5XHUxOUQwLVx1MTlEOVx1MUEwMC1cdTFBMUJcdTFBMjAtXHUxQTVFXHUxQTYwLVx1MUE3Q1x1MUE3Ri1cdTFBODlcdTFBOTAtXHUxQTk5XHUxQUE3XHUxQUIwLVx1MUFCRFx1MUIwMC1cdTFCNEJcdTFCNTAtXHUxQjU5XHUxQjZCLVx1MUI3M1x1MUI4MC1cdTFCRjNcdTFDMDAtXHUxQzM3XHUxQzQwLVx1MUM0OVx1MUM0RC1cdTFDN0RcdTFDODAtXHUxQzg4XHUxQ0QwLVx1MUNEMlx1MUNENC1cdTFDRjlcdTFEMDAtXHUxREY5XHUxREZCLVx1MUYxNVx1MUYxOC1cdTFGMURcdTFGMjAtXHUxRjQ1XHUxRjQ4LVx1MUY0RFx1MUY1MC1cdTFGNTdcdTFGNTlcdTFGNUJcdTFGNURcdTFGNUYtXHUxRjdEXHUxRjgwLVx1MUZCNFx1MUZCNi1cdTFGQkNcdTFGQkVcdTFGQzItXHUxRkM0XHUxRkM2LVx1MUZDQ1x1MUZEMC1cdTFGRDNcdTFGRDYtXHUxRkRCXHUxRkUwLVx1MUZFQ1x1MUZGMi1cdTFGRjRcdTFGRjYtXHUxRkZDXHUyMDNGXHUyMDQwXHUyMDU0XHUyMDcxXHUyMDdGXHUyMDkwLVx1MjA5Q1x1MjBEMC1cdTIwRENcdTIwRTFcdTIwRTUtXHUyMEYwXHUyMTAyXHUyMTA3XHUyMTBBLVx1MjExM1x1MjExNVx1MjExOS1cdTIxMURcdTIxMjRcdTIxMjZcdTIxMjhcdTIxMkEtXHUyMTJEXHUyMTJGLVx1MjEzOVx1MjEzQy1cdTIxM0ZcdTIxNDUtXHUyMTQ5XHUyMTRFXHUyMTYwLVx1MjE4OFx1MkMwMC1cdTJDMkVcdTJDMzAtXHUyQzVFXHUyQzYwLVx1MkNFNFx1MkNFQi1cdTJDRjNcdTJEMDAtXHUyRDI1XHUyRDI3XHUyRDJEXHUyRDMwLVx1MkQ2N1x1MkQ2Rlx1MkQ3Ri1cdTJEOTZcdTJEQTAtXHUyREE2XHUyREE4LVx1MkRBRVx1MkRCMC1cdTJEQjZcdTJEQjgtXHUyREJFXHUyREMwLVx1MkRDNlx1MkRDOC1cdTJEQ0VcdTJERDAtXHUyREQ2XHUyREQ4LVx1MkRERVx1MkRFMC1cdTJERkZcdTJFMkZcdTMwMDUtXHUzMDA3XHUzMDIxLVx1MzAyRlx1MzAzMS1cdTMwMzVcdTMwMzgtXHUzMDNDXHUzMDQxLVx1MzA5Nlx1MzA5OVx1MzA5QVx1MzA5RC1cdTMwOUZcdTMwQTEtXHUzMEZBXHUzMEZDLVx1MzBGRlx1MzEwNS1cdTMxMkVcdTMxMzEtXHUzMThFXHUzMUEwLVx1MzFCQVx1MzFGMC1cdTMxRkZcdTM0MDAtXHU0REI1XHU0RTAwLVx1OUZFQVx1QTAwMC1cdUE0OENcdUE0RDAtXHVBNEZEXHVBNTAwLVx1QTYwQ1x1QTYxMC1cdUE2MkJcdUE2NDAtXHVBNjZGXHVBNjc0LVx1QTY3RFx1QTY3Ri1cdUE2RjFcdUE3MTctXHVBNzFGXHVBNzIyLVx1QTc4OFx1QTc4Qi1cdUE3QUVcdUE3QjAtXHVBN0I3XHVBN0Y3LVx1QTgyN1x1QTg0MC1cdUE4NzNcdUE4ODAtXHVBOEM1XHVBOEQwLVx1QThEOVx1QThFMC1cdUE4RjdcdUE4RkJcdUE4RkRcdUE5MDAtXHVBOTJEXHVBOTMwLVx1QTk1M1x1QTk2MC1cdUE5N0NcdUE5ODAtXHVBOUMwXHVBOUNGLVx1QTlEOVx1QTlFMC1cdUE5RkVcdUFBMDAtXHVBQTM2XHVBQTQwLVx1QUE0RFx1QUE1MC1cdUFBNTlcdUFBNjAtXHVBQTc2XHVBQTdBLVx1QUFDMlx1QUFEQi1cdUFBRERcdUFBRTAtXHVBQUVGXHVBQUYyLVx1QUFGNlx1QUIwMS1cdUFCMDZcdUFCMDktXHVBQjBFXHVBQjExLVx1QUIxNlx1QUIyMC1cdUFCMjZcdUFCMjgtXHVBQjJFXHVBQjMwLVx1QUI1QVx1QUI1Qy1cdUFCNjVcdUFCNzAtXHVBQkVBXHVBQkVDXHVBQkVEXHVBQkYwLVx1QUJGOVx1QUMwMC1cdUQ3QTNcdUQ3QjAtXHVEN0M2XHVEN0NCLVx1RDdGQlx1RjkwMC1cdUZBNkRcdUZBNzAtXHVGQUQ5XHVGQjAwLVx1RkIwNlx1RkIxMy1cdUZCMTdcdUZCMUQtXHVGQjI4XHVGQjJBLVx1RkIzNlx1RkIzOC1cdUZCM0NcdUZCM0VcdUZCNDBcdUZCNDFcdUZCNDNcdUZCNDRcdUZCNDYtXHVGQkIxXHVGQkQzLVx1RkQzRFx1RkQ1MC1cdUZEOEZcdUZEOTItXHVGREM3XHVGREYwLVx1RkRGQlx1RkUwMC1cdUZFMEZcdUZFMjAtXHVGRTJGXHVGRTMzXHVGRTM0XHVGRTRELVx1RkU0Rlx1RkU3MC1cdUZFNzRcdUZFNzYtXHVGRUZDXHVGRjEwLVx1RkYxOVx1RkYyMS1cdUZGM0FcdUZGM0ZcdUZGNDEtXHVGRjVBXHVGRjY2LVx1RkZCRVx1RkZDMi1cdUZGQzdcdUZGQ0EtXHVGRkNGXHVGRkQyLVx1RkZEN1x1RkZEQS1cdUZGRENdfFx1RDgwMFtcdURDMDAtXHVEQzBCXHVEQzBELVx1REMyNlx1REMyOC1cdURDM0FcdURDM0NcdURDM0RcdURDM0YtXHVEQzREXHVEQzUwLVx1REM1RFx1REM4MC1cdURDRkFcdURENDAtXHVERDc0XHVEREZEXHVERTgwLVx1REU5Q1x1REVBMC1cdURFRDBcdURFRTBcdURGMDAtXHVERjFGXHVERjJELVx1REY0QVx1REY1MC1cdURGN0FcdURGODAtXHVERjlEXHVERkEwLVx1REZDM1x1REZDOC1cdURGQ0ZcdURGRDEtXHVERkQ1XXxcdUQ4MDFbXHVEQzAwLVx1REM5RFx1RENBMC1cdURDQTlcdURDQjAtXHVEQ0QzXHVEQ0Q4LVx1RENGQlx1REQwMC1cdUREMjdcdUREMzAtXHVERDYzXHVERTAwLVx1REYzNlx1REY0MC1cdURGNTVcdURGNjAtXHVERjY3XXxcdUQ4MDJbXHVEQzAwLVx1REMwNVx1REMwOFx1REMwQS1cdURDMzVcdURDMzdcdURDMzhcdURDM0NcdURDM0YtXHVEQzU1XHVEQzYwLVx1REM3Nlx1REM4MC1cdURDOUVcdURDRTAtXHVEQ0YyXHVEQ0Y0XHVEQ0Y1XHVERDAwLVx1REQxNVx1REQyMC1cdUREMzlcdUREODAtXHVEREI3XHVEREJFXHVEREJGXHVERTAwLVx1REUwM1x1REUwNVx1REUwNlx1REUwQy1cdURFMTNcdURFMTUtXHVERTE3XHVERTE5LVx1REUzM1x1REUzOC1cdURFM0FcdURFM0ZcdURFNjAtXHVERTdDXHVERTgwLVx1REU5Q1x1REVDMC1cdURFQzdcdURFQzktXHVERUU2XHVERjAwLVx1REYzNVx1REY0MC1cdURGNTVcdURGNjAtXHVERjcyXHVERjgwLVx1REY5MV18XHVEODAzW1x1REMwMC1cdURDNDhcdURDODAtXHVEQ0IyXHVEQ0MwLVx1RENGMl18XHVEODA0W1x1REMwMC1cdURDNDZcdURDNjYtXHVEQzZGXHVEQzdGLVx1RENCQVx1RENEMC1cdURDRThcdURDRjAtXHVEQ0Y5XHVERDAwLVx1REQzNFx1REQzNi1cdUREM0ZcdURENTAtXHVERDczXHVERDc2XHVERDgwLVx1RERDNFx1RERDQS1cdUREQ0NcdURERDAtXHVERERBXHVERERDXHVERTAwLVx1REUxMVx1REUxMy1cdURFMzdcdURFM0VcdURFODAtXHVERTg2XHVERTg4XHVERThBLVx1REU4RFx1REU4Ri1cdURFOURcdURFOUYtXHVERUE4XHVERUIwLVx1REVFQVx1REVGMC1cdURFRjlcdURGMDAtXHVERjAzXHVERjA1LVx1REYwQ1x1REYwRlx1REYxMFx1REYxMy1cdURGMjhcdURGMkEtXHVERjMwXHVERjMyXHVERjMzXHVERjM1LVx1REYzOVx1REYzQy1cdURGNDRcdURGNDdcdURGNDhcdURGNEItXHVERjREXHVERjUwXHVERjU3XHVERjVELVx1REY2M1x1REY2Ni1cdURGNkNcdURGNzAtXHVERjc0XXxcdUQ4MDVbXHVEQzAwLVx1REM0QVx1REM1MC1cdURDNTlcdURDODAtXHVEQ0M1XHVEQ0M3XHVEQ0QwLVx1RENEOVx1REQ4MC1cdUREQjVcdUREQjgtXHVEREMwXHVEREQ4LVx1RERERFx1REUwMC1cdURFNDBcdURFNDRcdURFNTAtXHVERTU5XHVERTgwLVx1REVCN1x1REVDMC1cdURFQzlcdURGMDAtXHVERjE5XHVERjFELVx1REYyQlx1REYzMC1cdURGMzldfFx1RDgwNltcdURDQTAtXHVEQ0U5XHVEQ0ZGXHVERTAwLVx1REUzRVx1REU0N1x1REU1MC1cdURFODNcdURFODYtXHVERTk5XHVERUMwLVx1REVGOF18XHVEODA3W1x1REMwMC1cdURDMDhcdURDMEEtXHVEQzM2XHVEQzM4LVx1REM0MFx1REM1MC1cdURDNTlcdURDNzItXHVEQzhGXHVEQzkyLVx1RENBN1x1RENBOS1cdURDQjZcdUREMDAtXHVERDA2XHVERDA4XHVERDA5XHVERDBCLVx1REQzNlx1REQzQVx1REQzQ1x1REQzRFx1REQzRi1cdURENDdcdURENTAtXHVERDU5XXxcdUQ4MDhbXHVEQzAwLVx1REY5OV18XHVEODA5W1x1REMwMC1cdURDNkVcdURDODAtXHVERDQzXXxbXHVEODBDXHVEODFDLVx1RDgyMFx1RDg0MC1cdUQ4NjhcdUQ4NkEtXHVEODZDXHVEODZGLVx1RDg3Mlx1RDg3NC1cdUQ4NzldW1x1REMwMC1cdURGRkZdfFx1RDgwRFtcdURDMDAtXHVEQzJFXXxcdUQ4MTFbXHVEQzAwLVx1REU0Nl18XHVEODFBW1x1REMwMC1cdURFMzhcdURFNDAtXHVERTVFXHVERTYwLVx1REU2OVx1REVEMC1cdURFRURcdURFRjAtXHVERUY0XHVERjAwLVx1REYzNlx1REY0MC1cdURGNDNcdURGNTAtXHVERjU5XHVERjYzLVx1REY3N1x1REY3RC1cdURGOEZdfFx1RDgxQltcdURGMDAtXHVERjQ0XHVERjUwLVx1REY3RVx1REY4Ri1cdURGOUZcdURGRTBcdURGRTFdfFx1RDgyMVtcdURDMDAtXHVERkVDXXxcdUQ4MjJbXHVEQzAwLVx1REVGMl18XHVEODJDW1x1REMwMC1cdUREMUVcdURENzAtXHVERUZCXXxcdUQ4MkZbXHVEQzAwLVx1REM2QVx1REM3MC1cdURDN0NcdURDODAtXHVEQzg4XHVEQzkwLVx1REM5OVx1REM5RFx1REM5RV18XHVEODM0W1x1REQ2NS1cdURENjlcdURENkQtXHVERDcyXHVERDdCLVx1REQ4Mlx1REQ4NS1cdUREOEJcdUREQUEtXHVEREFEXHVERTQyLVx1REU0NF18XHVEODM1W1x1REMwMC1cdURDNTRcdURDNTYtXHVEQzlDXHVEQzlFXHVEQzlGXHVEQ0EyXHVEQ0E1XHVEQ0E2XHVEQ0E5LVx1RENBQ1x1RENBRS1cdURDQjlcdURDQkJcdURDQkQtXHVEQ0MzXHVEQ0M1LVx1REQwNVx1REQwNy1cdUREMEFcdUREMEQtXHVERDE0XHVERDE2LVx1REQxQ1x1REQxRS1cdUREMzlcdUREM0ItXHVERDNFXHVERDQwLVx1REQ0NFx1REQ0Nlx1REQ0QS1cdURENTBcdURENTItXHVERUE1XHVERUE4LVx1REVDMFx1REVDMi1cdURFREFcdURFREMtXHVERUZBXHVERUZDLVx1REYxNFx1REYxNi1cdURGMzRcdURGMzYtXHVERjRFXHVERjUwLVx1REY2RVx1REY3MC1cdURGODhcdURGOEEtXHVERkE4XHVERkFBLVx1REZDMlx1REZDNC1cdURGQ0JcdURGQ0UtXHVERkZGXXxcdUQ4MzZbXHVERTAwLVx1REUzNlx1REUzQi1cdURFNkNcdURFNzVcdURFODRcdURFOUItXHVERTlGXHVERUExLVx1REVBRl18XHVEODM4W1x1REMwMC1cdURDMDZcdURDMDgtXHVEQzE4XHVEQzFCLVx1REMyMVx1REMyM1x1REMyNFx1REMyNi1cdURDMkFdfFx1RDgzQVtcdURDMDAtXHVEQ0M0XHVEQ0QwLVx1RENENlx1REQwMC1cdURENEFcdURENTAtXHVERDU5XXxcdUQ4M0JbXHVERTAwLVx1REUwM1x1REUwNS1cdURFMUZcdURFMjFcdURFMjJcdURFMjRcdURFMjdcdURFMjktXHVERTMyXHVERTM0LVx1REUzN1x1REUzOVx1REUzQlx1REU0Mlx1REU0N1x1REU0OVx1REU0Qlx1REU0RC1cdURFNEZcdURFNTFcdURFNTJcdURFNTRcdURFNTdcdURFNTlcdURFNUJcdURFNURcdURFNUZcdURFNjFcdURFNjJcdURFNjRcdURFNjctXHVERTZBXHVERTZDLVx1REU3Mlx1REU3NC1cdURFNzdcdURFNzktXHVERTdDXHVERTdFXHVERTgwLVx1REU4OVx1REU4Qi1cdURFOUJcdURFQTEtXHVERUEzXHVERUE1LVx1REVBOVx1REVBQi1cdURFQkJdfFx1RDg2OVtcdURDMDAtXHVERUQ2XHVERjAwLVx1REZGRl18XHVEODZEW1x1REMwMC1cdURGMzRcdURGNDAtXHVERkZGXXxcdUQ4NkVbXHVEQzAwLVx1REMxRFx1REMyMC1cdURGRkZdfFx1RDg3M1tcdURDMDAtXHVERUExXHVERUIwLVx1REZGRl18XHVEODdBW1x1REMwMC1cdURGRTBdfFx1RDg3RVtcdURDMDAtXHVERTFEXXxcdURCNDBbXHVERDAwLVx1RERFRl0vfSxVPXtpc1NwYWNlU2VwYXJhdG9yOmZ1bmN0aW9uKHUpe3JldHVybiJzdHJpbmciPT10eXBlb2YgdSYmRy5TcGFjZV9TZXBhcmF0b3IudGVzdCh1KX0saXNJZFN0YXJ0Q2hhcjpmdW5jdGlvbih1KXtyZXR1cm4ic3RyaW5nIj09dHlwZW9mIHUmJih1Pj0iYSImJnU8PSJ6Inx8dT49IkEiJiZ1PD0iWiJ8fCIkIj09PXV8fCJfIj09PXV8fEcuSURfU3RhcnQudGVzdCh1KSl9LGlzSWRDb250aW51ZUNoYXI6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYodT49ImEiJiZ1PD0ieiJ8fHU+PSJBIiYmdTw9IloifHx1Pj0iMCImJnU8PSI5Inx8IiQiPT09dXx8Il8iPT09dXx8IuKAjCI9PT11fHwi4oCNIj09PXV8fEcuSURfQ29udGludWUudGVzdCh1KSl9LGlzRGlnaXQ6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYvWzAtOV0vLnRlc3QodSl9LGlzSGV4RGlnaXQ6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYvWzAtOUEtRmEtZl0vLnRlc3QodSl9fTtmdW5jdGlvbiBaKCl7Zm9yKFQ9ImRlZmF1bHQiLHo9IiIsSD0hMSwkPTE7Oyl7Uj1xKCk7dmFyIHU9WFtUXSgpO2lmKHUpcmV0dXJuIHV9fWZ1bmN0aW9uIHEoKXtpZihfW0ldKXJldHVybiBTdHJpbmcuZnJvbUNvZGVQb2ludChfLmNvZGVQb2ludEF0KEkpKX1mdW5jdGlvbiBXKCl7dmFyIHU9cSgpO3JldHVybiJcbiI9PT11PyhWKyssSj0wKTp1P0orPXUubGVuZ3RoOkorKyx1JiYoSSs9dS5sZW5ndGgpLHV9dmFyIFg9e2RlZmF1bHQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJcdCI6Y2FzZSJcdiI6Y2FzZSJcZiI6Y2FzZSIgIjpjYXNlIiAiOmNhc2UiXHVmZWZmIjpjYXNlIlxuIjpjYXNlIlxyIjpjYXNlIlx1MjAyOCI6Y2FzZSJcdTIwMjkiOnJldHVybiB2b2lkIFcoKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJjb21tZW50Iik7Y2FzZSB2b2lkIDA6cmV0dXJuIFcoKSxLKCJlb2YiKX1pZighVS5pc1NwYWNlU2VwYXJhdG9yKFIpKXJldHVybiBYW09dKCk7VygpfSxjb21tZW50OmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiKiI6cmV0dXJuIFcoKSx2b2lkKFQ9Im11bHRpTGluZUNvbW1lbnQiKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJzaW5nbGVMaW5lQ29tbWVudCIpfXRocm93IHJ1KFcoKSl9LG11bHRpTGluZUNvbW1lbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIqIjpyZXR1cm4gVygpLHZvaWQoVD0ibXVsdGlMaW5lQ29tbWVudEFzdGVyaXNrIik7Y2FzZSB2b2lkIDA6dGhyb3cgcnUoVygpKX1XKCl9LG11bHRpTGluZUNvbW1lbnRBc3RlcmlzazpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIioiOnJldHVybiB2b2lkIFcoKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJkZWZhdWx0Iik7Y2FzZSB2b2lkIDA6dGhyb3cgcnUoVygpKX1XKCksVD0ibXVsdGlMaW5lQ29tbWVudCJ9LHNpbmdsZUxpbmVDb21tZW50OmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiXG4iOmNhc2UiXHIiOmNhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6cmV0dXJuIFcoKSx2b2lkKFQ9ImRlZmF1bHQiKTtjYXNlIHZvaWQgMDpyZXR1cm4gVygpLEsoImVvZiIpfVcoKX0sdmFsdWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJ7IjpjYXNlIlsiOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO2Nhc2UibiI6cmV0dXJuIFcoKSxRKCJ1bGwiKSxLKCJudWxsIixudWxsKTtjYXNlInQiOnJldHVybiBXKCksUSgicnVlIiksSygiYm9vbGVhbiIsITApO2Nhc2UiZiI6cmV0dXJuIFcoKSxRKCJhbHNlIiksSygiYm9vbGVhbiIsITEpO2Nhc2UiLSI6Y2FzZSIrIjpyZXR1cm4iLSI9PT1XKCkmJigkPS0xKSx2b2lkKFQ9InNpZ24iKTtjYXNlIi4iOnJldHVybiB6PVcoKSx2b2lkKFQ9ImRlY2ltYWxQb2ludExlYWRpbmciKTtjYXNlIjAiOnJldHVybiB6PVcoKSx2b2lkKFQ9Inplcm8iKTtjYXNlIjEiOmNhc2UiMiI6Y2FzZSIzIjpjYXNlIjQiOmNhc2UiNSI6Y2FzZSI2IjpjYXNlIjciOmNhc2UiOCI6Y2FzZSI5IjpyZXR1cm4gej1XKCksdm9pZChUPSJkZWNpbWFsSW50ZWdlciIpO2Nhc2UiSSI6cmV0dXJuIFcoKSxRKCJuZmluaXR5IiksSygibnVtZXJpYyIsMS8wKTtjYXNlIk4iOnJldHVybiBXKCksUSgiYU4iKSxLKCJudW1lcmljIixOYU4pO2Nhc2UnIic6Y2FzZSInIjpyZXR1cm4gSD0nIic9PT1XKCksej0iIix2b2lkKFQ9InN0cmluZyIpfXRocm93IHJ1KFcoKSl9LGlkZW50aWZpZXJOYW1lU3RhcnRFc2NhcGU6ZnVuY3Rpb24oKXtpZigidSIhPT1SKXRocm93IHJ1KFcoKSk7VygpO3ZhciB1PVkoKTtzd2l0Y2godSl7Y2FzZSIkIjpjYXNlIl8iOmJyZWFrO2RlZmF1bHQ6aWYoIVUuaXNJZFN0YXJ0Q2hhcih1KSl0aHJvdyBudSgpfXorPXUsVD0iaWRlbnRpZmllck5hbWUifSxpZGVudGlmaWVyTmFtZTpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIiQiOmNhc2UiXyI6Y2FzZSLigIwiOmNhc2Ui4oCNIjpyZXR1cm4gdm9pZCh6Kz1XKCkpO2Nhc2UiXFwiOnJldHVybiBXKCksdm9pZChUPSJpZGVudGlmaWVyTmFtZUVzY2FwZSIpfWlmKCFVLmlzSWRDb250aW51ZUNoYXIoUikpcmV0dXJuIEsoImlkZW50aWZpZXIiLHopO3orPVcoKX0saWRlbnRpZmllck5hbWVFc2NhcGU6ZnVuY3Rpb24oKXtpZigidSIhPT1SKXRocm93IHJ1KFcoKSk7VygpO3ZhciB1PVkoKTtzd2l0Y2godSl7Y2FzZSIkIjpjYXNlIl8iOmNhc2Ui4oCMIjpjYXNlIuKAjSI6YnJlYWs7ZGVmYXVsdDppZighVS5pc0lkQ29udGludWVDaGFyKHUpKXRocm93IG51KCl9eis9dSxUPSJpZGVudGlmaWVyTmFtZSJ9LHNpZ246ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIuIjpyZXR1cm4gej1XKCksdm9pZChUPSJkZWNpbWFsUG9pbnRMZWFkaW5nIik7Y2FzZSIwIjpyZXR1cm4gej1XKCksdm9pZChUPSJ6ZXJvIik7Y2FzZSIxIjpjYXNlIjIiOmNhc2UiMyI6Y2FzZSI0IjpjYXNlIjUiOmNhc2UiNiI6Y2FzZSI3IjpjYXNlIjgiOmNhc2UiOSI6cmV0dXJuIHo9VygpLHZvaWQoVD0iZGVjaW1hbEludGVnZXIiKTtjYXNlIkkiOnJldHVybiBXKCksUSgibmZpbml0eSIpLEsoIm51bWVyaWMiLCQqKDEvMCkpO2Nhc2UiTiI6cmV0dXJuIFcoKSxRKCJhTiIpLEsoIm51bWVyaWMiLE5hTil9dGhyb3cgcnUoVygpKX0semVybzpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIi4iOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsUG9pbnQiKTtjYXNlImUiOmNhc2UiRSI6cmV0dXJuIHorPVcoKSx2b2lkKFQ9ImRlY2ltYWxFeHBvbmVudCIpO2Nhc2UieCI6Y2FzZSJYIjpyZXR1cm4geis9VygpLHZvaWQoVD0iaGV4YWRlY2ltYWwiKX1yZXR1cm4gSygibnVtZXJpYyIsMCokKX0sZGVjaW1hbEludGVnZXI6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIuIjpyZXR1cm4geis9VygpLHZvaWQoVD0iZGVjaW1hbFBvaW50Iik7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1pZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxkZWNpbWFsUG9pbnRMZWFkaW5nOmZ1bmN0aW9uKCl7aWYoVS5pc0RpZ2l0KFIpKXJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRnJhY3Rpb24iKTt0aHJvdyBydShXKCkpfSxkZWNpbWFsUG9pbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1yZXR1cm4gVS5pc0RpZ2l0KFIpPyh6Kz1XKCksdm9pZChUPSJkZWNpbWFsRnJhY3Rpb24iKSk6SygibnVtZXJpYyIsJCpOdW1iZXIoeikpfSxkZWNpbWFsRnJhY3Rpb246ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1pZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxkZWNpbWFsRXhwb25lbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIrIjpjYXNlIi0iOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnRTaWduIil9aWYoVS5pc0RpZ2l0KFIpKXJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnRJbnRlZ2VyIik7dGhyb3cgcnUoVygpKX0sZGVjaW1hbEV4cG9uZW50U2lnbjpmdW5jdGlvbigpe2lmKFUuaXNEaWdpdChSKSlyZXR1cm4geis9VygpLHZvaWQoVD0iZGVjaW1hbEV4cG9uZW50SW50ZWdlciIpO3Rocm93IHJ1KFcoKSl9LGRlY2ltYWxFeHBvbmVudEludGVnZXI6ZnVuY3Rpb24oKXtpZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxoZXhhZGVjaW1hbDpmdW5jdGlvbigpe2lmKFUuaXNIZXhEaWdpdChSKSlyZXR1cm4geis9VygpLHZvaWQoVD0iaGV4YWRlY2ltYWxJbnRlZ2VyIik7dGhyb3cgcnUoVygpKX0saGV4YWRlY2ltYWxJbnRlZ2VyOmZ1bmN0aW9uKCl7aWYoIVUuaXNIZXhEaWdpdChSKSlyZXR1cm4gSygibnVtZXJpYyIsJCpOdW1iZXIoeikpO3orPVcoKX0sc3RyaW5nOmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiXFwiOnJldHVybiBXKCksdm9pZCh6Kz1mdW5jdGlvbigpe3N3aXRjaChxKCkpe2Nhc2UiYiI6cmV0dXJuIFcoKSwiXGIiO2Nhc2UiZiI6cmV0dXJuIFcoKSwiXGYiO2Nhc2UibiI6cmV0dXJuIFcoKSwiXG4iO2Nhc2UiciI6cmV0dXJuIFcoKSwiXHIiO2Nhc2UidCI6cmV0dXJuIFcoKSwiXHQiO2Nhc2UidiI6cmV0dXJuIFcoKSwiXHYiO2Nhc2UiMCI6aWYoVygpLFUuaXNEaWdpdChxKCkpKXRocm93IHJ1KFcoKSk7cmV0dXJuIlwwIjtjYXNlIngiOnJldHVybiBXKCksZnVuY3Rpb24oKXt2YXIgdT0iIixEPXEoKTtpZighVS5pc0hleERpZ2l0KEQpKXRocm93IHJ1KFcoKSk7aWYodSs9VygpLEQ9cSgpLCFVLmlzSGV4RGlnaXQoRCkpdGhyb3cgcnUoVygpKTtyZXR1cm4gdSs9VygpLFN0cmluZy5mcm9tQ29kZVBvaW50KHBhcnNlSW50KHUsMTYpKX0oKTtjYXNlInUiOnJldHVybiBXKCksWSgpO2Nhc2UiXG4iOmNhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6cmV0dXJuIFcoKSwiIjtjYXNlIlxyIjpyZXR1cm4gVygpLCJcbiI9PT1xKCkmJlcoKSwiIjtjYXNlIjEiOmNhc2UiMiI6Y2FzZSIzIjpjYXNlIjQiOmNhc2UiNSI6Y2FzZSI2IjpjYXNlIjciOmNhc2UiOCI6Y2FzZSI5IjpjYXNlIHZvaWQgMDp0aHJvdyBydShXKCkpfXJldHVybiBXKCl9KCkpO2Nhc2UnIic6cmV0dXJuIEg/KFcoKSxLKCJzdHJpbmciLHopKTp2b2lkKHorPVcoKSk7Y2FzZSInIjpyZXR1cm4gSD92b2lkKHorPVcoKSk6KFcoKSxLKCJzdHJpbmciLHopKTtjYXNlIlxuIjpjYXNlIlxyIjp0aHJvdyBydShXKCkpO2Nhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6IWZ1bmN0aW9uKHUpe2NvbnNvbGUud2FybigiSlNPTjU6ICciK0Z1KHUpKyInIGluIHN0cmluZ3MgaXMgbm90IHZhbGlkIEVDTUFTY3JpcHQ7IGNvbnNpZGVyIGVzY2FwaW5nIil9KFIpO2JyZWFrO2Nhc2Ugdm9pZCAwOnRocm93IHJ1KFcoKSl9eis9VygpfSxzdGFydDpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlInsiOmNhc2UiWyI6cmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSl9VD0idmFsdWUifSxiZWZvcmVQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIkIjpjYXNlIl8iOnJldHVybiB6PVcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lIik7Y2FzZSJcXCI6cmV0dXJuIFcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lU3RhcnRFc2NhcGUiKTtjYXNlIn0iOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO2Nhc2UnIic6Y2FzZSInIjpyZXR1cm4gSD0nIic9PT1XKCksdm9pZChUPSJzdHJpbmciKX1pZihVLmlzSWRTdGFydENoYXIoUikpcmV0dXJuIHorPVcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lIik7dGhyb3cgcnUoVygpKX0sYWZ0ZXJQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtpZigiOiI9PT1SKXJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO3Rocm93IHJ1KFcoKSl9LGJlZm9yZVByb3BlcnR5VmFsdWU6ZnVuY3Rpb24oKXtUPSJ2YWx1ZSJ9LGFmdGVyUHJvcGVydHlWYWx1ZTpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIiwiOmNhc2UifSI6cmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSl9dGhyb3cgcnUoVygpKX0sYmVmb3JlQXJyYXlWYWx1ZTpmdW5jdGlvbigpe2lmKCJdIj09PVIpcmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSk7VD0idmFsdWUifSxhZnRlckFycmF5VmFsdWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIsIjpjYXNlIl0iOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpfXRocm93IHJ1KFcoKSl9LGVuZDpmdW5jdGlvbigpe3Rocm93IHJ1KFcoKSl9fTtmdW5jdGlvbiBLKHUsRCl7cmV0dXJue3R5cGU6dSx2YWx1ZTpELGxpbmU6Vixjb2x1bW46Sn19ZnVuY3Rpb24gUSh1KXtmb3IodmFyIEQ9MCxlPXU7RDxlLmxlbmd0aDtEKz0xKXt2YXIgcj1lW0RdO2lmKHEoKSE9PXIpdGhyb3cgcnUoVygpKTtXKCl9fWZ1bmN0aW9uIFkoKXtmb3IodmFyIHU9IiIsRD00O0QtLSA+MDspe3ZhciBlPXEoKTtpZighVS5pc0hleERpZ2l0KGUpKXRocm93IHJ1KFcoKSk7dSs9VygpfXJldHVybiBTdHJpbmcuZnJvbUNvZGVQb2ludChwYXJzZUludCh1LDE2KSl9dmFyIHV1PXtzdGFydDpmdW5jdGlvbigpe2lmKCJlb2YiPT09TS50eXBlKXRocm93IHR1KCk7RHUoKX0sYmVmb3JlUHJvcGVydHlOYW1lOmZ1bmN0aW9uKCl7c3dpdGNoKE0udHlwZSl7Y2FzZSJpZGVudGlmaWVyIjpjYXNlInN0cmluZyI6cmV0dXJuIGs9TS52YWx1ZSx2b2lkKE89ImFmdGVyUHJvcGVydHlOYW1lIik7Y2FzZSJwdW5jdHVhdG9yIjpyZXR1cm4gdm9pZCBldSgpO2Nhc2UiZW9mIjp0aHJvdyB0dSgpfX0sYWZ0ZXJQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtpZigiZW9mIj09PU0udHlwZSl0aHJvdyB0dSgpO089ImJlZm9yZVByb3BlcnR5VmFsdWUifSxiZWZvcmVQcm9wZXJ0eVZhbHVlOmZ1bmN0aW9uKCl7aWYoImVvZiI9PT1NLnR5cGUpdGhyb3cgdHUoKTtEdSgpfSxiZWZvcmVBcnJheVZhbHVlOmZ1bmN0aW9uKCl7aWYoImVvZiI9PT1NLnR5cGUpdGhyb3cgdHUoKTsicHVuY3R1YXRvciIhPT1NLnR5cGV8fCJdIiE9PU0udmFsdWU/RHUoKTpldSgpfSxhZnRlclByb3BlcnR5VmFsdWU6ZnVuY3Rpb24oKXtpZigiZW9mIj09PU0udHlwZSl0aHJvdyB0dSgpO3N3aXRjaChNLnZhbHVlKXtjYXNlIiwiOnJldHVybiB2b2lkKE89ImJlZm9yZVByb3BlcnR5TmFtZSIpO2Nhc2UifSI6ZXUoKX19LGFmdGVyQXJyYXlWYWx1ZTpmdW5jdGlvbigpe2lmKCJlb2YiPT09TS50eXBlKXRocm93IHR1KCk7c3dpdGNoKE0udmFsdWUpe2Nhc2UiLCI6cmV0dXJuIHZvaWQoTz0iYmVmb3JlQXJyYXlWYWx1ZSIpO2Nhc2UiXSI6ZXUoKX19LGVuZDpmdW5jdGlvbigpe319O2Z1bmN0aW9uIER1KCl7dmFyIHU7c3dpdGNoKE0udHlwZSl7Y2FzZSJwdW5jdHVhdG9yIjpzd2l0Y2goTS52YWx1ZSl7Y2FzZSJ7Ijp1PXt9O2JyZWFrO2Nhc2UiWyI6dT1bXX1icmVhaztjYXNlIm51bGwiOmNhc2UiYm9vbGVhbiI6Y2FzZSJudW1lcmljIjpjYXNlInN0cmluZyI6dT1NLnZhbHVlfWlmKHZvaWQgMD09PUwpTD11O2Vsc2V7dmFyIEQ9altqLmxlbmd0aC0xXTtBcnJheS5pc0FycmF5KEQpP0QucHVzaCh1KTpPYmplY3QuZGVmaW5lUHJvcGVydHkoRCxrLHt2YWx1ZTp1LHdyaXRhYmxlOiEwLGVudW1lcmFibGU6ITAsY29uZmlndXJhYmxlOiEwfSl9aWYobnVsbCE9PXUmJiJvYmplY3QiPT10eXBlb2YgdSlqLnB1c2godSksTz1BcnJheS5pc0FycmF5KHUpPyJiZWZvcmVBcnJheVZhbHVlIjoiYmVmb3JlUHJvcGVydHlOYW1lIjtlbHNle3ZhciBlPWpbai5sZW5ndGgtMV07Tz1udWxsPT1lPyJlbmQiOkFycmF5LmlzQXJyYXkoZSk/ImFmdGVyQXJyYXlWYWx1ZSI6ImFmdGVyUHJvcGVydHlWYWx1ZSJ9fWZ1bmN0aW9uIGV1KCl7ai5wb3AoKTt2YXIgdT1qW2oubGVuZ3RoLTFdO089bnVsbD09dT8iZW5kIjpBcnJheS5pc0FycmF5KHUpPyJhZnRlckFycmF5VmFsdWUiOiJhZnRlclByb3BlcnR5VmFsdWUifWZ1bmN0aW9uIHJ1KHUpe3JldHVybiBDdSh2b2lkIDA9PT11PyJKU09ONTogaW52YWxpZCBlbmQgb2YgaW5wdXQgYXQgIitWKyI6IitKOiJKU09ONTogaW52YWxpZCBjaGFyYWN0ZXIgJyIrRnUodSkrIicgYXQgIitWKyI6IitKKX1mdW5jdGlvbiB0dSgpe3JldHVybiBDdSgiSlNPTjU6IGludmFsaWQgZW5kIG9mIGlucHV0IGF0ICIrVisiOiIrSil9ZnVuY3Rpb24gbnUoKXtyZXR1cm4gQ3UoIkpTT041OiBpbnZhbGlkIGlkZW50aWZpZXIgY2hhcmFjdGVyIGF0ICIrVisiOiIrKEotPTUpKX1mdW5jdGlvbiBGdSh1KXt2YXIgRD17IiciOiJcXCciLCciJzonXFwiJywiXFwiOiJcXFxcIiwiXGIiOiJcXGIiLCJcZiI6IlxcZiIsIlxuIjoiXFxuIiwiXHIiOiJcXHIiLCJcdCI6IlxcdCIsIlx2IjoiXFx2IiwiXDAiOiJcXDAiLCJcdTIwMjgiOiJcXHUyMDI4IiwiXHUyMDI5IjoiXFx1MjAyOSJ9O2lmKERbdV0pcmV0dXJuIERbdV07aWYodTwiICIpe3ZhciBlPXUuY2hhckNvZGVBdCgwKS50b1N0cmluZygxNik7cmV0dXJuIlxceCIrKCIwMCIrZSkuc3Vic3RyaW5nKGUubGVuZ3RoKX1yZXR1cm4gdX1mdW5jdGlvbiBDdSh1KXt2YXIgRD1uZXcgU3ludGF4RXJyb3IodSk7cmV0dXJuIEQubGluZU51bWJlcj1WLEQuY29sdW1uTnVtYmVyPUosRH1yZXR1cm57cGFyc2U6ZnVuY3Rpb24odSxEKXtfPVN0cmluZyh1KSxPPSJzdGFydCIsaj1bXSxJPTAsVj0xLEo9MCxNPXZvaWQgMCxrPXZvaWQgMCxMPXZvaWQgMDtkb3tNPVooKSx1dVtPXSgpfXdoaWxlKCJlb2YiIT09TS50eXBlKTtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgRD9mdW5jdGlvbiB1KEQsZSxyKXt2YXIgdD1EW2VdO2lmKG51bGwhPXQmJiJvYmplY3QiPT10eXBlb2YgdClpZihBcnJheS5pc0FycmF5KHQpKWZvcih2YXIgbj0wO248dC5sZW5ndGg7bisrKXt2YXIgRj1TdHJpbmcobiksQz11KHQsRixyKTt2b2lkIDA9PT1DP2RlbGV0ZSB0W0ZdOk9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LEYse3ZhbHVlOkMsd3JpdGFibGU6ITAsZW51bWVyYWJsZTohMCxjb25maWd1cmFibGU6ITB9KX1lbHNlIGZvcih2YXIgQSBpbiB0KXt2YXIgaT11KHQsQSxyKTt2b2lkIDA9PT1pP2RlbGV0ZSB0W0FdOk9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LEEse3ZhbHVlOmksd3JpdGFibGU6ITAsZW51bWVyYWJsZTohMCxjb25maWd1cmFibGU6ITB9KX1yZXR1cm4gci5jYWxsKEQsZSx0KX0oeyIiOkx9LCIiLEQpOkx9LHN0cmluZ2lmeTpmdW5jdGlvbih1LEQsZSl7dmFyIHIsdCxuLEY9W10sQz0iIixBPSIiO2lmKG51bGw9PUR8fCJvYmplY3QiIT10eXBlb2YgRHx8QXJyYXkuaXNBcnJheShEKXx8KGU9RC5zcGFjZSxuPUQucXVvdGUsRD1ELnJlcGxhY2VyKSwiZnVuY3Rpb24iPT10eXBlb2YgRCl0PUQ7ZWxzZSBpZihBcnJheS5pc0FycmF5KEQpKXtyPVtdO2Zvcih2YXIgaT0wLEU9RDtpPEUubGVuZ3RoO2krPTEpe3ZhciBvPUVbaV0sYT12b2lkIDA7InN0cmluZyI9PXR5cGVvZiBvP2E9bzooIm51bWJlciI9PXR5cGVvZiBvfHxvIGluc3RhbmNlb2YgU3RyaW5nfHxvIGluc3RhbmNlb2YgTnVtYmVyKSYmKGE9U3RyaW5nKG8pKSx2b2lkIDAhPT1hJiZyLmluZGV4T2YoYSk8MCYmci5wdXNoKGEpfX1yZXR1cm4gZSBpbnN0YW5jZW9mIE51bWJlcj9lPU51bWJlcihlKTplIGluc3RhbmNlb2YgU3RyaW5nJiYoZT1TdHJpbmcoZSkpLCJudW1iZXIiPT10eXBlb2YgZT9lPjAmJihlPU1hdGgubWluKDEwLE1hdGguZmxvb3IoZSkpLEE9IiAgICAgICAgICAiLnN1YnN0cigwLGUpKToic3RyaW5nIj09dHlwZW9mIGUmJihBPWUuc3Vic3RyKDAsMTApKSxjKCIiLHsiIjp1fSk7ZnVuY3Rpb24gYyh1LEQpe3ZhciBlPURbdV07c3dpdGNoKG51bGwhPWUmJigiZnVuY3Rpb24iPT10eXBlb2YgZS50b0pTT041P2U9ZS50b0pTT041KHUpOiJmdW5jdGlvbiI9PXR5cGVvZiBlLnRvSlNPTiYmKGU9ZS50b0pTT04odSkpKSx0JiYoZT10LmNhbGwoRCx1LGUpKSxlIGluc3RhbmNlb2YgTnVtYmVyP2U9TnVtYmVyKGUpOmUgaW5zdGFuY2VvZiBTdHJpbmc/ZT1TdHJpbmcoZSk6ZSBpbnN0YW5jZW9mIEJvb2xlYW4mJihlPWUudmFsdWVPZigpKSxlKXtjYXNlIG51bGw6cmV0dXJuIm51bGwiO2Nhc2UhMDpyZXR1cm4idHJ1ZSI7Y2FzZSExOnJldHVybiJmYWxzZSJ9cmV0dXJuInN0cmluZyI9PXR5cGVvZiBlP0IoZSk6Im51bWJlciI9PXR5cGVvZiBlP1N0cmluZyhlKToib2JqZWN0Ij09dHlwZW9mIGU/QXJyYXkuaXNBcnJheShlKT9mdW5jdGlvbih1KXtpZihGLmluZGV4T2YodSk+PTApdGhyb3cgVHlwZUVycm9yKCJDb252ZXJ0aW5nIGNpcmN1bGFyIHN0cnVjdHVyZSB0byBKU09ONSIpO0YucHVzaCh1KTt2YXIgRD1DO0MrPUE7Zm9yKHZhciBlLHI9W10sdD0wO3Q8dS5sZW5ndGg7dCsrKXt2YXIgbj1jKFN0cmluZyh0KSx1KTtyLnB1c2godm9pZCAwIT09bj9uOiJudWxsIil9aWYoMD09PXIubGVuZ3RoKWU9IltdIjtlbHNlIGlmKCIiPT09QSl7dmFyIGk9ci5qb2luKCIsIik7ZT0iWyIraSsiXSJ9ZWxzZXt2YXIgRT0iLFxuIitDLG89ci5qb2luKEUpO2U9IltcbiIrQytvKyIsXG4iK0QrIl0ifXJldHVybiBGLnBvcCgpLEM9RCxlfShlKTpmdW5jdGlvbih1KXtpZihGLmluZGV4T2YodSk+PTApdGhyb3cgVHlwZUVycm9yKCJDb252ZXJ0aW5nIGNpcmN1bGFyIHN0cnVjdHVyZSB0byBKU09ONSIpO0YucHVzaCh1KTt2YXIgRD1DO0MrPUE7Zm9yKHZhciBlLHQsbj1yfHxPYmplY3Qua2V5cyh1KSxpPVtdLEU9MCxvPW47RTxvLmxlbmd0aDtFKz0xKXt2YXIgYT1vW0VdLEI9YyhhLHUpO2lmKHZvaWQgMCE9PUIpe3ZhciBmPXMoYSkrIjoiOyIiIT09QSYmKGYrPSIgIiksZis9QixpLnB1c2goZil9fWlmKDA9PT1pLmxlbmd0aCllPSJ7fSI7ZWxzZSBpZigiIj09PUEpdD1pLmpvaW4oIiwiKSxlPSJ7Iit0KyJ9IjtlbHNle3ZhciBsPSIsXG4iK0M7dD1pLmpvaW4obCksZT0ie1xuIitDK3QrIixcbiIrRCsifSJ9cmV0dXJuIEYucG9wKCksQz1ELGV9KGUpOnZvaWQgMH1mdW5jdGlvbiBCKHUpe2Zvcih2YXIgRD17IiciOi4xLCciJzouMn0sZT17IiciOiJcXCciLCciJzonXFwiJywiXFwiOiJcXFxcIiwiXGIiOiJcXGIiLCJcZiI6IlxcZiIsIlxuIjoiXFxuIiwiXHIiOiJcXHIiLCJcdCI6IlxcdCIsIlx2IjoiXFx2IiwiXDAiOiJcXDAiLCJcdTIwMjgiOiJcXHUyMDI4IiwiXHUyMDI5IjoiXFx1MjAyOSJ9LHI9IiIsdD0wO3Q8dS5sZW5ndGg7dCsrKXt2YXIgRj11W3RdO3N3aXRjaChGKXtjYXNlIiciOmNhc2UnIic6RFtGXSsrLHIrPUY7Y29udGludWU7Y2FzZSJcMCI6aWYoVS5pc0RpZ2l0KHVbdCsxXSkpe3IrPSJcXHgwMCI7Y29udGludWV9fWlmKGVbRl0pcis9ZVtGXTtlbHNlIGlmKEY8IiAiKXt2YXIgQz1GLmNoYXJDb2RlQXQoMCkudG9TdHJpbmcoMTYpO3IrPSJcXHgiKygiMDAiK0MpLnN1YnN0cmluZyhDLmxlbmd0aCl9ZWxzZSByKz1GfXZhciBBPW58fE9iamVjdC5rZXlzKEQpLnJlZHVjZShmdW5jdGlvbih1LGUpe3JldHVybiBEW3VdPERbZV0/dTplfSk7cmV0dXJuIEErKHI9ci5yZXBsYWNlKG5ldyBSZWdFeHAoQSwiZyIpLGVbQV0pKStBfWZ1bmN0aW9uIHModSl7aWYoMD09PXUubGVuZ3RoKXJldHVybiBCKHUpO3ZhciBEPVN0cmluZy5mcm9tQ29kZVBvaW50KHUuY29kZVBvaW50QXQoMCkpO2lmKCFVLmlzSWRTdGFydENoYXIoRCkpcmV0dXJuIEIodSk7Zm9yKHZhciBlPUQubGVuZ3RoO2U8dS5sZW5ndGg7ZSsrKWlmKCFVLmlzSWRDb250aW51ZUNoYXIoU3RyaW5nLmZyb21Db2RlUG9pbnQodS5jb2RlUG9pbnRBdChlKSkpKXJldHVybiBCKHUpO3JldHVybiB1fX19fSk7`;
-async function download_file$1(_logfile, filename2, filecontents) {
-  const blob = new Blob([filecontents], { type: "text/plain" });
-  const link = document.createElement("a");
-  link.href = URL.createObjectURL(blob);
-  link.download = filename2;
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-const loaded_time = Date.now();
-let last_eval_time = 0;
-async function client_events$1() {
-  const params = new URLSearchParams();
-  params.append("loaded_time", loaded_time.valueOf());
-  params.append("last_eval_time", last_eval_time.valueOf());
-  return (await api$1("GET", `/api/events?${params.toString()}`)).parsed;
-}
-async function eval_logs$1() {
-  const logs = await api$1("GET", `/api/logs`);
-  last_eval_time = Date.now();
-  return logs.parsed;
-}
-async function eval_log$1(file, headerOnly) {
-  if (headerOnly) {
-    return await api$1("GET", `/api/logs/${file}?header-only=true`);
-  } else {
-    return await api$1("GET", `/api/logs/${file}`);
-  }
-}
-async function eval_log_headers$1(files) {
-  const params = new URLSearchParams();
-  for (const file of files) {
-    params.append("file", file);
-  }
-  return (await api$1("GET", `/api/log-headers?${params.toString()}`)).parsed;
-}
-async function api$1(method, path, body) {
-  const headers = {
-    Accept: "application/json",
-    Pragma: "no-cache",
-    Expires: "0",
-    ["Cache-Control"]: "no-cache"
-  };
-  const response = await fetch(`${path}`, { method, headers, body });
-  if (response.ok) {
-    const text = await response.text();
-    return {
-      parsed: await asyncJsonParse(text),
-      raw: text
-    };
-  } else if (response.status !== 200) {
-    const message = await response.text() || response.statusText;
-    const error = new Error(`Error: ${response.status}: ${message})`);
-    throw error;
-  } else {
-    throw new Error(`${response.status} - ${response.statusText} `);
-  }
-}
-const browserApi = {
-  client_events: client_events$1,
-  eval_logs: eval_logs$1,
-  eval_log: eval_log$1,
-  eval_log_headers: eval_log_headers$1,
-  download_file: download_file$1
-};
-var Space_Separator = /[\u1680\u2000-\u200A\u202F\u205F\u3000]/;
-var ID_Start = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE83\uDE86-\uDE89\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]/;
-var ID_Continue = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u09FC\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D00-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF9\u1D00-\u1DF9\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC00-\uDC46\uDC66-\uDC6F\uDC7F-\uDCBA\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD00-\uDD34\uDD36-\uDD3F\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDCA-\uDDCC\uDDD0-\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDEF0-\uDEF9\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3C-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC50-\uDC59\uDC80-\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE50-\uDE59\uDE80-\uDEB7\uDEC0-\uDEC9\uDF00-\uDF19\uDF1D-\uDF2B\uDF30-\uDF39]|\uD806[\uDCA0-\uDCE9\uDCFF\uDE00-\uDE3E\uDE47\uDE50-\uDE83\uDE86-\uDE99\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC50-\uDC59\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD50-\uDD59]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF50-\uDF59\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50-\uDF7E\uDF8F-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4A\uDD50-\uDD59]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uDB40[\uDD00-\uDDEF]/;
-var unicode = {
-  Space_Separator,
-  ID_Start,
-  ID_Continue
-};
-var util = {
-  isSpaceSeparator(c2) {
-    return typeof c2 === "string" && unicode.Space_Separator.test(c2);
-  },
-  isIdStartChar(c2) {
-    return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 === "$" || c2 === "_" || unicode.ID_Start.test(c2));
-  },
-  isIdContinueChar(c2) {
-    return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 >= "0" && c2 <= "9" || c2 === "$" || c2 === "_" || c2 === "‌" || c2 === "‍" || unicode.ID_Continue.test(c2));
-  },
-  isDigit(c2) {
-    return typeof c2 === "string" && /[0-9]/.test(c2);
-  },
-  isHexDigit(c2) {
-    return typeof c2 === "string" && /[0-9A-Fa-f]/.test(c2);
-  }
-};
-let source;
-let parseState;
-let stack;
-let pos;
-let line;
-let column;
-let token;
-let key;
-let root;
-var parse = function parse2(text, reviver) {
-  source = String(text);
-  parseState = "start";
-  stack = [];
-  pos = 0;
-  line = 1;
-  column = 0;
-  token = void 0;
-  key = void 0;
-  root = void 0;
-  do {
-    token = lex();
-    parseStates[parseState]();
-  } while (token.type !== "eof");
-  if (typeof reviver === "function") {
-    return internalize({ "": root }, "", reviver);
-  }
-  return root;
-};
-function internalize(holder, name, reviver) {
-  const value = holder[name];
-  if (value != null && typeof value === "object") {
-    if (Array.isArray(value)) {
-      for (let i2 = 0; i2 < value.length; i2++) {
-        const key2 = String(i2);
-        const replacement = internalize(value, key2, reviver);
-        if (replacement === void 0) {
-          delete value[key2];
-        } else {
-          Object.defineProperty(value, key2, {
-            value: replacement,
-            writable: true,
-            enumerable: true,
-            configurable: true
-          });
-        }
-      }
-    } else {
-      for (const key2 in value) {
-        const replacement = internalize(value, key2, reviver);
-        if (replacement === void 0) {
-          delete value[key2];
-        } else {
-          Object.defineProperty(value, key2, {
-            value: replacement,
-            writable: true,
-            enumerable: true,
-            configurable: true
-          });
-        }
-      }
-    }
-  }
-  return reviver.call(holder, name, value);
-}
-let lexState;
-let buffer;
-let doubleQuote;
-let sign;
-let c;
-function lex() {
-  lexState = "default";
-  buffer = "";
-  doubleQuote = false;
-  sign = 1;
-  for (; ; ) {
-    c = peek();
-    const token2 = lexStates[lexState]();
-    if (token2) {
-      return token2;
-    }
-  }
-}
-function peek() {
-  if (source[pos]) {
-    return String.fromCodePoint(source.codePointAt(pos));
-  }
-}
-function read() {
-  const c2 = peek();
-  if (c2 === "\n") {
-    line++;
-    column = 0;
-  } else if (c2) {
-    column += c2.length;
-  } else {
-    column++;
-  }
-  if (c2) {
-    pos += c2.length;
-  }
-  return c2;
-}
-const lexStates = {
-  default() {
-    switch (c) {
-      case "	":
-      case "\v":
-      case "\f":
-      case " ":
-      case " ":
-      case "\uFEFF":
-      case "\n":
-      case "\r":
-      case "\u2028":
-      case "\u2029":
-        read();
-        return;
-      case "/":
-        read();
-        lexState = "comment";
-        return;
-      case void 0:
-        read();
-        return newToken("eof");
-    }
-    if (util.isSpaceSeparator(c)) {
-      read();
-      return;
-    }
-    return lexStates[parseState]();
-  },
-  comment() {
-    switch (c) {
-      case "*":
-        read();
-        lexState = "multiLineComment";
-        return;
-      case "/":
-        read();
-        lexState = "singleLineComment";
-        return;
-    }
-    throw invalidChar(read());
-  },
-  multiLineComment() {
-    switch (c) {
-      case "*":
-        read();
-        lexState = "multiLineCommentAsterisk";
-        return;
-      case void 0:
-        throw invalidChar(read());
-    }
-    read();
-  },
-  multiLineCommentAsterisk() {
-    switch (c) {
-      case "*":
-        read();
-        return;
-      case "/":
-        read();
-        lexState = "default";
-        return;
-      case void 0:
-        throw invalidChar(read());
-    }
-    read();
-    lexState = "multiLineComment";
-  },
-  singleLineComment() {
-    switch (c) {
-      case "\n":
-      case "\r":
-      case "\u2028":
-      case "\u2029":
-        read();
-        lexState = "default";
-        return;
-      case void 0:
-        read();
-        return newToken("eof");
-    }
-    read();
-  },
-  value() {
-    switch (c) {
-      case "{":
-      case "[":
-        return newToken("punctuator", read());
-      case "n":
-        read();
-        literal("ull");
-        return newToken("null", null);
-      case "t":
-        read();
-        literal("rue");
-        return newToken("boolean", true);
-      case "f":
-        read();
-        literal("alse");
-        return newToken("boolean", false);
-      case "-":
-      case "+":
-        if (read() === "-") {
-          sign = -1;
-        }
-        lexState = "sign";
-        return;
-      case ".":
-        buffer = read();
-        lexState = "decimalPointLeading";
-        return;
-      case "0":
-        buffer = read();
-        lexState = "zero";
-        return;
-      case "1":
-      case "2":
-      case "3":
-      case "4":
-      case "5":
-      case "6":
-      case "7":
-      case "8":
-      case "9":
-        buffer = read();
-        lexState = "decimalInteger";
-        return;
-      case "I":
-        read();
-        literal("nfinity");
-        return newToken("numeric", Infinity);
-      case "N":
-        read();
-        literal("aN");
-        return newToken("numeric", NaN);
-      case '"':
-      case "'":
-        doubleQuote = read() === '"';
-        buffer = "";
-        lexState = "string";
-        return;
-    }
-    throw invalidChar(read());
-  },
-  identifierNameStartEscape() {
-    if (c !== "u") {
-      throw invalidChar(read());
-    }
-    read();
-    const u2 = unicodeEscape();
-    switch (u2) {
-      case "$":
-      case "_":
-        break;
-      default:
-        if (!util.isIdStartChar(u2)) {
-          throw invalidIdentifier();
-        }
-        break;
-    }
-    buffer += u2;
-    lexState = "identifierName";
-  },
-  identifierName() {
-    switch (c) {
-      case "$":
-      case "_":
-      case "‌":
-      case "‍":
-        buffer += read();
-        return;
-      case "\\":
-        read();
-        lexState = "identifierNameEscape";
-        return;
-    }
-    if (util.isIdContinueChar(c)) {
-      buffer += read();
-      return;
-    }
-    return newToken("identifier", buffer);
-  },
-  identifierNameEscape() {
-    if (c !== "u") {
-      throw invalidChar(read());
-    }
-    read();
-    const u2 = unicodeEscape();
-    switch (u2) {
-      case "$":
-      case "_":
-      case "‌":
-      case "‍":
-        break;
-      default:
-        if (!util.isIdContinueChar(u2)) {
-          throw invalidIdentifier();
-        }
-        break;
-    }
-    buffer += u2;
-    lexState = "identifierName";
-  },
-  sign() {
-    switch (c) {
-      case ".":
-        buffer = read();
-        lexState = "decimalPointLeading";
-        return;
-      case "0":
-        buffer = read();
-        lexState = "zero";
-        return;
-      case "1":
-      case "2":
-      case "3":
-      case "4":
-      case "5":
-      case "6":
-      case "7":
-      case "8":
-      case "9":
-        buffer = read();
-        lexState = "decimalInteger";
-        return;
-      case "I":
-        read();
-        literal("nfinity");
-        return newToken("numeric", sign * Infinity);
-      case "N":
-        read();
-        literal("aN");
-        return newToken("numeric", NaN);
-    }
-    throw invalidChar(read());
-  },
-  zero() {
-    switch (c) {
-      case ".":
-        buffer += read();
-        lexState = "decimalPoint";
-        return;
-      case "e":
-      case "E":
-        buffer += read();
-        lexState = "decimalExponent";
-        return;
-      case "x":
-      case "X":
-        buffer += read();
-        lexState = "hexadecimal";
-        return;
-    }
-    return newToken("numeric", sign * 0);
-  },
-  decimalInteger() {
-    switch (c) {
-      case ".":
-        buffer += read();
-        lexState = "decimalPoint";
-        return;
-      case "e":
-      case "E":
-        buffer += read();
-        lexState = "decimalExponent";
-        return;
-    }
-    if (util.isDigit(c)) {
-      buffer += read();
-      return;
-    }
-    return newToken("numeric", sign * Number(buffer));
-  },
-  decimalPointLeading() {
-    if (util.isDigit(c)) {
-      buffer += read();
-      lexState = "decimalFraction";
-      return;
-    }
-    throw invalidChar(read());
-  },
-  decimalPoint() {
-    switch (c) {
-      case "e":
-      case "E":
-        buffer += read();
-        lexState = "decimalExponent";
-        return;
-    }
-    if (util.isDigit(c)) {
-      buffer += read();
-      lexState = "decimalFraction";
-      return;
-    }
-    return newToken("numeric", sign * Number(buffer));
-  },
-  decimalFraction() {
-    switch (c) {
-      case "e":
-      case "E":
-        buffer += read();
-        lexState = "decimalExponent";
-        return;
-    }
-    if (util.isDigit(c)) {
-      buffer += read();
-      return;
-    }
-    return newToken("numeric", sign * Number(buffer));
-  },
-  decimalExponent() {
-    switch (c) {
-      case "+":
-      case "-":
-        buffer += read();
-        lexState = "decimalExponentSign";
-        return;
-    }
-    if (util.isDigit(c)) {
-      buffer += read();
-      lexState = "decimalExponentInteger";
-      return;
-    }
-    throw invalidChar(read());
-  },
-  decimalExponentSign() {
-    if (util.isDigit(c)) {
-      buffer += read();
-      lexState = "decimalExponentInteger";
-      return;
-    }
-    throw invalidChar(read());
-  },
-  decimalExponentInteger() {
-    if (util.isDigit(c)) {
-      buffer += read();
-      return;
-    }
-    return newToken("numeric", sign * Number(buffer));
-  },
-  hexadecimal() {
-    if (util.isHexDigit(c)) {
-      buffer += read();
-      lexState = "hexadecimalInteger";
-      return;
-    }
-    throw invalidChar(read());
-  },
-  hexadecimalInteger() {
-    if (util.isHexDigit(c)) {
-      buffer += read();
-      return;
-    }
-    return newToken("numeric", sign * Number(buffer));
-  },
-  string() {
-    switch (c) {
-      case "\\":
-        read();
-        buffer += escape$1();
-        return;
-      case '"':
-        if (doubleQuote) {
-          read();
-          return newToken("string", buffer);
-        }
-        buffer += read();
-        return;
-      case "'":
-        if (!doubleQuote) {
-          read();
-          return newToken("string", buffer);
-        }
-        buffer += read();
-        return;
-      case "\n":
-      case "\r":
-        throw invalidChar(read());
-      case "\u2028":
-      case "\u2029":
-        separatorChar(c);
-        break;
-      case void 0:
-        throw invalidChar(read());
-    }
-    buffer += read();
-  },
-  start() {
-    switch (c) {
-      case "{":
-      case "[":
-        return newToken("punctuator", read());
-    }
-    lexState = "value";
-  },
-  beforePropertyName() {
-    switch (c) {
-      case "$":
-      case "_":
-        buffer = read();
-        lexState = "identifierName";
-        return;
-      case "\\":
-        read();
-        lexState = "identifierNameStartEscape";
-        return;
-      case "}":
-        return newToken("punctuator", read());
-      case '"':
-      case "'":
-        doubleQuote = read() === '"';
-        lexState = "string";
-        return;
-    }
-    if (util.isIdStartChar(c)) {
-      buffer += read();
-      lexState = "identifierName";
-      return;
-    }
-    throw invalidChar(read());
-  },
-  afterPropertyName() {
-    if (c === ":") {
-      return newToken("punctuator", read());
-    }
-    throw invalidChar(read());
-  },
-  beforePropertyValue() {
-    lexState = "value";
-  },
-  afterPropertyValue() {
-    switch (c) {
-      case ",":
-      case "}":
-        return newToken("punctuator", read());
-    }
-    throw invalidChar(read());
-  },
-  beforeArrayValue() {
-    if (c === "]") {
-      return newToken("punctuator", read());
-    }
-    lexState = "value";
-  },
-  afterArrayValue() {
-    switch (c) {
-      case ",":
-      case "]":
-        return newToken("punctuator", read());
-    }
-    throw invalidChar(read());
-  },
-  end() {
-    throw invalidChar(read());
-  }
-};
-function newToken(type, value) {
-  return {
-    type,
-    value,
-    line,
-    column
-  };
-}
-function literal(s2) {
-  for (const c2 of s2) {
-    const p2 = peek();
-    if (p2 !== c2) {
-      throw invalidChar(read());
-    }
-    read();
-  }
-}
-function escape$1() {
-  const c2 = peek();
-  switch (c2) {
-    case "b":
-      read();
-      return "\b";
-    case "f":
-      read();
-      return "\f";
-    case "n":
-      read();
-      return "\n";
-    case "r":
-      read();
-      return "\r";
-    case "t":
-      read();
-      return "	";
-    case "v":
-      read();
-      return "\v";
-    case "0":
-      read();
-      if (util.isDigit(peek())) {
-        throw invalidChar(read());
-      }
-      return "\0";
-    case "x":
-      read();
-      return hexEscape();
-    case "u":
-      read();
-      return unicodeEscape();
-    case "\n":
-    case "\u2028":
-    case "\u2029":
-      read();
-      return "";
-    case "\r":
-      read();
-      if (peek() === "\n") {
-        read();
-      }
-      return "";
-    case "1":
-    case "2":
-    case "3":
-    case "4":
-    case "5":
-    case "6":
-    case "7":
-    case "8":
-    case "9":
-      throw invalidChar(read());
-    case void 0:
-      throw invalidChar(read());
-  }
-  return read();
-}
-function hexEscape() {
-  let buffer2 = "";
-  let c2 = peek();
-  if (!util.isHexDigit(c2)) {
-    throw invalidChar(read());
-  }
-  buffer2 += read();
-  c2 = peek();
-  if (!util.isHexDigit(c2)) {
-    throw invalidChar(read());
-  }
-  buffer2 += read();
-  return String.fromCodePoint(parseInt(buffer2, 16));
-}
-function unicodeEscape() {
-  let buffer2 = "";
-  let count = 4;
-  while (count-- > 0) {
-    const c2 = peek();
-    if (!util.isHexDigit(c2)) {
-      throw invalidChar(read());
-    }
-    buffer2 += read();
-  }
-  return String.fromCodePoint(parseInt(buffer2, 16));
-}
-const parseStates = {
-  start() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    push();
-  },
-  beforePropertyName() {
-    switch (token.type) {
-      case "identifier":
-      case "string":
-        key = token.value;
-        parseState = "afterPropertyName";
-        return;
-      case "punctuator":
-        pop();
-        return;
-      case "eof":
-        throw invalidEOF();
-    }
-  },
-  afterPropertyName() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    parseState = "beforePropertyValue";
-  },
-  beforePropertyValue() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    push();
-  },
-  beforeArrayValue() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    if (token.type === "punctuator" && token.value === "]") {
-      pop();
-      return;
-    }
-    push();
-  },
-  afterPropertyValue() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    switch (token.value) {
-      case ",":
-        parseState = "beforePropertyName";
-        return;
-      case "}":
-        pop();
-    }
-  },
-  afterArrayValue() {
-    if (token.type === "eof") {
-      throw invalidEOF();
-    }
-    switch (token.value) {
-      case ",":
-        parseState = "beforeArrayValue";
-        return;
-      case "]":
-        pop();
-    }
-  },
-  end() {
-  }
-};
-function push() {
-  let value;
-  switch (token.type) {
-    case "punctuator":
-      switch (token.value) {
-        case "{":
-          value = {};
-          break;
-        case "[":
-          value = [];
-          break;
-      }
-      break;
-    case "null":
-    case "boolean":
-    case "numeric":
-    case "string":
-      value = token.value;
-      break;
-  }
-  if (root === void 0) {
-    root = value;
-  } else {
-    const parent = stack[stack.length - 1];
-    if (Array.isArray(parent)) {
-      parent.push(value);
-    } else {
-      Object.defineProperty(parent, key, {
-        value,
-        writable: true,
-        enumerable: true,
-        configurable: true
-      });
-    }
-  }
-  if (value !== null && typeof value === "object") {
-    stack.push(value);
-    if (Array.isArray(value)) {
-      parseState = "beforeArrayValue";
-    } else {
-      parseState = "beforePropertyName";
+var prism = { exports: {} };
+(function(module) {
+  var _self = typeof window !== "undefined" ? window : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
+  /**
+   * Prism: Lightweight, robust, elegant syntax highlighting
+   *
+   * @license MIT <https://opensource.org/licenses/MIT>
+   * @author Lea Verou <https://lea.verou.me>
+   * @namespace
+   * @public
+   */
+  var Prism2 = function(_self2) {
+    var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
+    var uniqueId = 0;
+    var plainTextGrammar = {};
+    var _2 = {
+      /**
+       * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
+       * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
+       * additional languages or plugins yourself.
+       *
+       * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
+       *
+       * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
+       * empty Prism object into the global scope before loading the Prism script like this:
+       *
+       * ```js
+       * window.Prism = window.Prism || {};
+       * Prism.manual = true;
+       * // add a new <script> to load Prism's script
+       * ```
+       *
+       * @default false
+       * @type {boolean}
+       * @memberof Prism
+       * @public
+       */
+      manual: _self2.Prism && _self2.Prism.manual,
+      /**
+       * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
+       * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
+       * own worker, you don't want it to do this.
+       *
+       * By setting this value to `true`, Prism will not add its own listeners to the worker.
+       *
+       * You obviously have to change this value before Prism executes. To do this, you can add an
+       * empty Prism object into the global scope before loading the Prism script like this:
+       *
+       * ```js
+       * window.Prism = window.Prism || {};
+       * Prism.disableWorkerMessageHandler = true;
+       * // Load Prism's script
+       * ```
+       *
+       * @default false
+       * @type {boolean}
+       * @memberof Prism
+       * @public
+       */
+      disableWorkerMessageHandler: _self2.Prism && _self2.Prism.disableWorkerMessageHandler,
+      /**
+       * A namespace for utility methods.
+       *
+       * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
+       * change or disappear at any time.
+       *
+       * @namespace
+       * @memberof Prism
+       */
+      util: {
+        encode: function encode(tokens) {
+          if (tokens instanceof Token) {
+            return new Token(tokens.type, encode(tokens.content), tokens.alias);
+          } else if (Array.isArray(tokens)) {
+            return tokens.map(encode);
+          } else {
+            return tokens.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+          }
+        },
+        /**
+         * Returns the name of the type of the given value.
+         *
+         * @param {any} o
+         * @returns {string}
+         * @example
+         * type(null)      === 'Null'
+         * type(undefined) === 'Undefined'
+         * type(123)       === 'Number'
+         * type('foo')     === 'String'
+         * type(true)      === 'Boolean'
+         * type([1, 2])    === 'Array'
+         * type({})        === 'Object'
+         * type(String)    === 'Function'
+         * type(/abc+/)    === 'RegExp'
+         */
+        type: function(o2) {
+          return Object.prototype.toString.call(o2).slice(8, -1);
+        },
+        /**
+         * Returns a unique number for the given object. Later calls will still return the same number.
+         *
+         * @param {Object} obj
+         * @returns {number}
+         */
+        objId: function(obj) {
+          if (!obj["__id"]) {
+            Object.defineProperty(obj, "__id", { value: ++uniqueId });
+          }
+          return obj["__id"];
+        },
+        /**
+         * Creates a deep clone of the given object.
+         *
+         * The main intended use of this function is to clone language definitions.
+         *
+         * @param {T} o
+         * @param {Record<number, any>} [visited]
+         * @returns {T}
+         * @template T
+         */
+        clone: function deepClone2(o2, visited) {
+          visited = visited || {};
+          var clone2;
+          var id;
+          switch (_2.util.type(o2)) {
+            case "Object":
+              id = _2.util.objId(o2);
+              if (visited[id]) {
+                return visited[id];
+              }
+              clone2 = /** @type {Record<string, any>} */
+              {};
+              visited[id] = clone2;
+              for (var key2 in o2) {
+                if (o2.hasOwnProperty(key2)) {
+                  clone2[key2] = deepClone2(o2[key2], visited);
+                }
+              }
+              return (
+                /** @type {any} */
+                clone2
+              );
+            case "Array":
+              id = _2.util.objId(o2);
+              if (visited[id]) {
+                return visited[id];
+              }
+              clone2 = [];
+              visited[id] = clone2;
+              /** @type {Array} */
+              /** @type {any} */
+              o2.forEach(function(v2, i2) {
+                clone2[i2] = deepClone2(v2, visited);
+              });
+              return (
+                /** @type {any} */
+                clone2
+              );
+            default:
+              return o2;
+          }
+        },
+        /**
+         * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
+         *
+         * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
+         *
+         * @param {Element} element
+         * @returns {string}
+         */
+        getLanguage: function(element) {
+          while (element) {
+            var m2 = lang.exec(element.className);
+            if (m2) {
+              return m2[1].toLowerCase();
+            }
+            element = element.parentElement;
+          }
+          return "none";
+        },
+        /**
+         * Sets the Prism `language-xxxx` class of the given element.
+         *
+         * @param {Element} element
+         * @param {string} language
+         * @returns {void}
+         */
+        setLanguage: function(element, language) {
+          element.className = element.className.replace(RegExp(lang, "gi"), "");
+          element.classList.add("language-" + language);
+        },
+        /**
+         * Returns the script element that is currently executing.
+         *
+         * This does __not__ work for line script element.
+         *
+         * @returns {HTMLScriptElement | null}
+         */
+        currentScript: function() {
+          if (typeof document === "undefined") {
+            return null;
+          }
+          if ("currentScript" in document && 1 < 2) {
+            return (
+              /** @type {any} */
+              document.currentScript
+            );
+          }
+          try {
+            throw new Error();
+          } catch (err) {
+            var src = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(err.stack) || [])[1];
+            if (src) {
+              var scripts = document.getElementsByTagName("script");
+              for (var i2 in scripts) {
+                if (scripts[i2].src == src) {
+                  return scripts[i2];
+                }
+              }
+            }
+            return null;
+          }
+        },
+        /**
+         * Returns whether a given class is active for `element`.
+         *
+         * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated
+         * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the
+         * given class is just the given class with a `no-` prefix.
+         *
+         * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is
+         * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its
+         * ancestors have the given class or the negated version of it, then the default activation will be returned.
+         *
+         * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated
+         * version of it, the class is considered active.
+         *
+         * @param {Element} element
+         * @param {string} className
+         * @param {boolean} [defaultActivation=false]
+         * @returns {boolean}
+         */
+        isActive: function(element, className, defaultActivation) {
+          var no = "no-" + className;
+          while (element) {
+            var classList = element.classList;
+            if (classList.contains(className)) {
+              return true;
+            }
+            if (classList.contains(no)) {
+              return false;
+            }
+            element = element.parentElement;
+          }
+          return !!defaultActivation;
+        }
+      },
+      /**
+       * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.
+       *
+       * @namespace
+       * @memberof Prism
+       * @public
+       */
+      languages: {
+        /**
+         * The grammar for plain, unformatted text.
+         */
+        plain: plainTextGrammar,
+        plaintext: plainTextGrammar,
+        text: plainTextGrammar,
+        txt: plainTextGrammar,
+        /**
+         * Creates a deep copy of the language with the given id and appends the given tokens.
+         *
+         * If a token in `redef` also appears in the copied language, then the existing token in the copied language
+         * will be overwritten at its original position.
+         *
+         * ## Best practices
+         *
+         * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)
+         * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to
+         * understand the language definition because, normally, the order of tokens matters in Prism grammars.
+         *
+         * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.
+         * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.
+         *
+         * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.
+         * @param {Grammar} redef The new tokens to append.
+         * @returns {Grammar} The new language created.
+         * @public
+         * @example
+         * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {
+         *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token
+         *     // at its original position
+         *     'comment': { ... },
+         *     // CSS doesn't have a 'color' token, so this token will be appended
+         *     'color': /\b(?:red|green|blue)\b/
+         * });
+         */
+        extend: function(id, redef) {
+          var lang2 = _2.util.clone(_2.languages[id]);
+          for (var key2 in redef) {
+            lang2[key2] = redef[key2];
+          }
+          return lang2;
+        },
+        /**
+         * Inserts tokens _before_ another token in a language definition or any other grammar.
+         *
+         * ## Usage
+         *
+         * This helper method makes it easy to modify existing languages. For example, the CSS language definition
+         * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded
+         * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the
+         * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do
+         * this:
+         *
+         * ```js
+         * Prism.languages.markup.style = {
+         *     // token
+         * };
+         * ```
+         *
+         * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens
+         * before existing tokens. For the CSS example above, you would use it like this:
+         *
+         * ```js
+         * Prism.languages.insertBefore('markup', 'cdata', {
+         *     'style': {
+         *         // token
+         *     }
+         * });
+         * ```
+         *
+         * ## Special cases
+         *
+         * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar
+         * will be ignored.
+         *
+         * This behavior can be used to insert tokens after `before`:
+         *
+         * ```js
+         * Prism.languages.insertBefore('markup', 'comment', {
+         *     'comment': Prism.languages.markup.comment,
+         *     // tokens after 'comment'
+         * });
+         * ```
+         *
+         * ## Limitations
+         *
+         * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object
+         * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave
+         * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily
+         * deleting properties which is necessary to insert at arbitrary positions.
+         *
+         * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.
+         * Instead, it will create a new object and replace all references to the target object with the new one. This
+         * can be done without temporarily deleting properties, so the iteration order is well-defined.
+         *
+         * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if
+         * you hold the target object in a variable, then the value of the variable will not change.
+         *
+         * ```js
+         * var oldMarkup = Prism.languages.markup;
+         * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });
+         *
+         * assert(oldMarkup !== Prism.languages.markup);
+         * assert(newMarkup === Prism.languages.markup);
+         * ```
+         *
+         * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the
+         * object to be modified.
+         * @param {string} before The key to insert before.
+         * @param {Grammar} insert An object containing the key-value pairs to be inserted.
+         * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the
+         * object to be modified.
+         *
+         * Defaults to `Prism.languages`.
+         * @returns {Grammar} The new grammar object.
+         * @public
+         */
+        insertBefore: function(inside, before, insert, root2) {
+          root2 = root2 || /** @type {any} */
+          _2.languages;
+          var grammar = root2[inside];
+          var ret = {};
+          for (var token2 in grammar) {
+            if (grammar.hasOwnProperty(token2)) {
+              if (token2 == before) {
+                for (var newToken2 in insert) {
+                  if (insert.hasOwnProperty(newToken2)) {
+                    ret[newToken2] = insert[newToken2];
+                  }
+                }
+              }
+              if (!insert.hasOwnProperty(token2)) {
+                ret[token2] = grammar[token2];
+              }
+            }
+          }
+          var old = root2[inside];
+          root2[inside] = ret;
+          _2.languages.DFS(_2.languages, function(key2, value) {
+            if (value === old && key2 != inside) {
+              this[key2] = ret;
+            }
+          });
+          return ret;
+        },
+        // Traverse a language definition with Depth First Search
+        DFS: function DFS(o2, callback, type, visited) {
+          visited = visited || {};
+          var objId = _2.util.objId;
+          for (var i2 in o2) {
+            if (o2.hasOwnProperty(i2)) {
+              callback.call(o2, i2, o2[i2], type || i2);
+              var property = o2[i2];
+              var propertyType = _2.util.type(property);
+              if (propertyType === "Object" && !visited[objId(property)]) {
+                visited[objId(property)] = true;
+                DFS(property, callback, null, visited);
+              } else if (propertyType === "Array" && !visited[objId(property)]) {
+                visited[objId(property)] = true;
+                DFS(property, callback, i2, visited);
+              }
+            }
+          }
+        }
+      },
+      plugins: {},
+      /**
+       * This is the most high-level function in Prism’s API.
+       * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on
+       * each one of them.
+       *
+       * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.
+       *
+       * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.
+       * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.
+       * @memberof Prism
+       * @public
+       */
+      highlightAll: function(async, callback) {
+        _2.highlightAllUnder(document, async, callback);
+      },
+      /**
+       * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
+       * {@link Prism.highlightElement} on each one of them.
+       *
+       * The following hooks will be run:
+       * 1. `before-highlightall`
+       * 2. `before-all-elements-highlight`
+       * 3. All hooks of {@link Prism.highlightElement} for each element.
+       *
+       * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.
+       * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.
+       * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.
+       * @memberof Prism
+       * @public
+       */
+      highlightAllUnder: function(container, async, callback) {
+        var env = {
+          callback,
+          container,
+          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+        };
+        _2.hooks.run("before-highlightall", env);
+        env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
+        _2.hooks.run("before-all-elements-highlight", env);
+        for (var i2 = 0, element; element = env.elements[i2++]; ) {
+          _2.highlightElement(element, async === true, env.callback);
+        }
+      },
+      /**
+       * Highlights the code inside a single element.
+       *
+       * The following hooks will be run:
+       * 1. `before-sanity-check`
+       * 2. `before-highlight`
+       * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.
+       * 4. `before-insert`
+       * 5. `after-highlight`
+       * 6. `complete`
+       *
+       * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for
+       * the element's language.
+       *
+       * @param {Element} element The element containing the code.
+       * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.
+       * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers
+       * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is
+       * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).
+       *
+       * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for
+       * asynchronous highlighting to work. You can build your own bundle on the
+       * [Download page](https://prismjs.com/download.html).
+       * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.
+       * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.
+       * @memberof Prism
+       * @public
+       */
+      highlightElement: function(element, async, callback) {
+        var language = _2.util.getLanguage(element);
+        var grammar = _2.languages[language];
+        _2.util.setLanguage(element, language);
+        var parent = element.parentElement;
+        if (parent && parent.nodeName.toLowerCase() === "pre") {
+          _2.util.setLanguage(parent, language);
+        }
+        var code = element.textContent;
+        var env = {
+          element,
+          language,
+          grammar,
+          code
+        };
+        function insertHighlightedCode(highlightedCode) {
+          env.highlightedCode = highlightedCode;
+          _2.hooks.run("before-insert", env);
+          env.element.innerHTML = env.highlightedCode;
+          _2.hooks.run("after-highlight", env);
+          _2.hooks.run("complete", env);
+          callback && callback.call(env.element);
+        }
+        _2.hooks.run("before-sanity-check", env);
+        parent = env.element.parentElement;
+        if (parent && parent.nodeName.toLowerCase() === "pre" && !parent.hasAttribute("tabindex")) {
+          parent.setAttribute("tabindex", "0");
+        }
+        if (!env.code) {
+          _2.hooks.run("complete", env);
+          callback && callback.call(env.element);
+          return;
+        }
+        _2.hooks.run("before-highlight", env);
+        if (!env.grammar) {
+          insertHighlightedCode(_2.util.encode(env.code));
+          return;
+        }
+        if (async && _self2.Worker) {
+          var worker = new Worker(_2.filename);
+          worker.onmessage = function(evt) {
+            insertHighlightedCode(evt.data);
+          };
+          worker.postMessage(JSON.stringify({
+            language: env.language,
+            code: env.code,
+            immediateClose: true
+          }));
+        } else {
+          insertHighlightedCode(_2.highlight(env.code, env.grammar, env.language));
+        }
+      },
+      /**
+       * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
+       * and the language definitions to use, and returns a string with the HTML produced.
+       *
+       * The following hooks will be run:
+       * 1. `before-tokenize`
+       * 2. `after-tokenize`
+       * 3. `wrap`: On each {@link Token}.
+       *
+       * @param {string} text A string with the code to be highlighted.
+       * @param {Grammar} grammar An object containing the tokens to use.
+       *
+       * Usually a language definition like `Prism.languages.markup`.
+       * @param {string} language The name of the language definition passed to `grammar`.
+       * @returns {string} The highlighted HTML.
+       * @memberof Prism
+       * @public
+       * @example
+       * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
+       */
+      highlight: function(text, grammar, language) {
+        var env = {
+          code: text,
+          grammar,
+          language
+        };
+        _2.hooks.run("before-tokenize", env);
+        if (!env.grammar) {
+          throw new Error('The language "' + env.language + '" has no grammar.');
+        }
+        env.tokens = _2.tokenize(env.code, env.grammar);
+        _2.hooks.run("after-tokenize", env);
+        return Token.stringify(_2.util.encode(env.tokens), env.language);
+      },
+      /**
+       * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
+       * and the language definitions to use, and returns an array with the tokenized code.
+       *
+       * When the language definition includes nested tokens, the function is called recursively on each of these tokens.
+       *
+       * This method could be useful in other contexts as well, as a very crude parser.
+       *
+       * @param {string} text A string with the code to be highlighted.
+       * @param {Grammar} grammar An object containing the tokens to use.
+       *
+       * Usually a language definition like `Prism.languages.markup`.
+       * @returns {TokenStream} An array of strings and tokens, a token stream.
+       * @memberof Prism
+       * @public
+       * @example
+       * let code = `var foo = 0;`;
+       * let tokens = Prism.tokenize(code, Prism.languages.javascript);
+       * tokens.forEach(token => {
+       *     if (token instanceof Prism.Token && token.type === 'number') {
+       *         console.log(`Found numeric literal: ${token.content}`);
+       *     }
+       * });
+       */
+      tokenize: function(text, grammar) {
+        var rest = grammar.rest;
+        if (rest) {
+          for (var token2 in rest) {
+            grammar[token2] = rest[token2];
+          }
+          delete grammar.rest;
+        }
+        var tokenList = new LinkedList();
+        addAfter(tokenList, tokenList.head, text);
+        matchGrammar(text, tokenList, grammar, tokenList.head, 0);
+        return toArray(tokenList);
+      },
+      /**
+       * @namespace
+       * @memberof Prism
+       * @public
+       */
+      hooks: {
+        all: {},
+        /**
+         * Adds the given callback to the list of callbacks for the given hook.
+         *
+         * The callback will be invoked when the hook it is registered for is run.
+         * Hooks are usually directly run by a highlight function but you can also run hooks yourself.
+         *
+         * One callback function can be registered to multiple hooks and the same hook multiple times.
+         *
+         * @param {string} name The name of the hook.
+         * @param {HookCallback} callback The callback function which is given environment variables.
+         * @public
+         */
+        add: function(name, callback) {
+          var hooks = _2.hooks.all;
+          hooks[name] = hooks[name] || [];
+          hooks[name].push(callback);
+        },
+        /**
+         * Runs a hook invoking all registered callbacks with the given environment variables.
+         *
+         * Callbacks will be invoked synchronously and in the order in which they were registered.
+         *
+         * @param {string} name The name of the hook.
+         * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
+         * @public
+         */
+        run: function(name, env) {
+          var callbacks = _2.hooks.all[name];
+          if (!callbacks || !callbacks.length) {
+            return;
+          }
+          for (var i2 = 0, callback; callback = callbacks[i2++]; ) {
+            callback(env);
+          }
+        }
+      },
+      Token
+    };
+    _self2.Prism = _2;
+    function Token(type, content, alias, matchedStr) {
+      this.type = type;
+      this.content = content;
+      this.alias = alias;
+      this.length = (matchedStr || "").length | 0;
     }
-  } else {
-    const current = stack[stack.length - 1];
-    if (current == null) {
-      parseState = "end";
-    } else if (Array.isArray(current)) {
-      parseState = "afterArrayValue";
-    } else {
-      parseState = "afterPropertyValue";
+    Token.stringify = function stringify3(o2, language) {
+      if (typeof o2 == "string") {
+        return o2;
+      }
+      if (Array.isArray(o2)) {
+        var s2 = "";
+        o2.forEach(function(e2) {
+          s2 += stringify3(e2, language);
+        });
+        return s2;
+      }
+      var env = {
+        type: o2.type,
+        content: stringify3(o2.content, language),
+        tag: "span",
+        classes: ["token", o2.type],
+        attributes: {},
+        language
+      };
+      var aliases = o2.alias;
+      if (aliases) {
+        if (Array.isArray(aliases)) {
+          Array.prototype.push.apply(env.classes, aliases);
+        } else {
+          env.classes.push(aliases);
+        }
+      }
+      _2.hooks.run("wrap", env);
+      var attributes = "";
+      for (var name in env.attributes) {
+        attributes += " " + name + '="' + (env.attributes[name] || "").replace(/"/g, "&quot;") + '"';
+      }
+      return "<" + env.tag + ' class="' + env.classes.join(" ") + '"' + attributes + ">" + env.content + "</" + env.tag + ">";
+    };
+    function matchPattern(pattern, pos2, text, lookbehind) {
+      pattern.lastIndex = pos2;
+      var match = pattern.exec(text);
+      if (match && lookbehind && match[1]) {
+        var lookbehindLength = match[1].length;
+        match.index += lookbehindLength;
+        match[0] = match[0].slice(lookbehindLength);
+      }
+      return match;
     }
-  }
-}
-function pop() {
-  stack.pop();
-  const current = stack[stack.length - 1];
-  if (current == null) {
-    parseState = "end";
-  } else if (Array.isArray(current)) {
-    parseState = "afterArrayValue";
-  } else {
-    parseState = "afterPropertyValue";
-  }
-}
-function invalidChar(c2) {
-  if (c2 === void 0) {
-    return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
-  }
-  return syntaxError(`JSON5: invalid character '${formatChar(c2)}' at ${line}:${column}`);
-}
-function invalidEOF() {
-  return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
-}
-function invalidIdentifier() {
-  column -= 5;
-  return syntaxError(`JSON5: invalid identifier character at ${line}:${column}`);
-}
-function separatorChar(c2) {
-  console.warn(`JSON5: '${formatChar(c2)}' in strings is not valid ECMAScript; consider escaping`);
-}
-function formatChar(c2) {
-  const replacements = {
-    "'": "\\'",
-    '"': '\\"',
-    "\\": "\\\\",
-    "\b": "\\b",
-    "\f": "\\f",
-    "\n": "\\n",
-    "\r": "\\r",
-    "	": "\\t",
-    "\v": "\\v",
-    "\0": "\\0",
-    "\u2028": "\\u2028",
-    "\u2029": "\\u2029"
-  };
-  if (replacements[c2]) {
-    return replacements[c2];
-  }
-  if (c2 < " ") {
-    const hexString = c2.charCodeAt(0).toString(16);
-    return "\\x" + ("00" + hexString).substring(hexString.length);
-  }
-  return c2;
-}
-function syntaxError(message) {
-  const err = new SyntaxError(message);
-  err.lineNumber = line;
-  err.columnNumber = column;
-  return err;
-}
-var stringify = function stringify2(value, replacer, space) {
-  const stack2 = [];
-  let indent = "";
-  let propertyList;
-  let replacerFunc;
-  let gap = "";
-  let quote;
-  if (replacer != null && typeof replacer === "object" && !Array.isArray(replacer)) {
-    space = replacer.space;
-    quote = replacer.quote;
-    replacer = replacer.replacer;
-  }
-  if (typeof replacer === "function") {
-    replacerFunc = replacer;
-  } else if (Array.isArray(replacer)) {
-    propertyList = [];
-    for (const v2 of replacer) {
-      let item;
-      if (typeof v2 === "string") {
-        item = v2;
-      } else if (typeof v2 === "number" || v2 instanceof String || v2 instanceof Number) {
-        item = String(v2);
+    function matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {
+      for (var token2 in grammar) {
+        if (!grammar.hasOwnProperty(token2) || !grammar[token2]) {
+          continue;
+        }
+        var patterns = grammar[token2];
+        patterns = Array.isArray(patterns) ? patterns : [patterns];
+        for (var j2 = 0; j2 < patterns.length; ++j2) {
+          if (rematch && rematch.cause == token2 + "," + j2) {
+            return;
+          }
+          var patternObj = patterns[j2];
+          var inside = patternObj.inside;
+          var lookbehind = !!patternObj.lookbehind;
+          var greedy = !!patternObj.greedy;
+          var alias = patternObj.alias;
+          if (greedy && !patternObj.pattern.global) {
+            var flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];
+            patternObj.pattern = RegExp(patternObj.pattern.source, flags + "g");
+          }
+          var pattern = patternObj.pattern || patternObj;
+          for (var currentNode = startNode.next, pos2 = startPos; currentNode !== tokenList.tail; pos2 += currentNode.value.length, currentNode = currentNode.next) {
+            if (rematch && pos2 >= rematch.reach) {
+              break;
+            }
+            var str = currentNode.value;
+            if (tokenList.length > text.length) {
+              return;
+            }
+            if (str instanceof Token) {
+              continue;
+            }
+            var removeCount = 1;
+            var match;
+            if (greedy) {
+              match = matchPattern(pattern, pos2, text, lookbehind);
+              if (!match || match.index >= text.length) {
+                break;
+              }
+              var from = match.index;
+              var to = match.index + match[0].length;
+              var p2 = pos2;
+              p2 += currentNode.value.length;
+              while (from >= p2) {
+                currentNode = currentNode.next;
+                p2 += currentNode.value.length;
+              }
+              p2 -= currentNode.value.length;
+              pos2 = p2;
+              if (currentNode.value instanceof Token) {
+                continue;
+              }
+              for (var k2 = currentNode; k2 !== tokenList.tail && (p2 < to || typeof k2.value === "string"); k2 = k2.next) {
+                removeCount++;
+                p2 += k2.value.length;
+              }
+              removeCount--;
+              str = text.slice(pos2, p2);
+              match.index -= pos2;
+            } else {
+              match = matchPattern(pattern, 0, str, lookbehind);
+              if (!match) {
+                continue;
+              }
+            }
+            var from = match.index;
+            var matchStr = match[0];
+            var before = str.slice(0, from);
+            var after = str.slice(from + matchStr.length);
+            var reach = pos2 + str.length;
+            if (rematch && reach > rematch.reach) {
+              rematch.reach = reach;
+            }
+            var removeFrom = currentNode.prev;
+            if (before) {
+              removeFrom = addAfter(tokenList, removeFrom, before);
+              pos2 += before.length;
+            }
+            removeRange(tokenList, removeFrom, removeCount);
+            var wrapped = new Token(token2, inside ? _2.tokenize(matchStr, inside) : matchStr, alias, matchStr);
+            currentNode = addAfter(tokenList, removeFrom, wrapped);
+            if (after) {
+              addAfter(tokenList, currentNode, after);
+            }
+            if (removeCount > 1) {
+              var nestedRematch = {
+                cause: token2 + "," + j2,
+                reach
+              };
+              matchGrammar(text, tokenList, grammar, currentNode.prev, pos2, nestedRematch);
+              if (rematch && nestedRematch.reach > rematch.reach) {
+                rematch.reach = nestedRematch.reach;
+              }
+            }
+          }
+        }
       }
-      if (item !== void 0 && propertyList.indexOf(item) < 0) {
-        propertyList.push(item);
+    }
+    function LinkedList() {
+      var head = { value: null, prev: null, next: null };
+      var tail = { value: null, prev: head, next: null };
+      head.next = tail;
+      this.head = head;
+      this.tail = tail;
+      this.length = 0;
+    }
+    function addAfter(list, node, value) {
+      var next = node.next;
+      var newNode = { value, prev: node, next };
+      node.next = newNode;
+      next.prev = newNode;
+      list.length++;
+      return newNode;
+    }
+    function removeRange(list, node, count) {
+      var next = node.next;
+      for (var i2 = 0; i2 < count && next !== list.tail; i2++) {
+        next = next.next;
       }
+      node.next = next;
+      next.prev = node;
+      list.length -= i2;
     }
-  }
-  if (space instanceof Number) {
-    space = Number(space);
-  } else if (space instanceof String) {
-    space = String(space);
-  }
-  if (typeof space === "number") {
-    if (space > 0) {
-      space = Math.min(10, Math.floor(space));
-      gap = "          ".substr(0, space);
+    function toArray(list) {
+      var array = [];
+      var node = list.head.next;
+      while (node !== list.tail) {
+        array.push(node.value);
+        node = node.next;
+      }
+      return array;
     }
-  } else if (typeof space === "string") {
-    gap = space.substr(0, 10);
-  }
-  return serializeProperty("", { "": value });
-  function serializeProperty(key2, holder) {
-    let value2 = holder[key2];
-    if (value2 != null) {
-      if (typeof value2.toJSON5 === "function") {
-        value2 = value2.toJSON5(key2);
-      } else if (typeof value2.toJSON === "function") {
-        value2 = value2.toJSON(key2);
+    if (!_self2.document) {
+      if (!_self2.addEventListener) {
+        return _2;
+      }
+      if (!_2.disableWorkerMessageHandler) {
+        _self2.addEventListener("message", function(evt) {
+          var message = JSON.parse(evt.data);
+          var lang2 = message.language;
+          var code = message.code;
+          var immediateClose = message.immediateClose;
+          _self2.postMessage(_2.highlight(code, _2.languages[lang2], lang2));
+          if (immediateClose) {
+            _self2.close();
+          }
+        }, false);
       }
+      return _2;
     }
-    if (replacerFunc) {
-      value2 = replacerFunc.call(holder, key2, value2);
+    var script = _2.util.currentScript();
+    if (script) {
+      _2.filename = script.src;
+      if (script.hasAttribute("data-manual")) {
+        _2.manual = true;
+      }
     }
-    if (value2 instanceof Number) {
-      value2 = Number(value2);
-    } else if (value2 instanceof String) {
-      value2 = String(value2);
-    } else if (value2 instanceof Boolean) {
-      value2 = value2.valueOf();
+    function highlightAutomaticallyCallback() {
+      if (!_2.manual) {
+        _2.highlightAll();
+      }
     }
-    switch (value2) {
-      case null:
-        return "null";
-      case true:
-        return "true";
-      case false:
-        return "false";
+    if (!_2.manual) {
+      var readyState = document.readyState;
+      if (readyState === "loading" || readyState === "interactive" && script && script.defer) {
+        document.addEventListener("DOMContentLoaded", highlightAutomaticallyCallback);
+      } else {
+        if (window.requestAnimationFrame) {
+          window.requestAnimationFrame(highlightAutomaticallyCallback);
+        } else {
+          window.setTimeout(highlightAutomaticallyCallback, 16);
+        }
+      }
     }
-    if (typeof value2 === "string") {
-      return quoteString(value2);
+    return _2;
+  }(_self);
+  if (module.exports) {
+    module.exports = Prism2;
+  }
+  if (typeof commonjsGlobal !== "undefined") {
+    commonjsGlobal.Prism = Prism2;
+  }
+  Prism2.languages.markup = {
+    "comment": {
+      pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
+      greedy: true
+    },
+    "prolog": {
+      pattern: /<\?[\s\S]+?\?>/,
+      greedy: true
+    },
+    "doctype": {
+      // https://www.w3.org/TR/xml/#NT-doctypedecl
+      pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+      greedy: true,
+      inside: {
+        "internal-subset": {
+          pattern: /(^[^\[]*\[)[\s\S]+(?=\]>$)/,
+          lookbehind: true,
+          greedy: true,
+          inside: null
+          // see below
+        },
+        "string": {
+          pattern: /"[^"]*"|'[^']*'/,
+          greedy: true
+        },
+        "punctuation": /^<!|>$|[[\]]/,
+        "doctype-tag": /^DOCTYPE/i,
+        "name": /[^\s<>'"]+/
+      }
+    },
+    "cdata": {
+      pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+      greedy: true
+    },
+    "tag": {
+      pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+      greedy: true,
+      inside: {
+        "tag": {
+          pattern: /^<\/?[^\s>\/]+/,
+          inside: {
+            "punctuation": /^<\/?/,
+            "namespace": /^[^\s>\/:]+:/
+          }
+        },
+        "special-attr": [],
+        "attr-value": {
+          pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+          inside: {
+            "punctuation": [
+              {
+                pattern: /^=/,
+                alias: "attr-equals"
+              },
+              {
+                pattern: /^(\s*)["']|["']$/,
+                lookbehind: true
+              }
+            ]
+          }
+        },
+        "punctuation": /\/?>/,
+        "attr-name": {
+          pattern: /[^\s>\/]+/,
+          inside: {
+            "namespace": /^[^\s>\/:]+:/
+          }
+        }
+      }
+    },
+    "entity": [
+      {
+        pattern: /&[\da-z]{1,8};/i,
+        alias: "named-entity"
+      },
+      /&#x?[\da-f]{1,8};/i
+    ]
+  };
+  Prism2.languages.markup["tag"].inside["attr-value"].inside["entity"] = Prism2.languages.markup["entity"];
+  Prism2.languages.markup["doctype"].inside["internal-subset"].inside = Prism2.languages.markup;
+  Prism2.hooks.add("wrap", function(env) {
+    if (env.type === "entity") {
+      env.attributes["title"] = env.content.replace(/&amp;/, "&");
     }
-    if (typeof value2 === "number") {
-      return String(value2);
+  });
+  Object.defineProperty(Prism2.languages.markup.tag, "addInlined", {
+    /**
+     * Adds an inlined language to markup.
+     *
+     * An example of an inlined language is CSS with `<style>` tags.
+     *
+     * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as
+     * case insensitive.
+     * @param {string} lang The language key.
+     * @example
+     * addInlined('style', 'css');
+     */
+    value: function addInlined(tagName, lang) {
+      var includedCdataInside = {};
+      includedCdataInside["language-" + lang] = {
+        pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+        lookbehind: true,
+        inside: Prism2.languages[lang]
+      };
+      includedCdataInside["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
+      var inside = {
+        "included-cdata": {
+          pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+          inside: includedCdataInside
+        }
+      };
+      inside["language-" + lang] = {
+        pattern: /[\s\S]+/,
+        inside: Prism2.languages[lang]
+      };
+      var def = {};
+      def[tagName] = {
+        pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
+          return tagName;
+        }), "i"),
+        lookbehind: true,
+        greedy: true,
+        inside
+      };
+      Prism2.languages.insertBefore("markup", "cdata", def);
     }
-    if (typeof value2 === "object") {
-      return Array.isArray(value2) ? serializeArray(value2) : serializeObject(value2);
+  });
+  Object.defineProperty(Prism2.languages.markup.tag, "addAttribute", {
+    /**
+     * Adds an pattern to highlight languages embedded in HTML attributes.
+     *
+     * An example of an inlined language is CSS with `style` attributes.
+     *
+     * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as
+     * case insensitive.
+     * @param {string} lang The language key.
+     * @example
+     * addAttribute('style', 'css');
+     */
+    value: function(attrName, lang) {
+      Prism2.languages.markup.tag.inside["special-attr"].push({
+        pattern: RegExp(
+          /(^|["'\s])/.source + "(?:" + attrName + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
+          "i"
+        ),
+        lookbehind: true,
+        inside: {
+          "attr-name": /^[^\s=]+/,
+          "attr-value": {
+            pattern: /=[\s\S]+/,
+            inside: {
+              "value": {
+                pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
+                lookbehind: true,
+                alias: [lang, "language-" + lang],
+                inside: Prism2.languages[lang]
+              },
+              "punctuation": [
+                {
+                  pattern: /^=/,
+                  alias: "attr-equals"
+                },
+                /"|'/
+              ]
+            }
+          }
+        }
+      });
     }
-    return void 0;
-  }
-  function quoteString(value2) {
-    const quotes = {
-      "'": 0.1,
-      '"': 0.2
-    };
-    const replacements = {
-      "'": "\\'",
-      '"': '\\"',
-      "\\": "\\\\",
-      "\b": "\\b",
-      "\f": "\\f",
-      "\n": "\\n",
-      "\r": "\\r",
-      "	": "\\t",
-      "\v": "\\v",
-      "\0": "\\0",
-      "\u2028": "\\u2028",
-      "\u2029": "\\u2029"
-    };
-    let product = "";
-    for (let i2 = 0; i2 < value2.length; i2++) {
-      const c2 = value2[i2];
-      switch (c2) {
-        case "'":
-        case '"':
-          quotes[c2]++;
-          product += c2;
-          continue;
-        case "\0":
-          if (util.isDigit(value2[i2 + 1])) {
-            product += "\\x00";
-            continue;
+  });
+  Prism2.languages.html = Prism2.languages.markup;
+  Prism2.languages.mathml = Prism2.languages.markup;
+  Prism2.languages.svg = Prism2.languages.markup;
+  Prism2.languages.xml = Prism2.languages.extend("markup", {});
+  Prism2.languages.ssml = Prism2.languages.xml;
+  Prism2.languages.atom = Prism2.languages.xml;
+  Prism2.languages.rss = Prism2.languages.xml;
+  (function(Prism3) {
+    var string = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+    Prism3.languages.css = {
+      "comment": /\/\*[\s\S]*?\*\//,
+      "atrule": {
+        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + string.source + ")*?" + /(?:;|(?=\s*\{))/.source),
+        inside: {
+          "rule": /^@[\w-]+/,
+          "selector-function-argument": {
+            pattern: /(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,
+            lookbehind: true,
+            alias: "selector"
+          },
+          "keyword": {
+            pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+            lookbehind: true
+          }
+          // See rest below
+        }
+      },
+      "url": {
+        // https://drafts.csswg.org/css-values-3/#urls
+        pattern: RegExp("\\burl\\((?:" + string.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
+        greedy: true,
+        inside: {
+          "function": /^url/i,
+          "punctuation": /^\(|\)$/,
+          "string": {
+            pattern: RegExp("^" + string.source + "$"),
+            alias: "url"
           }
+        }
+      },
+      "selector": {
+        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + string.source + ")*(?=\\s*\\{)"),
+        lookbehind: true
+      },
+      "string": {
+        pattern: string,
+        greedy: true
+      },
+      "property": {
+        pattern: /(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,
+        lookbehind: true
+      },
+      "important": /!important\b/i,
+      "function": {
+        pattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,
+        lookbehind: true
+      },
+      "punctuation": /[(){};:,]/
+    };
+    Prism3.languages.css["atrule"].inside.rest = Prism3.languages.css;
+    var markup = Prism3.languages.markup;
+    if (markup) {
+      markup.tag.addInlined("style", "css");
+      markup.tag.addAttribute("style", "css");
+    }
+  })(Prism2);
+  Prism2.languages.clike = {
+    "comment": [
+      {
+        pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+        lookbehind: true,
+        greedy: true
+      },
+      {
+        pattern: /(^|[^\\:])\/\/.*/,
+        lookbehind: true,
+        greedy: true
       }
-      if (replacements[c2]) {
-        product += replacements[c2];
-        continue;
+    ],
+    "string": {
+      pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+      greedy: true
+    },
+    "class-name": {
+      pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
+      lookbehind: true,
+      inside: {
+        "punctuation": /[.\\]/
       }
-      if (c2 < " ") {
-        let hexString = c2.charCodeAt(0).toString(16);
-        product += "\\x" + ("00" + hexString).substring(hexString.length);
-        continue;
+    },
+    "keyword": /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+    "boolean": /\b(?:false|true)\b/,
+    "function": /\b\w+(?=\()/,
+    "number": /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
+    "operator": /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+    "punctuation": /[{}[\];(),.:]/
+  };
+  Prism2.languages.javascript = Prism2.languages.extend("clike", {
+    "class-name": [
+      Prism2.languages.clike["class-name"],
+      {
+        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
+        lookbehind: true
       }
-      product += c2;
-    }
-    const quoteChar = quote || Object.keys(quotes).reduce((a2, b2) => quotes[a2] < quotes[b2] ? a2 : b2);
-    product = product.replace(new RegExp(quoteChar, "g"), replacements[quoteChar]);
-    return quoteChar + product + quoteChar;
-  }
-  function serializeObject(value2) {
-    if (stack2.indexOf(value2) >= 0) {
-      throw TypeError("Converting circular structure to JSON5");
-    }
-    stack2.push(value2);
-    let stepback = indent;
-    indent = indent + gap;
-    let keys = propertyList || Object.keys(value2);
-    let partial = [];
-    for (const key2 of keys) {
-      const propertyString = serializeProperty(key2, value2);
-      if (propertyString !== void 0) {
-        let member = serializeKey(key2) + ":";
-        if (gap !== "") {
-          member += " ";
-        }
-        member += propertyString;
-        partial.push(member);
+    ],
+    "keyword": [
+      {
+        pattern: /((?:^|\})\s*)catch\b/,
+        lookbehind: true
+      },
+      {
+        pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+        lookbehind: true
       }
-    }
-    let final;
-    if (partial.length === 0) {
-      final = "{}";
-    } else {
-      let properties;
-      if (gap === "") {
-        properties = partial.join(",");
-        final = "{" + properties + "}";
-      } else {
-        let separator = ",\n" + indent;
-        properties = partial.join(separator);
-        final = "{\n" + indent + properties + ",\n" + stepback + "}";
+    ],
+    // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
+    "function": /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+    "number": {
+      pattern: RegExp(
+        /(^|[^\w$])/.source + "(?:" + // constant
+        (/NaN|Infinity/.source + "|" + // binary integer
+        /0[bB][01]+(?:_[01]+)*n?/.source + "|" + // octal integer
+        /0[oO][0-7]+(?:_[0-7]+)*n?/.source + "|" + // hexadecimal integer
+        /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + "|" + // decimal bigint
+        /\d+(?:_\d+)*n/.source + "|" + // decimal number (integer or float) but no bigint
+        /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ")" + /(?![\w$])/.source
+      ),
+      lookbehind: true
+    },
+    "operator": /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+  });
+  Prism2.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+  Prism2.languages.insertBefore("javascript", "keyword", {
+    "regex": {
+      pattern: RegExp(
+        // lookbehind
+        // eslint-disable-next-line regexp/no-dupe-characters-character-class
+        /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source + // Regex pattern:
+        // There are 2 regex patterns here. The RegExp set notation proposal added support for nested character
+        // classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible
+        // with the only syntax, so we have to define 2 different regex patterns.
+        /\//.source + "(?:" + /(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source + "|" + // `v` flag syntax. This supports 3 levels of nested character classes.
+        /(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source + ")" + // lookahead
+        /(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source
+      ),
+      lookbehind: true,
+      greedy: true,
+      inside: {
+        "regex-source": {
+          pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+          lookbehind: true,
+          alias: "language-regex",
+          inside: Prism2.languages.regex
+        },
+        "regex-delimiter": /^\/|\/$/,
+        "regex-flags": /^[a-z]+$/
       }
-    }
-    stack2.pop();
-    indent = stepback;
-    return final;
-  }
-  function serializeKey(key2) {
-    if (key2.length === 0) {
-      return quoteString(key2);
-    }
-    const firstChar = String.fromCodePoint(key2.codePointAt(0));
-    if (!util.isIdStartChar(firstChar)) {
-      return quoteString(key2);
-    }
-    for (let i2 = firstChar.length; i2 < key2.length; i2++) {
-      if (!util.isIdContinueChar(String.fromCodePoint(key2.codePointAt(i2)))) {
-        return quoteString(key2);
+    },
+    // This must be declared before keyword because we use "function" inside the look-forward
+    "function-variable": {
+      pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,
+      alias: "function"
+    },
+    "parameter": [
+      {
+        pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
+        lookbehind: true,
+        inside: Prism2.languages.javascript
+      },
+      {
+        pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
+        lookbehind: true,
+        inside: Prism2.languages.javascript
+      },
+      {
+        pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
+        lookbehind: true,
+        inside: Prism2.languages.javascript
+      },
+      {
+        pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
+        lookbehind: true,
+        inside: Prism2.languages.javascript
       }
-    }
-    return key2;
-  }
-  function serializeArray(value2) {
-    if (stack2.indexOf(value2) >= 0) {
-      throw TypeError("Converting circular structure to JSON5");
-    }
-    stack2.push(value2);
-    let stepback = indent;
-    indent = indent + gap;
-    let partial = [];
-    for (let i2 = 0; i2 < value2.length; i2++) {
-      const propertyString = serializeProperty(String(i2), value2);
-      partial.push(propertyString !== void 0 ? propertyString : "null");
-    }
-    let final;
-    if (partial.length === 0) {
-      final = "[]";
-    } else {
-      if (gap === "") {
-        let properties = partial.join(",");
-        final = "[" + properties + "]";
-      } else {
-        let separator = ",\n" + indent;
-        let properties = partial.join(separator);
-        final = "[\n" + indent + properties + ",\n" + stepback + "]";
+    ],
+    "constant": /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+  });
+  Prism2.languages.insertBefore("javascript", "string", {
+    "hashbang": {
+      pattern: /^#!.*/,
+      greedy: true,
+      alias: "comment"
+    },
+    "template-string": {
+      pattern: /`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,
+      greedy: true,
+      inside: {
+        "template-punctuation": {
+          pattern: /^`|`$/,
+          alias: "string"
+        },
+        "interpolation": {
+          pattern: /((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,
+          lookbehind: true,
+          inside: {
+            "interpolation-punctuation": {
+              pattern: /^\$\{|\}$/,
+              alias: "punctuation"
+            },
+            rest: Prism2.languages.javascript
+          }
+        },
+        "string": /[\s\S]+/
       }
-    }
-    stack2.pop();
-    indent = stepback;
-    return final;
-  }
-};
-const JSON5 = {
-  parse,
-  stringify
-};
-var lib = JSON5;
-var kMethodEvalLogs = "eval_logs";
-var kMethodEvalLog = "eval_log";
-var kMethodEvalLogHeaders = "eval_log_headers";
-function webViewJsonRpcClient(vscode) {
-  var target = {
-    postMessage: function(data) {
-      vscode.postMessage(data);
     },
-    onMessage: function(handler) {
-      var onMessage = function(ev) {
-        handler(ev.data);
-      };
-      window.addEventListener("message", onMessage);
-      return function() {
-        window.removeEventListener("message", onMessage);
-      };
+    "string-property": {
+      pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+      lookbehind: true,
+      greedy: true,
+      alias: "property"
     }
-  };
-  var request = jsonRpcPostMessageRequestTransport(target).request;
-  return request;
-}
-function jsonRpcPostMessageRequestTransport(target) {
-  var requests = /* @__PURE__ */ new Map();
-  var disconnect = target.onMessage(function(ev) {
-    var response = asJsonRpcResponse(ev);
-    if (response) {
-      var request = requests.get(response.id);
-      if (request) {
-        requests["delete"](response.id);
-        if (response.error) {
-          request.reject(response.error);
-        } else {
-          request.resolve(response.result);
-        }
-      }
+  });
+  Prism2.languages.insertBefore("javascript", "operator", {
+    "literal-property": {
+      pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+      lookbehind: true,
+      alias: "property"
     }
   });
-  return {
-    request: function(method, params) {
-      return new Promise(function(resolve, reject) {
-        var requestId = Math.floor(Math.random() * 1e6);
-        requests.set(requestId, {
-          resolve,
-          reject
-        });
-        var request = {
-          jsonrpc: kJsonRpcVersion,
-          id: requestId,
-          method,
-          params
-        };
-        target.postMessage(request);
-      });
-    },
-    disconnect
-  };
-}
-var kJsonRpcVersion = "2.0";
-function isJsonRpcMessage(message) {
-  var jsMessage = message;
-  return jsMessage.jsonrpc !== void 0 && jsMessage.id !== void 0;
-}
-function asJsonRpcMessage(data) {
-  if (isJsonRpcMessage(data) && data.jsonrpc === kJsonRpcVersion) {
-    return data;
-  } else {
-    return null;
-  }
-}
-function asJsonRpcResponse(data) {
-  var message = asJsonRpcMessage(data);
-  if (message) {
-    return message;
-  } else {
-    return null;
+  if (Prism2.languages.markup) {
+    Prism2.languages.markup.tag.addInlined("script", "javascript");
+    Prism2.languages.markup.tag.addAttribute(
+      /on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,
+      "javascript"
+    );
   }
-}
-const vscodeApi = window.acquireVsCodeApi ? window.acquireVsCodeApi() : void 0;
-const vscodeClient = webViewJsonRpcClient(vscodeApi);
-async function client_events() {
-  return [];
-}
-async function eval_logs() {
-  const response = await vscodeClient(kMethodEvalLogs, []);
-  if (response) {
-    const parsed = lib.parse(response);
-    if (Array.isArray(parsed)) {
-      return {
-        log_dir: "",
-        files: parsed
+  Prism2.languages.js = Prism2.languages.javascript;
+  (function() {
+    if (typeof Prism2 === "undefined" || typeof document === "undefined") {
+      return;
+    }
+    if (!Element.prototype.matches) {
+      Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+    }
+    var LOADING_MESSAGE = "Loading…";
+    var FAILURE_MESSAGE = function(status, message) {
+      return "✖ Error " + status + " while fetching file: " + message;
+    };
+    var FAILURE_EMPTY_MESSAGE = "✖ Error: File does not exist or is empty";
+    var EXTENSIONS = {
+      "js": "javascript",
+      "py": "python",
+      "rb": "ruby",
+      "ps1": "powershell",
+      "psm1": "powershell",
+      "sh": "bash",
+      "bat": "batch",
+      "h": "c",
+      "tex": "latex"
+    };
+    var STATUS_ATTR = "data-src-status";
+    var STATUS_LOADING = "loading";
+    var STATUS_LOADED = "loaded";
+    var STATUS_FAILED = "failed";
+    var SELECTOR = "pre[data-src]:not([" + STATUS_ATTR + '="' + STATUS_LOADED + '"]):not([' + STATUS_ATTR + '="' + STATUS_LOADING + '"])';
+    function loadFile(src, success, error) {
+      var xhr = new XMLHttpRequest();
+      xhr.open("GET", src, true);
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+          if (xhr.status < 400 && xhr.responseText) {
+            success(xhr.responseText);
+          } else {
+            if (xhr.status >= 400) {
+              error(FAILURE_MESSAGE(xhr.status, xhr.statusText));
+            } else {
+              error(FAILURE_EMPTY_MESSAGE);
+            }
+          }
+        }
       };
-    } else {
-      return parsed;
+      xhr.send(null);
     }
-  } else {
-    return void 0;
-  }
-}
-async function eval_log(file, headerOnly, capabilities) {
-  const response = await vscodeClient(kMethodEvalLog, [file, headerOnly]);
-  if (response) {
-    let json;
-    if (capabilities.webWorkers) {
-      json = await asyncJsonParse(response);
-    } else {
-      json = lib.parse(response);
+    function parseRange(range) {
+      var m2 = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(range || "");
+      if (m2) {
+        var start2 = Number(m2[1]);
+        var comma = m2[2];
+        var end2 = m2[3];
+        if (!comma) {
+          return [start2, start2];
+        }
+        if (!end2) {
+          return [start2, void 0];
+        }
+        return [start2, Number(end2)];
+      }
+      return void 0;
     }
-    return {
-      parsed: json,
-      raw: response
-    };
-  } else {
-    return void 0;
-  }
-}
-async function eval_log_headers(files) {
-  const response = await vscodeClient(kMethodEvalLogHeaders, [files]);
-  if (response) {
-    return lib.parse(response);
-  } else {
-    return void 0;
-  }
-}
-async function download_file(logFile) {
-  vscodeApi.postMessage({ type: "openWorkspaceFile", url: logFile });
-}
-const vscodeApi$1 = {
-  client_events,
-  eval_logs,
-  eval_log,
-  eval_log_headers,
-  download_file
-};
-function singleFileHttpApi() {
-  const urlParams = new URLSearchParams(window.location.search);
-  const fetchLogPath = urlParams.get("log_file");
-  if (fetchLogPath) {
-    const api2 = httpApiForFile(fetchLogPath);
-    return api2;
-  }
-}
-function httpApiForFile(logFile) {
-  const getContents = async () => {
-    {
-      const response = await fetch(`${logFile}`, { method: "GET" });
-      if (response.ok) {
-        const text = await response.text();
-        const log = await asyncJsonParse(text);
-        if (log.version === 1) {
-          if (log.results) {
-            log.results.scores = [];
-            log.results.scorer.scorer = log.results.scorer.name;
-            log.results.scores.push(log.results.scorer);
-            delete log.results.scorer;
-            log.results.scores[0].metrics = log.results.metrics;
-            delete log.results.metrics;
-            const scorerName = log.results.scores[0].name;
-            log.samples.forEach((sample) => {
-              sample.scores = { [scorerName]: sample.score };
-              delete sample.score;
-            });
+    Prism2.hooks.add("before-highlightall", function(env) {
+      env.selector += ", " + SELECTOR;
+    });
+    Prism2.hooks.add("before-sanity-check", function(env) {
+      var pre = (
+        /** @type {HTMLPreElement} */
+        env.element
+      );
+      if (pre.matches(SELECTOR)) {
+        env.code = "";
+        pre.setAttribute(STATUS_ATTR, STATUS_LOADING);
+        var code = pre.appendChild(document.createElement("CODE"));
+        code.textContent = LOADING_MESSAGE;
+        var src = pre.getAttribute("data-src");
+        var language = env.language;
+        if (language === "none") {
+          var extension = (/\.(\w+)$/.exec(src) || [, "none"])[1];
+          language = EXTENSIONS[extension] || extension;
+        }
+        Prism2.util.setLanguage(code, language);
+        Prism2.util.setLanguage(pre, language);
+        var autoloader = Prism2.plugins.autoloader;
+        if (autoloader) {
+          autoloader.loadLanguages(language);
+        }
+        loadFile(
+          src,
+          function(text) {
+            pre.setAttribute(STATUS_ATTR, STATUS_LOADED);
+            var range = parseRange(pre.getAttribute("data-range"));
+            if (range) {
+              var lines = text.split(/\r\n?|\n/g);
+              var start2 = range[0];
+              var end2 = range[1] == null ? lines.length : range[1];
+              if (start2 < 0) {
+                start2 += lines.length;
+              }
+              start2 = Math.max(0, Math.min(start2 - 1, lines.length));
+              if (end2 < 0) {
+                end2 += lines.length;
+              }
+              end2 = Math.max(0, Math.min(end2, lines.length));
+              text = lines.slice(start2, end2).join("\n");
+              if (!pre.hasAttribute("data-start")) {
+                pre.setAttribute("data-start", String(start2 + 1));
+              }
+            }
+            code.textContent = text;
+            Prism2.highlightElement(code);
+          },
+          function(error) {
+            pre.setAttribute(STATUS_ATTR, STATUS_FAILED);
+            code.textContent = error;
           }
+        );
+      }
+    });
+    Prism2.plugins.fileHighlight = {
+      /**
+       * Executes the File Highlight plugin for all matching `pre` elements under the given container.
+       *
+       * Note: Elements which are already loaded or currently loading will not be touched by this method.
+       *
+       * @param {ParentNode} [container=document]
+       */
+      highlight: function highlight(container) {
+        var elements = (container || document).querySelectorAll(SELECTOR);
+        for (var i2 = 0, element; element = elements[i2++]; ) {
+          Prism2.highlightElement(element);
         }
-        return {
-          parsed: log,
-          raw: text
-        };
-      } else if (response.status !== 200) {
-        const message = await response.text() || response.statusText;
-        const error = new Error(`Error: ${response.status}: ${message})`);
-        throw error;
-      } else {
-        throw new Error(`${response.status} - ${response.statusText} `);
       }
-    }
+    };
+    var logged = false;
+    Prism2.fileHighlight = function() {
+      if (!logged) {
+        console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead.");
+        logged = true;
+      }
+      Prism2.plugins.fileHighlight.highlight.apply(this, arguments);
+    };
+  })();
+})(prism);
+var prismExports = prism.exports;
+const Prism$1 = /* @__PURE__ */ getDefaultExportFromCjs(prismExports);
+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 m$1`
+    <div
+      ...${{ id }}
+      class="${classes ? classes : ""}"
+      style=${{ width: "100%" }}
+    >
+      <div style=${{ ...emptyStyle, ...style }}>
+        <div>${children || ""}</div>
+      </div>
+    </div>
+  `;
+};
+const TabSet = ({ id, type, classes, tools, styles, children }) => {
+  if (!id) {
+    throw new Error("Tabsets require an id to function properly");
+  }
+  const tabs = children;
+  const tabType = type || "tabs";
+  const tabSetStyle = {
+    alignItems: "space-between"
+  };
+  return m$1`<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} />`;
+};
+const TabPanel = ({
+  id,
+  index,
+  selected,
+  style,
+  scrollable,
+  children
+}) => {
+  const tabContentsId = computeTabContentsId(id, index);
+  return m$1`<div
+    id="${tabContentsId}"
+    class="tab-pane show ${selected ? "active" : ""}"
+    style=${{
+    flex: "1",
+    overflowY: scrollable === void 0 || scrollable ? "auto" : "hidden",
+    ...style
+  }}
+  >
+    ${children}
+  </div>`;
+};
+const Tabs = ({ tabs, type, style }) => {
+  return tabs.map((tab, index) => {
+    return m$1` <${Tab2}
+      type=${type || "tabs"}
+      tab=${tab}
+      index=${index}
+      style=${style}
+    />`;
+  });
+};
+const Tab2 = ({ type, tab, index, style }) => {
+  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"
   };
-  return {
-    client_events: async () => {
-      return Promise.resolve([]);
-    },
-    eval_logs: async () => {
-      const contents = await getContents();
-      const files = [
-        {
-          name: logFile,
-          task: contents.parsed.eval.task,
-          task_id: contents.parsed.eval.task_id
-        }
-      ];
-      return Promise.resolve({
-        files
-      });
-    },
-    eval_log: async () => {
-      return await getContents();
-    },
-    eval_log_headers: async () => {
-      const contents = await getContents();
-      return Promise.resolve([contents.parsed]);
-    },
-    download_file: download_file$1
+  const pillStyle = {
+    ...style
   };
-}
-const api = window.acquireVsCodeApi ? vscodeApi$1 : singleFileHttpApi() || browserApi;
-const DownloadButton = ({ logFile, label, fileName, fileContents }) => {
-  return m$1`<button
-    class="btn btn-outline-primary"
-    style=${{ fontSize: "0.9em", marginTop: "3em" }}
-    onclick=${async () => {
-    await api.download_file(logFile, fileName, fileContents);
+  return m$1`
+    <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: (e2) => {
+      tab.props.onSelected(e2);
+      return false;
+    }
   }}
-  >
-    ${label}
-  </button>`;
+      >
+        ${tab.props.icon ? m$1`<i
+              class="${tab.props.icon}"
+              style=${{ marginRight: "0.5em" }}
+            ></i>` : ""}
+        ${tab.props.title}
+      </button>
+    </li>
+  `;
 };
-const DownloadPanel = ({
-  message,
-  buttonLabel,
-  logFile,
-  fileName,
-  fileContents
-}) => {
+const TabTools = ({ tools }) => {
   return m$1`<div
+    class="tab-tools"
     style=${{
-    display: "grid",
-    gridTemplateRows: "content content",
-    paddingTop: "3em",
-    justifyItems: "center"
+    flexBasis: "auto",
+    marginLeft: "auto",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "end",
+    flexWrap: "wrap",
+    rowGap: "0.3rem"
   }}
   >
-    <div style=${{ fontSize: "0.9rem" }}>${message}</div>
-    <${DownloadButton}
-      label=${buttonLabel}
-      logFile=${logFile}
-      fileName=${fileName}
-      fileContents=${fileContents}
-    />
+    ${tools}
+  </div>`;
+};
+const TabPanels = ({ id, tabs, style }) => {
+  return m$1`<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}`;
+};
+const ToolButton = ({ name, classes, icon, onclick, ...rest }) => {
+  const attr = {
+    type: "button",
+    class: `btn btn-tools ${classes || ""}`,
+    onclick,
+    ...rest
+  };
+  const iconEl = icon ? m$1`<i class="${icon}" style=${{ marginRight: "0.5em" }}></i>` : "";
+  return _("button", attr, m$1`${iconEl}${name}`);
+};
+const ghCommitUrl = (origin, commit) => {
+  const baseUrl = origin.replace(/\.git$/, "");
+  return `${baseUrl}/commit/${commit}`;
+};
+const CardHeader = ({ id, icon, label, classes, style, children }) => {
+  return m$1`<div class="card-header ${classes || ""}" ...${{ id, style }}>
+    ${icon ? m$1`<i
+          class="${icon}"
+          style=${{
+    paddingRight: "0.2rem"
+  }}
+        ></i>` : ""}
+    ${label ? label : ""} ${children}
+  </div> `;
+};
+const CardBody = ({ id, classes, style, children }) => {
+  return m$1`<div class="card-body ${classes || ""}" ...${{ id, style }}>
+    ${children}
   </div>`;
 };
+const Card = ({ id, classes, style, children }) => {
+  return m$1`
+    <div class="card ${classes || ""}" ...${{ id, style }}>${children}</div>
+  `;
+};
 var e, t, r = { exports: {} };
 e = r, t = function(e2, t2) {
   Object.defineProperty(t2, "__esModule", { value: true }), t2.ANSIOutput = t2.ANSIColor = t2.ANSIFont = t2.ANSIStyle = void 0;
@@ -10920,8 +9210,8 @@ const OutputRun = ({ outputRun }) => {
     }
     return cssProperties;
   };
-  const computeForegroundBackgroundColor = (colorType, color2) => {
-    switch (color2) {
+  const computeForegroundBackgroundColor = (colorType, color) => {
+    switch (color) {
       case void 0:
         return {};
       case n.ANSIColor.Black:
@@ -10941,15 +9231,15 @@ const OutputRun = ({ outputRun }) => {
       case n.ANSIColor.BrightCyan:
       case n.ANSIColor.BrightWhite:
         if (colorType === kForeground) {
-          return { color: `var(--${color2})` };
+          return { color: `var(--${color})` };
         } else {
-          return { background: `var(--${color2})` };
+          return { background: `var(--${color})` };
         }
       default:
         if (colorType === kForeground) {
-          return { color: color2 };
+          return { color };
         } else {
-          return { background: color2 };
+          return { background: color };
         }
     }
   };
@@ -10970,85 +9260,6 @@ const OutputRun = ({ outputRun }) => {
     >${outputRun.text}</span
   >`;
 };
-const MetaDataView = ({
-  id: id2,
-  baseClass,
-  classes,
-  style,
-  entries,
-  tableOptions,
-  context,
-  expanded,
-  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: "0.8rem"
-  };
-  const cellKeyTextStyle = {
-    fontSize: "0.8rem"
-  };
-  tableOptions = tableOptions || "sm";
-  const tblClz = (tableOptions || "").split(",").map((option) => {
-    return `table-${option}`;
-  });
-  if (entries && !Array.isArray(entries)) {
-    entries = Object.entries(entries || {}).map(([key2, value]) => {
-      return { name: key2, value };
-    });
-  }
-  const entryEls = (entries || []).map((entry, index) => {
-    const id3 = `${baseId}-value-${index}`;
-    return m$1`<tr class="${baseId}-row">
-      <td
-        class="${baseId}-key"
-        style=${{ ...cellStyle, ...cellKeyStyle, ...cellKeyTextStyle }}
-      >
-        ${entry.name}
-      </td>
-      <td class="${baseId}-value" style=${{ ...cellStyle, ...cellValueStyle }}>
-        <${RenderedContent}
-          id=${id3}
-          entry=${entry}
-          context=${context}
-          options=${{ expanded }}
-        />
-      </td>
-    </tr>`;
-  });
-  return m$1`<table
-    ...${{ id: id2 }}
-    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>`;
-};
 var showdown = { exports: {} };
 (function(module) {
   (function() {
@@ -11353,7 +9564,7 @@ var showdown = { exports: {} };
         if (!showdown2.helper.isArray(ext)) {
           ext = [ext];
         }
-        var validExtension = validate(ext, name);
+        var validExtension = validate2(ext, name);
         if (validExtension.valid) {
           extensions[name] = ext;
         } else {
@@ -11370,7 +9581,7 @@ var showdown = { exports: {} };
     showdown2.resetExtensions = function() {
       extensions = {};
     };
-    function validate(extension, name) {
+    function validate2(extension, name) {
       var errMsg = name ? "Error in " + name + " extension->" : "Error in unnamed extension", ret = {
         valid: true,
         error: ""
@@ -11456,7 +9667,7 @@ var showdown = { exports: {} };
       return ret;
     }
     showdown2.validateExtension = function(ext) {
-      var validateExtension = validate(ext, null);
+      var validateExtension = validate2(ext, null);
       if (!validateExtension.valid) {
         console.warn(validateExtension.error);
         return false;
@@ -12845,5165 +11056,10438 @@ var showdown = { exports: {} };
       "octocat": '<img alt=":octocat:" height="20" width="20" align="absmiddle" src="https://assets-cdn.github.com/images/icons/emoji/octocat.png">',
       "showdown": `<span style="font-family: 'Anonymous Pro', monospace; text-decoration: underline; text-decoration-style: dashed; text-decoration-color: #3e8b8a;text-underline-position: under;">S</span>`
     };
-    showdown2.Converter = function(converterOptions) {
-      var options = {}, langExtensions = [], outputModifiers = [], listeners = {}, setConvFlavor = setFlavor, metadata = {
-        parsed: {},
-        raw: "",
-        format: ""
+    showdown2.Converter = function(converterOptions) {
+      var options = {}, langExtensions = [], outputModifiers = [], listeners = {}, setConvFlavor = setFlavor, metadata = {
+        parsed: {},
+        raw: "",
+        format: ""
+      };
+      _constructor();
+      function _constructor() {
+        converterOptions = converterOptions || {};
+        for (var gOpt in globalOptions) {
+          if (globalOptions.hasOwnProperty(gOpt)) {
+            options[gOpt] = globalOptions[gOpt];
+          }
+        }
+        if (typeof converterOptions === "object") {
+          for (var opt in converterOptions) {
+            if (converterOptions.hasOwnProperty(opt)) {
+              options[opt] = converterOptions[opt];
+            }
+          }
+        } else {
+          throw Error("Converter expects the passed parameter to be an object, but " + typeof converterOptions + " was passed instead.");
+        }
+        if (options.extensions) {
+          showdown2.helper.forEach(options.extensions, _parseExtension);
+        }
+      }
+      function _parseExtension(ext, name) {
+        name = name || null;
+        if (showdown2.helper.isString(ext)) {
+          ext = showdown2.helper.stdExtName(ext);
+          name = ext;
+          if (showdown2.extensions[ext]) {
+            console.warn("DEPRECATION WARNING: " + ext + " is an old extension that uses a deprecated loading method.Please inform the developer that the extension should be updated!");
+            legacyExtensionLoading(showdown2.extensions[ext], ext);
+            return;
+          } else if (!showdown2.helper.isUndefined(extensions[ext])) {
+            ext = extensions[ext];
+          } else {
+            throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
+          }
+        }
+        if (typeof ext === "function") {
+          ext = ext();
+        }
+        if (!showdown2.helper.isArray(ext)) {
+          ext = [ext];
+        }
+        var validExt = validate2(ext, name);
+        if (!validExt.valid) {
+          throw Error(validExt.error);
+        }
+        for (var i2 = 0; i2 < ext.length; ++i2) {
+          switch (ext[i2].type) {
+            case "lang":
+              langExtensions.push(ext[i2]);
+              break;
+            case "output":
+              outputModifiers.push(ext[i2]);
+              break;
+          }
+          if (ext[i2].hasOwnProperty("listeners")) {
+            for (var ln in ext[i2].listeners) {
+              if (ext[i2].listeners.hasOwnProperty(ln)) {
+                listen(ln, ext[i2].listeners[ln]);
+              }
+            }
+          }
+        }
+      }
+      function legacyExtensionLoading(ext, name) {
+        if (typeof ext === "function") {
+          ext = ext(new showdown2.Converter());
+        }
+        if (!showdown2.helper.isArray(ext)) {
+          ext = [ext];
+        }
+        var valid = validate2(ext, name);
+        if (!valid.valid) {
+          throw Error(valid.error);
+        }
+        for (var i2 = 0; i2 < ext.length; ++i2) {
+          switch (ext[i2].type) {
+            case "lang":
+              langExtensions.push(ext[i2]);
+              break;
+            case "output":
+              outputModifiers.push(ext[i2]);
+              break;
+            default:
+              throw Error("Extension loader error: Type unrecognized!!!");
+          }
+        }
+      }
+      function listen(name, callback) {
+        if (!showdown2.helper.isString(name)) {
+          throw Error("Invalid argument in converter.listen() method: name must be a string, but " + typeof name + " given");
+        }
+        if (typeof callback !== "function") {
+          throw Error("Invalid argument in converter.listen() method: callback must be a function, but " + typeof callback + " given");
+        }
+        if (!listeners.hasOwnProperty(name)) {
+          listeners[name] = [];
+        }
+        listeners[name].push(callback);
+      }
+      function rTrimInputText(text) {
+        var rsp = text.match(/^\s*/)[0].length, rgx = new RegExp("^\\s{0," + rsp + "}", "gm");
+        return text.replace(rgx, "");
+      }
+      this._dispatch = function dispatch(evtName, text, options2, globals) {
+        if (listeners.hasOwnProperty(evtName)) {
+          for (var ei = 0; ei < listeners[evtName].length; ++ei) {
+            var nText = listeners[evtName][ei](evtName, text, this, options2, globals);
+            if (nText && typeof nText !== "undefined") {
+              text = nText;
+            }
+          }
+        }
+        return text;
+      };
+      this.listen = function(name, callback) {
+        listen(name, callback);
+        return this;
+      };
+      this.makeHtml = function(text) {
+        if (!text) {
+          return text;
+        }
+        var globals = {
+          gHtmlBlocks: [],
+          gHtmlMdBlocks: [],
+          gHtmlSpans: [],
+          gUrls: {},
+          gTitles: {},
+          gDimensions: {},
+          gListLevel: 0,
+          hashLinkCounts: {},
+          langExtensions,
+          outputModifiers,
+          converter: this,
+          ghCodeBlocks: [],
+          metadata: {
+            parsed: {},
+            raw: "",
+            format: ""
+          }
+        };
+        text = text.replace(/¨/g, "¨T");
+        text = text.replace(/\$/g, "¨D");
+        text = text.replace(/\r\n/g, "\n");
+        text = text.replace(/\r/g, "\n");
+        text = text.replace(/\u00A0/g, "&nbsp;");
+        if (options.smartIndentationFix) {
+          text = rTrimInputText(text);
+        }
+        text = "\n\n" + text + "\n\n";
+        text = showdown2.subParser("detab")(text, options, globals);
+        text = text.replace(/^[ \t]+$/mg, "");
+        showdown2.helper.forEach(langExtensions, function(ext) {
+          text = showdown2.subParser("runExtension")(ext, text, options, globals);
+        });
+        text = showdown2.subParser("metadata")(text, options, globals);
+        text = showdown2.subParser("hashPreCodeTags")(text, options, globals);
+        text = showdown2.subParser("githubCodeBlocks")(text, options, globals);
+        text = showdown2.subParser("hashHTMLBlocks")(text, options, globals);
+        text = showdown2.subParser("hashCodeTags")(text, options, globals);
+        text = showdown2.subParser("stripLinkDefinitions")(text, options, globals);
+        text = showdown2.subParser("blockGamut")(text, options, globals);
+        text = showdown2.subParser("unhashHTMLSpans")(text, options, globals);
+        text = showdown2.subParser("unescapeSpecialChars")(text, options, globals);
+        text = text.replace(/¨D/g, "$$");
+        text = text.replace(/¨T/g, "¨");
+        text = showdown2.subParser("completeHTMLDocument")(text, options, globals);
+        showdown2.helper.forEach(outputModifiers, function(ext) {
+          text = showdown2.subParser("runExtension")(ext, text, options, globals);
+        });
+        metadata = globals.metadata;
+        return text;
+      };
+      this.makeMarkdown = this.makeMd = function(src, HTMLParser) {
+        src = src.replace(/\r\n/g, "\n");
+        src = src.replace(/\r/g, "\n");
+        src = src.replace(/>[ \t]+</, ">¨NBSP;<");
+        if (!HTMLParser) {
+          if (window && window.document) {
+            HTMLParser = window.document;
+          } else {
+            throw new Error("HTMLParser is undefined. If in a webworker or nodejs environment, you need to provide a WHATWG DOM and HTML such as JSDOM");
+          }
+        }
+        var doc = HTMLParser.createElement("div");
+        doc.innerHTML = src;
+        var globals = {
+          preList: substitutePreCodeTags(doc)
+        };
+        clean(doc);
+        var nodes = doc.childNodes, mdDoc = "";
+        for (var i2 = 0; i2 < nodes.length; i2++) {
+          mdDoc += showdown2.subParser("makeMarkdown.node")(nodes[i2], globals);
+        }
+        function clean(node) {
+          for (var n2 = 0; n2 < node.childNodes.length; ++n2) {
+            var child = node.childNodes[n2];
+            if (child.nodeType === 3) {
+              if (!/\S/.test(child.nodeValue) && !/^[ ]+$/.test(child.nodeValue)) {
+                node.removeChild(child);
+                --n2;
+              } else {
+                child.nodeValue = child.nodeValue.split("\n").join(" ");
+                child.nodeValue = child.nodeValue.replace(/(\s)+/g, "$1");
+              }
+            } else if (child.nodeType === 1) {
+              clean(child);
+            }
+          }
+        }
+        function substitutePreCodeTags(doc2) {
+          var pres = doc2.querySelectorAll("pre"), presPH = [];
+          for (var i3 = 0; i3 < pres.length; ++i3) {
+            if (pres[i3].childElementCount === 1 && pres[i3].firstChild.tagName.toLowerCase() === "code") {
+              var content = pres[i3].firstChild.innerHTML.trim(), language = pres[i3].firstChild.getAttribute("data-language") || "";
+              if (language === "") {
+                var classes = pres[i3].firstChild.className.split(" ");
+                for (var c2 = 0; c2 < classes.length; ++c2) {
+                  var matches = classes[c2].match(/^language-(.+)$/);
+                  if (matches !== null) {
+                    language = matches[1];
+                    break;
+                  }
+                }
+              }
+              content = showdown2.helper.unescapeHTMLEntities(content);
+              presPH.push(content);
+              pres[i3].outerHTML = '<precode language="' + language + '" precodenum="' + i3.toString() + '"></precode>';
+            } else {
+              presPH.push(pres[i3].innerHTML);
+              pres[i3].innerHTML = "";
+              pres[i3].setAttribute("prenum", i3.toString());
+            }
+          }
+          return presPH;
+        }
+        return mdDoc;
+      };
+      this.setOption = function(key2, value) {
+        options[key2] = value;
+      };
+      this.getOption = function(key2) {
+        return options[key2];
+      };
+      this.getOptions = function() {
+        return options;
+      };
+      this.addExtension = function(extension, name) {
+        name = name || null;
+        _parseExtension(extension, name);
+      };
+      this.useExtension = function(extensionName) {
+        _parseExtension(extensionName);
+      };
+      this.setFlavor = function(name) {
+        if (!flavor.hasOwnProperty(name)) {
+          throw Error(name + " flavor was not found");
+        }
+        var preset = flavor[name];
+        setConvFlavor = name;
+        for (var option in preset) {
+          if (preset.hasOwnProperty(option)) {
+            options[option] = preset[option];
+          }
+        }
+      };
+      this.getFlavor = function() {
+        return setConvFlavor;
+      };
+      this.removeExtension = function(extension) {
+        if (!showdown2.helper.isArray(extension)) {
+          extension = [extension];
+        }
+        for (var a2 = 0; a2 < extension.length; ++a2) {
+          var ext = extension[a2];
+          for (var i2 = 0; i2 < langExtensions.length; ++i2) {
+            if (langExtensions[i2] === ext) {
+              langExtensions.splice(i2, 1);
+            }
+          }
+          for (var ii = 0; ii < outputModifiers.length; ++ii) {
+            if (outputModifiers[ii] === ext) {
+              outputModifiers.splice(ii, 1);
+            }
+          }
+        }
+      };
+      this.getAllExtensions = function() {
+        return {
+          language: langExtensions,
+          output: outputModifiers
+        };
+      };
+      this.getMetadata = function(raw) {
+        if (raw) {
+          return metadata.raw;
+        } else {
+          return metadata.parsed;
+        }
+      };
+      this.getMetadataFormat = function() {
+        return metadata.format;
+      };
+      this._setMetadataPair = function(key2, value) {
+        metadata.parsed[key2] = value;
+      };
+      this._setMetadataFormat = function(format2) {
+        metadata.format = format2;
+      };
+      this._setMetadataRaw = function(raw) {
+        metadata.raw = raw;
+      };
+    };
+    showdown2.subParser("anchors", function(text, options, globals) {
+      text = globals.converter._dispatch("anchors.before", text, options, globals);
+      var writeAnchorTag = function(wholeMatch, linkText, linkId, url, m5, m6, title) {
+        if (showdown2.helper.isUndefined(title)) {
+          title = "";
+        }
+        linkId = linkId.toLowerCase();
+        if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
+          url = "";
+        } else if (!url) {
+          if (!linkId) {
+            linkId = linkText.toLowerCase().replace(/ ?\n/g, " ");
+          }
+          url = "#" + linkId;
+          if (!showdown2.helper.isUndefined(globals.gUrls[linkId])) {
+            url = globals.gUrls[linkId];
+            if (!showdown2.helper.isUndefined(globals.gTitles[linkId])) {
+              title = globals.gTitles[linkId];
+            }
+          } else {
+            return wholeMatch;
+          }
+        }
+        url = url.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+        var result = '<a href="' + url + '"';
+        if (title !== "" && title !== null) {
+          title = title.replace(/"/g, "&quot;");
+          title = title.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+          result += ' title="' + title + '"';
+        }
+        if (options.openLinksInNewWindow && !/^#/.test(url)) {
+          result += ' rel="noopener noreferrer" target="¨E95Eblank"';
+        }
+        result += ">" + linkText + "</a>";
+        return result;
+      };
+      text = text.replace(/\[((?:\[[^\]]*]|[^\[\]])*)] ?(?:\n *)?\[(.*?)]()()()()/g, writeAnchorTag);
+      text = text.replace(
+        /\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<([^>]*)>(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
+        writeAnchorTag
+      );
+      text = text.replace(
+        /\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
+        writeAnchorTag
+      );
+      text = text.replace(/\[([^\[\]]+)]()()()()()/g, writeAnchorTag);
+      if (options.ghMentions) {
+        text = text.replace(/(^|\s)(\\)?(@([a-z\d]+(?:[a-z\d.-]+?[a-z\d]+)*))/gmi, function(wm, st, escape2, mentions, username) {
+          if (escape2 === "\\") {
+            return st + mentions;
+          }
+          if (!showdown2.helper.isString(options.ghMentionsLink)) {
+            throw new Error("ghMentionsLink option must be a string");
+          }
+          var lnk = options.ghMentionsLink.replace(/\{u}/g, username), target = "";
+          if (options.openLinksInNewWindow) {
+            target = ' rel="noopener noreferrer" target="¨E95Eblank"';
+          }
+          return st + '<a href="' + lnk + '"' + target + ">" + mentions + "</a>";
+        });
+      }
+      text = globals.converter._dispatch("anchors.after", text, options, globals);
+      return text;
+    });
+    var simpleURLRegex = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+?\.[^'">\s]+?)()(\1)?(?=\s|$)(?!["<>])/gi, simpleURLRegex2 = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+?)([.!?,()\[\]])?(\1)?(?=\s|$)(?!["<>])/gi, delimUrlRegex = /()<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)()>()/gi, simpleMailRegex = /(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gmi, delimMailRegex = /<()(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi, replaceLink = function(options) {
+      return function(wm, leadingMagicChars, link, m2, m3, trailingPunctuation, trailingMagicChars) {
+        link = link.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+        var lnkTxt = link, append = "", target = "", lmc = leadingMagicChars || "", tmc = trailingMagicChars || "";
+        if (/^www\./i.test(link)) {
+          link = link.replace(/^www\./i, "http://www.");
+        }
+        if (options.excludeTrailingPunctuationFromURLs && trailingPunctuation) {
+          append = trailingPunctuation;
+        }
+        if (options.openLinksInNewWindow) {
+          target = ' rel="noopener noreferrer" target="¨E95Eblank"';
+        }
+        return lmc + '<a href="' + link + '"' + target + ">" + lnkTxt + "</a>" + append + tmc;
+      };
+    }, replaceMail = function(options, globals) {
+      return function(wholeMatch, b2, mail) {
+        var href = "mailto:";
+        b2 = b2 || "";
+        mail = showdown2.subParser("unescapeSpecialChars")(mail, options, globals);
+        if (options.encodeEmails) {
+          href = showdown2.helper.encodeEmailAddress(href + mail);
+          mail = showdown2.helper.encodeEmailAddress(mail);
+        } else {
+          href = href + mail;
+        }
+        return b2 + '<a href="' + href + '">' + mail + "</a>";
+      };
+    };
+    showdown2.subParser("autoLinks", function(text, options, globals) {
+      text = globals.converter._dispatch("autoLinks.before", text, options, globals);
+      text = text.replace(delimUrlRegex, replaceLink(options));
+      text = text.replace(delimMailRegex, replaceMail(options, globals));
+      text = globals.converter._dispatch("autoLinks.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("simplifiedAutoLinks", function(text, options, globals) {
+      if (!options.simplifiedAutoLink) {
+        return text;
+      }
+      text = globals.converter._dispatch("simplifiedAutoLinks.before", text, options, globals);
+      if (options.excludeTrailingPunctuationFromURLs) {
+        text = text.replace(simpleURLRegex2, replaceLink(options));
+      } else {
+        text = text.replace(simpleURLRegex, replaceLink(options));
+      }
+      text = text.replace(simpleMailRegex, replaceMail(options, globals));
+      text = globals.converter._dispatch("simplifiedAutoLinks.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("blockGamut", function(text, options, globals) {
+      text = globals.converter._dispatch("blockGamut.before", text, options, globals);
+      text = showdown2.subParser("blockQuotes")(text, options, globals);
+      text = showdown2.subParser("headers")(text, options, globals);
+      text = showdown2.subParser("horizontalRule")(text, options, globals);
+      text = showdown2.subParser("lists")(text, options, globals);
+      text = showdown2.subParser("codeBlocks")(text, options, globals);
+      text = showdown2.subParser("tables")(text, options, globals);
+      text = showdown2.subParser("hashHTMLBlocks")(text, options, globals);
+      text = showdown2.subParser("paragraphs")(text, options, globals);
+      text = globals.converter._dispatch("blockGamut.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("blockQuotes", function(text, options, globals) {
+      text = globals.converter._dispatch("blockQuotes.before", text, options, globals);
+      text = text + "\n\n";
+      var rgx = /(^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+/gm;
+      if (options.splitAdjacentBlockquotes) {
+        rgx = /^ {0,3}>[\s\S]*?(?:\n\n)/gm;
+      }
+      text = text.replace(rgx, function(bq) {
+        bq = bq.replace(/^[ \t]*>[ \t]?/gm, "");
+        bq = bq.replace(/¨0/g, "");
+        bq = bq.replace(/^[ \t]+$/gm, "");
+        bq = showdown2.subParser("githubCodeBlocks")(bq, options, globals);
+        bq = showdown2.subParser("blockGamut")(bq, options, globals);
+        bq = bq.replace(/(^|\n)/g, "$1  ");
+        bq = bq.replace(/(\s*<pre>[^\r]+?<\/pre>)/gm, function(wholeMatch, m1) {
+          var pre = m1;
+          pre = pre.replace(/^  /mg, "¨0");
+          pre = pre.replace(/¨0/g, "");
+          return pre;
+        });
+        return showdown2.subParser("hashBlock")("<blockquote>\n" + bq + "\n</blockquote>", options, globals);
+      });
+      text = globals.converter._dispatch("blockQuotes.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("codeBlocks", function(text, options, globals) {
+      text = globals.converter._dispatch("codeBlocks.before", text, options, globals);
+      text += "¨0";
+      var pattern = /(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g;
+      text = text.replace(pattern, function(wholeMatch, m1, m2) {
+        var codeblock = m1, nextChar = m2, end2 = "\n";
+        codeblock = showdown2.subParser("outdent")(codeblock, options, globals);
+        codeblock = showdown2.subParser("encodeCode")(codeblock, options, globals);
+        codeblock = showdown2.subParser("detab")(codeblock, options, globals);
+        codeblock = codeblock.replace(/^\n+/g, "");
+        codeblock = codeblock.replace(/\n+$/g, "");
+        if (options.omitExtraWLInCodeBlocks) {
+          end2 = "";
+        }
+        codeblock = "<pre><code>" + codeblock + end2 + "</code></pre>";
+        return showdown2.subParser("hashBlock")(codeblock, options, globals) + nextChar;
+      });
+      text = text.replace(/¨0/, "");
+      text = globals.converter._dispatch("codeBlocks.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("codeSpans", function(text, options, globals) {
+      text = globals.converter._dispatch("codeSpans.before", text, options, globals);
+      if (typeof text === "undefined") {
+        text = "";
+      }
+      text = text.replace(
+        /(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
+        function(wholeMatch, m1, m2, m3) {
+          var c2 = m3;
+          c2 = c2.replace(/^([ \t]*)/g, "");
+          c2 = c2.replace(/[ \t]*$/g, "");
+          c2 = showdown2.subParser("encodeCode")(c2, options, globals);
+          c2 = m1 + "<code>" + c2 + "</code>";
+          c2 = showdown2.subParser("hashHTMLSpans")(c2, options, globals);
+          return c2;
+        }
+      );
+      text = globals.converter._dispatch("codeSpans.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("completeHTMLDocument", function(text, options, globals) {
+      if (!options.completeHTMLDocument) {
+        return text;
+      }
+      text = globals.converter._dispatch("completeHTMLDocument.before", text, options, globals);
+      var doctype = "html", doctypeParsed = "<!DOCTYPE HTML>\n", title = "", charset = '<meta charset="utf-8">\n', lang = "", metadata = "";
+      if (typeof globals.metadata.parsed.doctype !== "undefined") {
+        doctypeParsed = "<!DOCTYPE " + globals.metadata.parsed.doctype + ">\n";
+        doctype = globals.metadata.parsed.doctype.toString().toLowerCase();
+        if (doctype === "html" || doctype === "html5") {
+          charset = '<meta charset="utf-8">';
+        }
+      }
+      for (var meta in globals.metadata.parsed) {
+        if (globals.metadata.parsed.hasOwnProperty(meta)) {
+          switch (meta.toLowerCase()) {
+            case "doctype":
+              break;
+            case "title":
+              title = "<title>" + globals.metadata.parsed.title + "</title>\n";
+              break;
+            case "charset":
+              if (doctype === "html" || doctype === "html5") {
+                charset = '<meta charset="' + globals.metadata.parsed.charset + '">\n';
+              } else {
+                charset = '<meta name="charset" content="' + globals.metadata.parsed.charset + '">\n';
+              }
+              break;
+            case "language":
+            case "lang":
+              lang = ' lang="' + globals.metadata.parsed[meta] + '"';
+              metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
+              break;
+            default:
+              metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
+          }
+        }
+      }
+      text = doctypeParsed + "<html" + lang + ">\n<head>\n" + title + charset + metadata + "</head>\n<body>\n" + text.trim() + "\n</body>\n</html>";
+      text = globals.converter._dispatch("completeHTMLDocument.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("detab", function(text, options, globals) {
+      text = globals.converter._dispatch("detab.before", text, options, globals);
+      text = text.replace(/\t(?=\t)/g, "    ");
+      text = text.replace(/\t/g, "¨A¨B");
+      text = text.replace(/¨B(.+?)¨A/g, function(wholeMatch, m1) {
+        var leadingText = m1, numSpaces = 4 - leadingText.length % 4;
+        for (var i2 = 0; i2 < numSpaces; i2++) {
+          leadingText += " ";
+        }
+        return leadingText;
+      });
+      text = text.replace(/¨A/g, "    ");
+      text = text.replace(/¨B/g, "");
+      text = globals.converter._dispatch("detab.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("ellipsis", function(text, options, globals) {
+      if (!options.ellipsis) {
+        return text;
+      }
+      text = globals.converter._dispatch("ellipsis.before", text, options, globals);
+      text = text.replace(/\.\.\./g, "…");
+      text = globals.converter._dispatch("ellipsis.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("emoji", function(text, options, globals) {
+      if (!options.emoji) {
+        return text;
+      }
+      text = globals.converter._dispatch("emoji.before", text, options, globals);
+      var emojiRgx = /:([\S]+?):/g;
+      text = text.replace(emojiRgx, function(wm, emojiCode) {
+        if (showdown2.helper.emojis.hasOwnProperty(emojiCode)) {
+          return showdown2.helper.emojis[emojiCode];
+        }
+        return wm;
+      });
+      text = globals.converter._dispatch("emoji.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("encodeAmpsAndAngles", function(text, options, globals) {
+      text = globals.converter._dispatch("encodeAmpsAndAngles.before", text, options, globals);
+      text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, "&amp;");
+      text = text.replace(/<(?![a-z\/?$!])/gi, "&lt;");
+      text = text.replace(/</g, "&lt;");
+      text = text.replace(/>/g, "&gt;");
+      text = globals.converter._dispatch("encodeAmpsAndAngles.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("encodeBackslashEscapes", function(text, options, globals) {
+      text = globals.converter._dispatch("encodeBackslashEscapes.before", text, options, globals);
+      text = text.replace(/\\(\\)/g, showdown2.helper.escapeCharactersCallback);
+      text = text.replace(/\\([`*_{}\[\]()>#+.!~=|:-])/g, showdown2.helper.escapeCharactersCallback);
+      text = globals.converter._dispatch("encodeBackslashEscapes.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("encodeCode", function(text, options, globals) {
+      text = globals.converter._dispatch("encodeCode.before", text, options, globals);
+      text = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/([*_{}\[\]\\=~-])/g, showdown2.helper.escapeCharactersCallback);
+      text = globals.converter._dispatch("encodeCode.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("escapeSpecialCharsWithinTagAttributes", function(text, options, globals) {
+      text = globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.before", text, options, globals);
+      var tags = /<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi, comments = /<!(--(?:(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--)>/gi;
+      text = text.replace(tags, function(wholeMatch) {
+        return wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`").replace(/([\\`*_~=|])/g, showdown2.helper.escapeCharactersCallback);
+      });
+      text = text.replace(comments, function(wholeMatch) {
+        return wholeMatch.replace(/([\\`*_~=|])/g, showdown2.helper.escapeCharactersCallback);
+      });
+      text = globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("githubCodeBlocks", function(text, options, globals) {
+      if (!options.ghCodeBlocks) {
+        return text;
+      }
+      text = globals.converter._dispatch("githubCodeBlocks.before", text, options, globals);
+      text += "¨0";
+      text = text.replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g, function(wholeMatch, delim, language, codeblock) {
+        var end2 = options.omitExtraWLInCodeBlocks ? "" : "\n";
+        codeblock = showdown2.subParser("encodeCode")(codeblock, options, globals);
+        codeblock = showdown2.subParser("detab")(codeblock, options, globals);
+        codeblock = codeblock.replace(/^\n+/g, "");
+        codeblock = codeblock.replace(/\n+$/g, "");
+        codeblock = "<pre><code" + (language ? ' class="' + language + " language-" + language + '"' : "") + ">" + codeblock + end2 + "</code></pre>";
+        codeblock = showdown2.subParser("hashBlock")(codeblock, options, globals);
+        return "\n\n¨G" + (globals.ghCodeBlocks.push({ text: wholeMatch, codeblock }) - 1) + "G\n\n";
+      });
+      text = text.replace(/¨0/, "");
+      return globals.converter._dispatch("githubCodeBlocks.after", text, options, globals);
+    });
+    showdown2.subParser("hashBlock", function(text, options, globals) {
+      text = globals.converter._dispatch("hashBlock.before", text, options, globals);
+      text = text.replace(/(^\n+|\n+$)/g, "");
+      text = "\n\n¨K" + (globals.gHtmlBlocks.push(text) - 1) + "K\n\n";
+      text = globals.converter._dispatch("hashBlock.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("hashCodeTags", function(text, options, globals) {
+      text = globals.converter._dispatch("hashCodeTags.before", text, options, globals);
+      var repFunc = function(wholeMatch, match, left2, right2) {
+        var codeblock = left2 + showdown2.subParser("encodeCode")(match, options, globals) + right2;
+        return "¨C" + (globals.gHtmlSpans.push(codeblock) - 1) + "C";
+      };
+      text = showdown2.helper.replaceRecursiveRegExp(text, repFunc, "<code\\b[^>]*>", "</code>", "gim");
+      text = globals.converter._dispatch("hashCodeTags.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("hashElement", function(text, options, globals) {
+      return function(wholeMatch, m1) {
+        var blockText = m1;
+        blockText = blockText.replace(/\n\n/g, "\n");
+        blockText = blockText.replace(/^\n/, "");
+        blockText = blockText.replace(/\n+$/g, "");
+        blockText = "\n\n¨K" + (globals.gHtmlBlocks.push(blockText) - 1) + "K\n\n";
+        return blockText;
+      };
+    });
+    showdown2.subParser("hashHTMLBlocks", function(text, options, globals) {
+      text = globals.converter._dispatch("hashHTMLBlocks.before", text, options, globals);
+      var blockTags = [
+        "pre",
+        "div",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "blockquote",
+        "table",
+        "dl",
+        "ol",
+        "ul",
+        "script",
+        "noscript",
+        "form",
+        "fieldset",
+        "iframe",
+        "math",
+        "style",
+        "section",
+        "header",
+        "footer",
+        "nav",
+        "article",
+        "aside",
+        "address",
+        "audio",
+        "canvas",
+        "figure",
+        "hgroup",
+        "output",
+        "video",
+        "p"
+      ], repFunc = function(wholeMatch, match, left2, right2) {
+        var txt = wholeMatch;
+        if (left2.search(/\bmarkdown\b/) !== -1) {
+          txt = left2 + globals.converter.makeHtml(match) + right2;
+        }
+        return "\n\n¨K" + (globals.gHtmlBlocks.push(txt) - 1) + "K\n\n";
+      };
+      if (options.backslashEscapesHTMLTags) {
+        text = text.replace(/\\<(\/?[^>]+?)>/g, function(wm, inside) {
+          return "&lt;" + inside + "&gt;";
+        });
+      }
+      for (var i2 = 0; i2 < blockTags.length; ++i2) {
+        var opTagPos, rgx1 = new RegExp("^ {0,3}(<" + blockTags[i2] + "\\b[^>]*>)", "im"), patLeft = "<" + blockTags[i2] + "\\b[^>]*>", patRight = "</" + blockTags[i2] + ">";
+        while ((opTagPos = showdown2.helper.regexIndexOf(text, rgx1)) !== -1) {
+          var subTexts = showdown2.helper.splitAtIndex(text, opTagPos), newSubText1 = showdown2.helper.replaceRecursiveRegExp(subTexts[1], repFunc, patLeft, patRight, "im");
+          if (newSubText1 === subTexts[1]) {
+            break;
+          }
+          text = subTexts[0].concat(newSubText1);
+        }
+      }
+      text = text.replace(
+        /(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,
+        showdown2.subParser("hashElement")(text, options, globals)
+      );
+      text = showdown2.helper.replaceRecursiveRegExp(text, function(txt) {
+        return "\n\n¨K" + (globals.gHtmlBlocks.push(txt) - 1) + "K\n\n";
+      }, "^ {0,3}<!--", "-->", "gm");
+      text = text.replace(
+        /(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,
+        showdown2.subParser("hashElement")(text, options, globals)
+      );
+      text = globals.converter._dispatch("hashHTMLBlocks.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("hashHTMLSpans", function(text, options, globals) {
+      text = globals.converter._dispatch("hashHTMLSpans.before", text, options, globals);
+      function hashHTMLSpan(html) {
+        return "¨C" + (globals.gHtmlSpans.push(html) - 1) + "C";
+      }
+      text = text.replace(/<[^>]+?\/>/gi, function(wm) {
+        return hashHTMLSpan(wm);
+      });
+      text = text.replace(/<([^>]+?)>[\s\S]*?<\/\1>/g, function(wm) {
+        return hashHTMLSpan(wm);
+      });
+      text = text.replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g, function(wm) {
+        return hashHTMLSpan(wm);
+      });
+      text = text.replace(/<[^>]+?>/gi, function(wm) {
+        return hashHTMLSpan(wm);
+      });
+      text = globals.converter._dispatch("hashHTMLSpans.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("unhashHTMLSpans", function(text, options, globals) {
+      text = globals.converter._dispatch("unhashHTMLSpans.before", text, options, globals);
+      for (var i2 = 0; i2 < globals.gHtmlSpans.length; ++i2) {
+        var repText = globals.gHtmlSpans[i2], limit = 0;
+        while (/¨C(\d+)C/.test(repText)) {
+          var num = RegExp.$1;
+          repText = repText.replace("¨C" + num + "C", globals.gHtmlSpans[num]);
+          if (limit === 10) {
+            console.error("maximum nesting of 10 spans reached!!!");
+            break;
+          }
+          ++limit;
+        }
+        text = text.replace("¨C" + i2 + "C", repText);
+      }
+      text = globals.converter._dispatch("unhashHTMLSpans.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("hashPreCodeTags", function(text, options, globals) {
+      text = globals.converter._dispatch("hashPreCodeTags.before", text, options, globals);
+      var repFunc = function(wholeMatch, match, left2, right2) {
+        var codeblock = left2 + showdown2.subParser("encodeCode")(match, options, globals) + right2;
+        return "\n\n¨G" + (globals.ghCodeBlocks.push({ text: wholeMatch, codeblock }) - 1) + "G\n\n";
+      };
+      text = showdown2.helper.replaceRecursiveRegExp(text, repFunc, "^ {0,3}<pre\\b[^>]*>\\s*<code\\b[^>]*>", "^ {0,3}</code>\\s*</pre>", "gim");
+      text = globals.converter._dispatch("hashPreCodeTags.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("headers", function(text, options, globals) {
+      text = globals.converter._dispatch("headers.before", text, options, globals);
+      var headerLevelStart = isNaN(parseInt(options.headerLevelStart)) ? 1 : parseInt(options.headerLevelStart), setextRegexH1 = options.smoothLivePreview ? /^(.+)[ \t]*\n={2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n=+[ \t]*\n+/gm, setextRegexH2 = options.smoothLivePreview ? /^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n-+[ \t]*\n+/gm;
+      text = text.replace(setextRegexH1, function(wholeMatch, m1) {
+        var spanGamut = showdown2.subParser("spanGamut")(m1, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m1) + '"', hLevel = headerLevelStart, hashBlock = "<h" + hLevel + hID + ">" + spanGamut + "</h" + hLevel + ">";
+        return showdown2.subParser("hashBlock")(hashBlock, options, globals);
+      });
+      text = text.replace(setextRegexH2, function(matchFound, m1) {
+        var spanGamut = showdown2.subParser("spanGamut")(m1, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m1) + '"', hLevel = headerLevelStart + 1, hashBlock = "<h" + hLevel + hID + ">" + spanGamut + "</h" + hLevel + ">";
+        return showdown2.subParser("hashBlock")(hashBlock, options, globals);
+      });
+      var atxStyle = options.requireSpaceBeforeHeadingText ? /^(#{1,6})[ \t]+(.+?)[ \t]*#*\n+/gm : /^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm;
+      text = text.replace(atxStyle, function(wholeMatch, m1, m2) {
+        var hText = m2;
+        if (options.customizedHeaderId) {
+          hText = m2.replace(/\s?\{([^{]+?)}\s*$/, "");
+        }
+        var span = showdown2.subParser("spanGamut")(hText, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m2) + '"', hLevel = headerLevelStart - 1 + m1.length, header = "<h" + hLevel + hID + ">" + span + "</h" + hLevel + ">";
+        return showdown2.subParser("hashBlock")(header, options, globals);
+      });
+      function headerId(m2) {
+        var title, prefix;
+        if (options.customizedHeaderId) {
+          var match = m2.match(/\{([^{]+?)}\s*$/);
+          if (match && match[1]) {
+            m2 = match[1];
+          }
+        }
+        title = m2;
+        if (showdown2.helper.isString(options.prefixHeaderId)) {
+          prefix = options.prefixHeaderId;
+        } else if (options.prefixHeaderId === true) {
+          prefix = "section-";
+        } else {
+          prefix = "";
+        }
+        if (!options.rawPrefixHeaderId) {
+          title = prefix + title;
+        }
+        if (options.ghCompatibleHeaderId) {
+          title = title.replace(/ /g, "-").replace(/&amp;/g, "").replace(/¨T/g, "").replace(/¨D/g, "").replace(/[&+$,\/:;=?@"#{}|^¨~\[\]`\\*)(%.!'<>]/g, "").toLowerCase();
+        } else if (options.rawHeaderId) {
+          title = title.replace(/ /g, "-").replace(/&amp;/g, "&").replace(/¨T/g, "¨").replace(/¨D/g, "$").replace(/["']/g, "-").toLowerCase();
+        } else {
+          title = title.replace(/[^\w]/g, "").toLowerCase();
+        }
+        if (options.rawPrefixHeaderId) {
+          title = prefix + title;
+        }
+        if (globals.hashLinkCounts[title]) {
+          title = title + "-" + globals.hashLinkCounts[title]++;
+        } else {
+          globals.hashLinkCounts[title] = 1;
+        }
+        return title;
+      }
+      text = globals.converter._dispatch("headers.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("horizontalRule", function(text, options, globals) {
+      text = globals.converter._dispatch("horizontalRule.before", text, options, globals);
+      var key2 = showdown2.subParser("hashBlock")("<hr />", options, globals);
+      text = text.replace(/^ {0,2}( ?-){3,}[ \t]*$/gm, key2);
+      text = text.replace(/^ {0,2}( ?\*){3,}[ \t]*$/gm, key2);
+      text = text.replace(/^ {0,2}( ?_){3,}[ \t]*$/gm, key2);
+      text = globals.converter._dispatch("horizontalRule.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("images", function(text, options, globals) {
+      text = globals.converter._dispatch("images.before", text, options, globals);
+      var inlineRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g, crazyRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<([^>]*)>(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(?:(["'])([^"]*?)\6))?[ \t]?\)/g, base64RegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g, referenceRegExp = /!\[([^\]]*?)] ?(?:\n *)?\[([\s\S]*?)]()()()()()/g, refShortcutRegExp = /!\[([^\[\]]+)]()()()()()/g;
+      function writeImageTagBase64(wholeMatch, altText, linkId, url, width, height, m5, title) {
+        url = url.replace(/\s/g, "");
+        return writeImageTag(wholeMatch, altText, linkId, url, width, height, m5, title);
+      }
+      function writeImageTag(wholeMatch, altText, linkId, url, width, height, m5, title) {
+        var gUrls = globals.gUrls, gTitles = globals.gTitles, gDims = globals.gDimensions;
+        linkId = linkId.toLowerCase();
+        if (!title) {
+          title = "";
+        }
+        if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
+          url = "";
+        } else if (url === "" || url === null) {
+          if (linkId === "" || linkId === null) {
+            linkId = altText.toLowerCase().replace(/ ?\n/g, " ");
+          }
+          url = "#" + linkId;
+          if (!showdown2.helper.isUndefined(gUrls[linkId])) {
+            url = gUrls[linkId];
+            if (!showdown2.helper.isUndefined(gTitles[linkId])) {
+              title = gTitles[linkId];
+            }
+            if (!showdown2.helper.isUndefined(gDims[linkId])) {
+              width = gDims[linkId].width;
+              height = gDims[linkId].height;
+            }
+          } else {
+            return wholeMatch;
+          }
+        }
+        altText = altText.replace(/"/g, "&quot;").replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+        url = url.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+        var result = '<img src="' + url + '" alt="' + altText + '"';
+        if (title && showdown2.helper.isString(title)) {
+          title = title.replace(/"/g, "&quot;").replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
+          result += ' title="' + title + '"';
+        }
+        if (width && height) {
+          width = width === "*" ? "auto" : width;
+          height = height === "*" ? "auto" : height;
+          result += ' width="' + width + '"';
+          result += ' height="' + height + '"';
+        }
+        result += " />";
+        return result;
+      }
+      text = text.replace(referenceRegExp, writeImageTag);
+      text = text.replace(base64RegExp, writeImageTagBase64);
+      text = text.replace(crazyRegExp, writeImageTag);
+      text = text.replace(inlineRegExp, writeImageTag);
+      text = text.replace(refShortcutRegExp, writeImageTag);
+      text = globals.converter._dispatch("images.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("italicsAndBold", function(text, options, globals) {
+      text = globals.converter._dispatch("italicsAndBold.before", text, options, globals);
+      function parseInside(txt, left2, right2) {
+        return left2 + txt + right2;
+      }
+      if (options.literalMidWordUnderscores) {
+        text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function(wm, txt) {
+          return parseInside(txt, "<strong><em>", "</em></strong>");
+        });
+        text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function(wm, txt) {
+          return parseInside(txt, "<strong>", "</strong>");
+        });
+        text = text.replace(/\b_(\S[\s\S]*?)_\b/g, function(wm, txt) {
+          return parseInside(txt, "<em>", "</em>");
+        });
+      } else {
+        text = text.replace(/___(\S[\s\S]*?)___/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<strong><em>", "</em></strong>") : wm;
+        });
+        text = text.replace(/__(\S[\s\S]*?)__/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<strong>", "</strong>") : wm;
+        });
+        text = text.replace(/_([^\s_][\s\S]*?)_/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<em>", "</em>") : wm;
+        });
+      }
+      if (options.literalMidWordAsterisks) {
+        text = text.replace(/([^*]|^)\B\*\*\*(\S[\s\S]*?)\*\*\*\B(?!\*)/g, function(wm, lead, txt) {
+          return parseInside(txt, lead + "<strong><em>", "</em></strong>");
+        });
+        text = text.replace(/([^*]|^)\B\*\*(\S[\s\S]*?)\*\*\B(?!\*)/g, function(wm, lead, txt) {
+          return parseInside(txt, lead + "<strong>", "</strong>");
+        });
+        text = text.replace(/([^*]|^)\B\*(\S[\s\S]*?)\*\B(?!\*)/g, function(wm, lead, txt) {
+          return parseInside(txt, lead + "<em>", "</em>");
+        });
+      } else {
+        text = text.replace(/\*\*\*(\S[\s\S]*?)\*\*\*/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<strong><em>", "</em></strong>") : wm;
+        });
+        text = text.replace(/\*\*(\S[\s\S]*?)\*\*/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<strong>", "</strong>") : wm;
+        });
+        text = text.replace(/\*([^\s*][\s\S]*?)\*/g, function(wm, m2) {
+          return /\S$/.test(m2) ? parseInside(m2, "<em>", "</em>") : wm;
+        });
+      }
+      text = globals.converter._dispatch("italicsAndBold.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("lists", function(text, options, globals) {
+      function processListItems(listStr, trimTrailing) {
+        globals.gListLevel++;
+        listStr = listStr.replace(/\n{2,}$/, "\n");
+        listStr += "¨0";
+        var rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0| {0,3}([*+-]|\d+[.])[ \t]+))/gm, isParagraphed = /\n[ \t]*\n(?!¨0)/.test(listStr);
+        if (options.disableForced4SpacesIndentedSublists) {
+          rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0|\2([*+-]|\d+[.])[ \t]+))/gm;
+        }
+        listStr = listStr.replace(rgx, function(wholeMatch, m1, m2, m3, m4, taskbtn, checked) {
+          checked = checked && checked.trim() !== "";
+          var item = showdown2.subParser("outdent")(m4, options, globals), bulletStyle = "";
+          if (taskbtn && options.tasklists) {
+            bulletStyle = ' class="task-list-item" style="list-style-type: none;"';
+            item = item.replace(/^[ \t]*\[(x|X| )?]/m, function() {
+              var otp = '<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"';
+              if (checked) {
+                otp += " checked";
+              }
+              otp += ">";
+              return otp;
+            });
+          }
+          item = item.replace(/^([-*+]|\d\.)[ \t]+[\S\n ]*/g, function(wm2) {
+            return "¨A" + wm2;
+          });
+          if (m1 || item.search(/\n{2,}/) > -1) {
+            item = showdown2.subParser("githubCodeBlocks")(item, options, globals);
+            item = showdown2.subParser("blockGamut")(item, options, globals);
+          } else {
+            item = showdown2.subParser("lists")(item, options, globals);
+            item = item.replace(/\n$/, "");
+            item = showdown2.subParser("hashHTMLBlocks")(item, options, globals);
+            item = item.replace(/\n\n+/g, "\n\n");
+            if (isParagraphed) {
+              item = showdown2.subParser("paragraphs")(item, options, globals);
+            } else {
+              item = showdown2.subParser("spanGamut")(item, options, globals);
+            }
+          }
+          item = item.replace("¨A", "");
+          item = "<li" + bulletStyle + ">" + item + "</li>\n";
+          return item;
+        });
+        listStr = listStr.replace(/¨0/g, "");
+        globals.gListLevel--;
+        if (trimTrailing) {
+          listStr = listStr.replace(/\s+$/, "");
+        }
+        return listStr;
+      }
+      function styleStartNumber(list, listType) {
+        if (listType === "ol") {
+          var res = list.match(/^ *(\d+)\./);
+          if (res && res[1] !== "1") {
+            return ' start="' + res[1] + '"';
+          }
+        }
+        return "";
+      }
+      function parseConsecutiveLists(list, listType, trimTrailing) {
+        var olRgx = options.disableForced4SpacesIndentedSublists ? /^ ?\d+\.[ \t]/gm : /^ {0,3}\d+\.[ \t]/gm, ulRgx = options.disableForced4SpacesIndentedSublists ? /^ ?[*+-][ \t]/gm : /^ {0,3}[*+-][ \t]/gm, counterRxg = listType === "ul" ? olRgx : ulRgx, result = "";
+        if (list.search(counterRxg) !== -1) {
+          (function parseCL(txt) {
+            var pos2 = txt.search(counterRxg), style2 = styleStartNumber(list, listType);
+            if (pos2 !== -1) {
+              result += "\n\n<" + listType + style2 + ">\n" + processListItems(txt.slice(0, pos2), !!trimTrailing) + "</" + listType + ">\n";
+              listType = listType === "ul" ? "ol" : "ul";
+              counterRxg = listType === "ul" ? olRgx : ulRgx;
+              parseCL(txt.slice(pos2));
+            } else {
+              result += "\n\n<" + listType + style2 + ">\n" + processListItems(txt, !!trimTrailing) + "</" + listType + ">\n";
+            }
+          })(list);
+        } else {
+          var style = styleStartNumber(list, listType);
+          result = "\n\n<" + listType + style + ">\n" + processListItems(list, !!trimTrailing) + "</" + listType + ">\n";
+        }
+        return result;
+      }
+      text = globals.converter._dispatch("lists.before", text, options, globals);
+      text += "¨0";
+      if (globals.gListLevel) {
+        text = text.replace(
+          /^(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
+          function(wholeMatch, list, m2) {
+            var listType = m2.search(/[*+-]/g) > -1 ? "ul" : "ol";
+            return parseConsecutiveLists(list, listType, true);
+          }
+        );
+      } else {
+        text = text.replace(
+          /(\n\n|^\n?)(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
+          function(wholeMatch, m1, list, m3) {
+            var listType = m3.search(/[*+-]/g) > -1 ? "ul" : "ol";
+            return parseConsecutiveLists(list, listType, false);
+          }
+        );
+      }
+      text = text.replace(/¨0/, "");
+      text = globals.converter._dispatch("lists.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("metadata", function(text, options, globals) {
+      if (!options.metadata) {
+        return text;
+      }
+      text = globals.converter._dispatch("metadata.before", text, options, globals);
+      function parseMetadataContents(content) {
+        globals.metadata.raw = content;
+        content = content.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+        content = content.replace(/\n {4}/g, " ");
+        content.replace(/^([\S ]+): +([\s\S]+?)$/gm, function(wm, key2, value) {
+          globals.metadata.parsed[key2] = value;
+          return "";
+        });
+      }
+      text = text.replace(/^\s*«««+(\S*?)\n([\s\S]+?)\n»»»+\n/, function(wholematch, format2, content) {
+        parseMetadataContents(content);
+        return "¨M";
+      });
+      text = text.replace(/^\s*---+(\S*?)\n([\s\S]+?)\n---+\n/, function(wholematch, format2, content) {
+        if (format2) {
+          globals.metadata.format = format2;
+        }
+        parseMetadataContents(content);
+        return "¨M";
+      });
+      text = text.replace(/¨M/g, "");
+      text = globals.converter._dispatch("metadata.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("outdent", function(text, options, globals) {
+      text = globals.converter._dispatch("outdent.before", text, options, globals);
+      text = text.replace(/^(\t|[ ]{1,4})/gm, "¨0");
+      text = text.replace(/¨0/g, "");
+      text = globals.converter._dispatch("outdent.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("paragraphs", function(text, options, globals) {
+      text = globals.converter._dispatch("paragraphs.before", text, options, globals);
+      text = text.replace(/^\n+/g, "");
+      text = text.replace(/\n+$/g, "");
+      var grafs = text.split(/\n{2,}/g), grafsOut = [], end2 = grafs.length;
+      for (var i2 = 0; i2 < end2; i2++) {
+        var str = grafs[i2];
+        if (str.search(/¨(K|G)(\d+)\1/g) >= 0) {
+          grafsOut.push(str);
+        } else if (str.search(/\S/) >= 0) {
+          str = showdown2.subParser("spanGamut")(str, options, globals);
+          str = str.replace(/^([ \t]*)/g, "<p>");
+          str += "</p>";
+          grafsOut.push(str);
+        }
+      }
+      end2 = grafsOut.length;
+      for (i2 = 0; i2 < end2; i2++) {
+        var blockText = "", grafsOutIt = grafsOut[i2], codeFlag = false;
+        while (/¨(K|G)(\d+)\1/.test(grafsOutIt)) {
+          var delim = RegExp.$1, num = RegExp.$2;
+          if (delim === "K") {
+            blockText = globals.gHtmlBlocks[num];
+          } else {
+            if (codeFlag) {
+              blockText = showdown2.subParser("encodeCode")(globals.ghCodeBlocks[num].text, options, globals);
+            } else {
+              blockText = globals.ghCodeBlocks[num].codeblock;
+            }
+          }
+          blockText = blockText.replace(/\$/g, "$$$$");
+          grafsOutIt = grafsOutIt.replace(/(\n\n)?¨(K|G)\d+\2(\n\n)?/, blockText);
+          if (/^<pre\b[^>]*>\s*<code\b[^>]*>/.test(grafsOutIt)) {
+            codeFlag = true;
+          }
+        }
+        grafsOut[i2] = grafsOutIt;
+      }
+      text = grafsOut.join("\n");
+      text = text.replace(/^\n+/g, "");
+      text = text.replace(/\n+$/g, "");
+      return globals.converter._dispatch("paragraphs.after", text, options, globals);
+    });
+    showdown2.subParser("runExtension", function(ext, text, options, globals) {
+      if (ext.filter) {
+        text = ext.filter(text, globals.converter, options);
+      } else if (ext.regex) {
+        var re = ext.regex;
+        if (!(re instanceof RegExp)) {
+          re = new RegExp(re, "g");
+        }
+        text = text.replace(re, ext.replace);
+      }
+      return text;
+    });
+    showdown2.subParser("spanGamut", function(text, options, globals) {
+      text = globals.converter._dispatch("spanGamut.before", text, options, globals);
+      text = showdown2.subParser("codeSpans")(text, options, globals);
+      text = showdown2.subParser("escapeSpecialCharsWithinTagAttributes")(text, options, globals);
+      text = showdown2.subParser("encodeBackslashEscapes")(text, options, globals);
+      text = showdown2.subParser("images")(text, options, globals);
+      text = showdown2.subParser("anchors")(text, options, globals);
+      text = showdown2.subParser("autoLinks")(text, options, globals);
+      text = showdown2.subParser("simplifiedAutoLinks")(text, options, globals);
+      text = showdown2.subParser("emoji")(text, options, globals);
+      text = showdown2.subParser("underline")(text, options, globals);
+      text = showdown2.subParser("italicsAndBold")(text, options, globals);
+      text = showdown2.subParser("strikethrough")(text, options, globals);
+      text = showdown2.subParser("ellipsis")(text, options, globals);
+      text = showdown2.subParser("hashHTMLSpans")(text, options, globals);
+      text = showdown2.subParser("encodeAmpsAndAngles")(text, options, globals);
+      if (options.simpleLineBreaks) {
+        if (!/\n\n¨K/.test(text)) {
+          text = text.replace(/\n+/g, "<br />\n");
+        }
+      } else {
+        text = text.replace(/  +\n/g, "<br />\n");
+      }
+      text = globals.converter._dispatch("spanGamut.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("strikethrough", function(text, options, globals) {
+      function parseInside(txt) {
+        if (options.simplifiedAutoLink) {
+          txt = showdown2.subParser("simplifiedAutoLinks")(txt, options, globals);
+        }
+        return "<del>" + txt + "</del>";
+      }
+      if (options.strikethrough) {
+        text = globals.converter._dispatch("strikethrough.before", text, options, globals);
+        text = text.replace(/(?:~){2}([\s\S]+?)(?:~){2}/g, function(wm, txt) {
+          return parseInside(txt);
+        });
+        text = globals.converter._dispatch("strikethrough.after", text, options, globals);
+      }
+      return text;
+    });
+    showdown2.subParser("stripLinkDefinitions", function(text, options, globals) {
+      var regex = /^ {0,3}\[([^\]]+)]:[ \t]*\n?[ \t]*<?([^>\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm, base64Regex = /^ {0,3}\[([^\]]+)]:[ \t]*\n?[ \t]*<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm;
+      text += "¨0";
+      var replaceFunc = function(wholeMatch, linkId, url, width, height, blankLines, title) {
+        linkId = linkId.toLowerCase();
+        if (text.toLowerCase().split(linkId).length - 1 < 2) {
+          return wholeMatch;
+        }
+        if (url.match(/^data:.+?\/.+?;base64,/)) {
+          globals.gUrls[linkId] = url.replace(/\s/g, "");
+        } else {
+          globals.gUrls[linkId] = showdown2.subParser("encodeAmpsAndAngles")(url, options, globals);
+        }
+        if (blankLines) {
+          return blankLines + title;
+        } else {
+          if (title) {
+            globals.gTitles[linkId] = title.replace(/"|'/g, "&quot;");
+          }
+          if (options.parseImgDimensions && width && height) {
+            globals.gDimensions[linkId] = {
+              width,
+              height
+            };
+          }
+        }
+        return "";
       };
-      _constructor();
-      function _constructor() {
-        converterOptions = converterOptions || {};
-        for (var gOpt in globalOptions) {
-          if (globalOptions.hasOwnProperty(gOpt)) {
-            options[gOpt] = globalOptions[gOpt];
+      text = text.replace(base64Regex, replaceFunc);
+      text = text.replace(regex, replaceFunc);
+      text = text.replace(/¨0/, "");
+      return text;
+    });
+    showdown2.subParser("tables", function(text, options, globals) {
+      if (!options.tables) {
+        return text;
+      }
+      var tableRgx = /^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm, singeColTblRgx = /^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm;
+      function parseStyles(sLine) {
+        if (/^:[ \t]*--*$/.test(sLine)) {
+          return ' style="text-align:left;"';
+        } else if (/^--*[ \t]*:[ \t]*$/.test(sLine)) {
+          return ' style="text-align:right;"';
+        } else if (/^:[ \t]*--*[ \t]*:$/.test(sLine)) {
+          return ' style="text-align:center;"';
+        } else {
+          return "";
+        }
+      }
+      function parseHeaders(header, style) {
+        var id = "";
+        header = header.trim();
+        if (options.tablesHeaderId || options.tableHeaderId) {
+          id = ' id="' + header.replace(/ /g, "_").toLowerCase() + '"';
+        }
+        header = showdown2.subParser("spanGamut")(header, options, globals);
+        return "<th" + id + style + ">" + header + "</th>\n";
+      }
+      function parseCells(cell, style) {
+        var subText = showdown2.subParser("spanGamut")(cell, options, globals);
+        return "<td" + style + ">" + subText + "</td>\n";
+      }
+      function buildTable(headers, cells) {
+        var tb = "<table>\n<thead>\n<tr>\n", tblLgn = headers.length;
+        for (var i2 = 0; i2 < tblLgn; ++i2) {
+          tb += headers[i2];
+        }
+        tb += "</tr>\n</thead>\n<tbody>\n";
+        for (i2 = 0; i2 < cells.length; ++i2) {
+          tb += "<tr>\n";
+          for (var ii = 0; ii < tblLgn; ++ii) {
+            tb += cells[i2][ii];
+          }
+          tb += "</tr>\n";
+        }
+        tb += "</tbody>\n</table>\n";
+        return tb;
+      }
+      function parseTable(rawTable) {
+        var i2, tableLines = rawTable.split("\n");
+        for (i2 = 0; i2 < tableLines.length; ++i2) {
+          if (/^ {0,3}\|/.test(tableLines[i2])) {
+            tableLines[i2] = tableLines[i2].replace(/^ {0,3}\|/, "");
+          }
+          if (/\|[ \t]*$/.test(tableLines[i2])) {
+            tableLines[i2] = tableLines[i2].replace(/\|[ \t]*$/, "");
+          }
+          tableLines[i2] = showdown2.subParser("codeSpans")(tableLines[i2], options, globals);
+        }
+        var rawHeaders = tableLines[0].split("|").map(function(s2) {
+          return s2.trim();
+        }), rawStyles = tableLines[1].split("|").map(function(s2) {
+          return s2.trim();
+        }), rawCells = [], headers = [], styles = [], cells = [];
+        tableLines.shift();
+        tableLines.shift();
+        for (i2 = 0; i2 < tableLines.length; ++i2) {
+          if (tableLines[i2].trim() === "") {
+            continue;
+          }
+          rawCells.push(
+            tableLines[i2].split("|").map(function(s2) {
+              return s2.trim();
+            })
+          );
+        }
+        if (rawHeaders.length < rawStyles.length) {
+          return rawTable;
+        }
+        for (i2 = 0; i2 < rawStyles.length; ++i2) {
+          styles.push(parseStyles(rawStyles[i2]));
+        }
+        for (i2 = 0; i2 < rawHeaders.length; ++i2) {
+          if (showdown2.helper.isUndefined(styles[i2])) {
+            styles[i2] = "";
+          }
+          headers.push(parseHeaders(rawHeaders[i2], styles[i2]));
+        }
+        for (i2 = 0; i2 < rawCells.length; ++i2) {
+          var row = [];
+          for (var ii = 0; ii < headers.length; ++ii) {
+            if (showdown2.helper.isUndefined(rawCells[i2][ii])) ;
+            row.push(parseCells(rawCells[i2][ii], styles[ii]));
+          }
+          cells.push(row);
+        }
+        return buildTable(headers, cells);
+      }
+      text = globals.converter._dispatch("tables.before", text, options, globals);
+      text = text.replace(/\\(\|)/g, showdown2.helper.escapeCharactersCallback);
+      text = text.replace(tableRgx, parseTable);
+      text = text.replace(singeColTblRgx, parseTable);
+      text = globals.converter._dispatch("tables.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("underline", function(text, options, globals) {
+      if (!options.underline) {
+        return text;
+      }
+      text = globals.converter._dispatch("underline.before", text, options, globals);
+      if (options.literalMidWordUnderscores) {
+        text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function(wm, txt) {
+          return "<u>" + txt + "</u>";
+        });
+        text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function(wm, txt) {
+          return "<u>" + txt + "</u>";
+        });
+      } else {
+        text = text.replace(/___(\S[\s\S]*?)___/g, function(wm, m2) {
+          return /\S$/.test(m2) ? "<u>" + m2 + "</u>" : wm;
+        });
+        text = text.replace(/__(\S[\s\S]*?)__/g, function(wm, m2) {
+          return /\S$/.test(m2) ? "<u>" + m2 + "</u>" : wm;
+        });
+      }
+      text = text.replace(/(_)/g, showdown2.helper.escapeCharactersCallback);
+      text = globals.converter._dispatch("underline.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("unescapeSpecialChars", function(text, options, globals) {
+      text = globals.converter._dispatch("unescapeSpecialChars.before", text, options, globals);
+      text = text.replace(/¨E(\d+)E/g, function(wholeMatch, m1) {
+        var charCodeToReplace = parseInt(m1);
+        return String.fromCharCode(charCodeToReplace);
+      });
+      text = globals.converter._dispatch("unescapeSpecialChars.after", text, options, globals);
+      return text;
+    });
+    showdown2.subParser("makeMarkdown.blockquote", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes()) {
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          var innerTxt = showdown2.subParser("makeMarkdown.node")(children[i2], globals);
+          if (innerTxt === "") {
+            continue;
           }
+          txt += innerTxt;
         }
-        if (typeof converterOptions === "object") {
-          for (var opt in converterOptions) {
-            if (converterOptions.hasOwnProperty(opt)) {
-              options[opt] = converterOptions[opt];
-            }
-          }
-        } else {
-          throw Error("Converter expects the passed parameter to be an object, but " + typeof converterOptions + " was passed instead.");
+      }
+      txt = txt.trim();
+      txt = "> " + txt.split("\n").join("\n> ");
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.codeBlock", function(node, globals) {
+      var lang = node.getAttribute("language"), num = node.getAttribute("precodenum");
+      return "```" + lang + "\n" + globals.preList[num] + "\n```";
+    });
+    showdown2.subParser("makeMarkdown.codeSpan", function(node) {
+      return "`" + node.innerHTML + "`";
+    });
+    showdown2.subParser("makeMarkdown.emphasis", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes()) {
+        txt += "*";
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
-        if (options.extensions) {
-          showdown2.helper.forEach(options.extensions, _parseExtension);
+        txt += "*";
+      }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.header", function(node, globals, headerLevel) {
+      var headerMark = new Array(headerLevel + 1).join("#"), txt = "";
+      if (node.hasChildNodes()) {
+        txt = headerMark + " ";
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
       }
-      function _parseExtension(ext, name) {
-        name = name || null;
-        if (showdown2.helper.isString(ext)) {
-          ext = showdown2.helper.stdExtName(ext);
-          name = ext;
-          if (showdown2.extensions[ext]) {
-            console.warn("DEPRECATION WARNING: " + ext + " is an old extension that uses a deprecated loading method.Please inform the developer that the extension should be updated!");
-            legacyExtensionLoading(showdown2.extensions[ext], ext);
-            return;
-          } else if (!showdown2.helper.isUndefined(extensions[ext])) {
-            ext = extensions[ext];
-          } else {
-            throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
-          }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.hr", function() {
+      return "---";
+    });
+    showdown2.subParser("makeMarkdown.image", function(node) {
+      var txt = "";
+      if (node.hasAttribute("src")) {
+        txt += "![" + node.getAttribute("alt") + "](";
+        txt += "<" + node.getAttribute("src") + ">";
+        if (node.hasAttribute("width") && node.hasAttribute("height")) {
+          txt += " =" + node.getAttribute("width") + "x" + node.getAttribute("height");
         }
-        if (typeof ext === "function") {
-          ext = ext();
+        if (node.hasAttribute("title")) {
+          txt += ' "' + node.getAttribute("title") + '"';
         }
-        if (!showdown2.helper.isArray(ext)) {
-          ext = [ext];
+        txt += ")";
+      }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.links", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes() && node.hasAttribute("href")) {
+        var children = node.childNodes, childrenLength = children.length;
+        txt = "[";
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
-        var validExt = validate(ext, name);
-        if (!validExt.valid) {
-          throw Error(validExt.error);
+        txt += "](";
+        txt += "<" + node.getAttribute("href") + ">";
+        if (node.hasAttribute("title")) {
+          txt += ' "' + node.getAttribute("title") + '"';
         }
-        for (var i2 = 0; i2 < ext.length; ++i2) {
-          switch (ext[i2].type) {
-            case "lang":
-              langExtensions.push(ext[i2]);
-              break;
-            case "output":
-              outputModifiers.push(ext[i2]);
-              break;
+        txt += ")";
+      }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.list", function(node, globals, type) {
+      var txt = "";
+      if (!node.hasChildNodes()) {
+        return "";
+      }
+      var listItems = node.childNodes, listItemsLenght = listItems.length, listNum = node.getAttribute("start") || 1;
+      for (var i2 = 0; i2 < listItemsLenght; ++i2) {
+        if (typeof listItems[i2].tagName === "undefined" || listItems[i2].tagName.toLowerCase() !== "li") {
+          continue;
+        }
+        var bullet = "";
+        if (type === "ol") {
+          bullet = listNum.toString() + ". ";
+        } else {
+          bullet = "- ";
+        }
+        txt += bullet + showdown2.subParser("makeMarkdown.listItem")(listItems[i2], globals);
+        ++listNum;
+      }
+      txt += "\n<!-- -->\n";
+      return txt.trim();
+    });
+    showdown2.subParser("makeMarkdown.listItem", function(node, globals) {
+      var listItemTxt = "";
+      var children = node.childNodes, childrenLenght = children.length;
+      for (var i2 = 0; i2 < childrenLenght; ++i2) {
+        listItemTxt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
+      }
+      if (!/\n$/.test(listItemTxt)) {
+        listItemTxt += "\n";
+      } else {
+        listItemTxt = listItemTxt.split("\n").join("\n    ").replace(/^ {4}$/gm, "").replace(/\n\n+/g, "\n\n");
+      }
+      return listItemTxt;
+    });
+    showdown2.subParser("makeMarkdown.node", function(node, globals, spansOnly) {
+      spansOnly = spansOnly || false;
+      var txt = "";
+      if (node.nodeType === 3) {
+        return showdown2.subParser("makeMarkdown.txt")(node, globals);
+      }
+      if (node.nodeType === 8) {
+        return "<!--" + node.data + "-->\n\n";
+      }
+      if (node.nodeType !== 1) {
+        return "";
+      }
+      var tagName = node.tagName.toLowerCase();
+      switch (tagName) {
+        case "h1":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 1) + "\n\n";
+          }
+          break;
+        case "h2":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 2) + "\n\n";
+          }
+          break;
+        case "h3":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 3) + "\n\n";
+          }
+          break;
+        case "h4":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 4) + "\n\n";
+          }
+          break;
+        case "h5":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 5) + "\n\n";
+          }
+          break;
+        case "h6":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 6) + "\n\n";
+          }
+          break;
+        case "p":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.paragraph")(node, globals) + "\n\n";
+          }
+          break;
+        case "blockquote":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.blockquote")(node, globals) + "\n\n";
+          }
+          break;
+        case "hr":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.hr")(node, globals) + "\n\n";
+          }
+          break;
+        case "ol":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.list")(node, globals, "ol") + "\n\n";
+          }
+          break;
+        case "ul":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.list")(node, globals, "ul") + "\n\n";
+          }
+          break;
+        case "precode":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.codeBlock")(node, globals) + "\n\n";
           }
-          if (ext[i2].hasOwnProperty("listeners")) {
-            for (var ln in ext[i2].listeners) {
-              if (ext[i2].listeners.hasOwnProperty(ln)) {
-                listen(ln, ext[i2].listeners[ln]);
-              }
-            }
+          break;
+        case "pre":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.pre")(node, globals) + "\n\n";
           }
-        }
+          break;
+        case "table":
+          if (!spansOnly) {
+            txt = showdown2.subParser("makeMarkdown.table")(node, globals) + "\n\n";
+          }
+          break;
+        case "code":
+          txt = showdown2.subParser("makeMarkdown.codeSpan")(node, globals);
+          break;
+        case "em":
+        case "i":
+          txt = showdown2.subParser("makeMarkdown.emphasis")(node, globals);
+          break;
+        case "strong":
+        case "b":
+          txt = showdown2.subParser("makeMarkdown.strong")(node, globals);
+          break;
+        case "del":
+          txt = showdown2.subParser("makeMarkdown.strikethrough")(node, globals);
+          break;
+        case "a":
+          txt = showdown2.subParser("makeMarkdown.links")(node, globals);
+          break;
+        case "img":
+          txt = showdown2.subParser("makeMarkdown.image")(node, globals);
+          break;
+        default:
+          txt = node.outerHTML + "\n\n";
       }
-      function legacyExtensionLoading(ext, name) {
-        if (typeof ext === "function") {
-          ext = ext(new showdown2.Converter());
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.paragraph", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes()) {
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
-        if (!showdown2.helper.isArray(ext)) {
-          ext = [ext];
+      }
+      txt = txt.trim();
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.pre", function(node, globals) {
+      var num = node.getAttribute("prenum");
+      return "<pre>" + globals.preList[num] + "</pre>";
+    });
+    showdown2.subParser("makeMarkdown.strikethrough", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes()) {
+        txt += "~~";
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
-        var valid = validate(ext, name);
-        if (!valid.valid) {
-          throw Error(valid.error);
+        txt += "~~";
+      }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.strong", function(node, globals) {
+      var txt = "";
+      if (node.hasChildNodes()) {
+        txt += "**";
+        var children = node.childNodes, childrenLength = children.length;
+        for (var i2 = 0; i2 < childrenLength; ++i2) {
+          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
         }
-        for (var i2 = 0; i2 < ext.length; ++i2) {
-          switch (ext[i2].type) {
-            case "lang":
-              langExtensions.push(ext[i2]);
+        txt += "**";
+      }
+      return txt;
+    });
+    showdown2.subParser("makeMarkdown.table", function(node, globals) {
+      var txt = "", tableArray = [[], []], headings = node.querySelectorAll("thead>tr>th"), rows = node.querySelectorAll("tbody>tr"), i2, ii;
+      for (i2 = 0; i2 < headings.length; ++i2) {
+        var headContent = showdown2.subParser("makeMarkdown.tableCell")(headings[i2], globals), allign = "---";
+        if (headings[i2].hasAttribute("style")) {
+          var style = headings[i2].getAttribute("style").toLowerCase().replace(/\s/g, "");
+          switch (style) {
+            case "text-align:left;":
+              allign = ":---";
               break;
-            case "output":
-              outputModifiers.push(ext[i2]);
+            case "text-align:right;":
+              allign = "---:";
+              break;
+            case "text-align:center;":
+              allign = ":---:";
               break;
-            default:
-              throw Error("Extension loader error: Type unrecognized!!!");
           }
         }
+        tableArray[0][i2] = headContent.trim();
+        tableArray[1][i2] = allign;
       }
-      function listen(name, callback) {
-        if (!showdown2.helper.isString(name)) {
-          throw Error("Invalid argument in converter.listen() method: name must be a string, but " + typeof name + " given");
-        }
-        if (typeof callback !== "function") {
-          throw Error("Invalid argument in converter.listen() method: callback must be a function, but " + typeof callback + " given");
-        }
-        if (!listeners.hasOwnProperty(name)) {
-          listeners[name] = [];
-        }
-        listeners[name].push(callback);
-      }
-      function rTrimInputText(text) {
-        var rsp = text.match(/^\s*/)[0].length, rgx = new RegExp("^\\s{0," + rsp + "}", "gm");
-        return text.replace(rgx, "");
-      }
-      this._dispatch = function dispatch(evtName, text, options2, globals) {
-        if (listeners.hasOwnProperty(evtName)) {
-          for (var ei = 0; ei < listeners[evtName].length; ++ei) {
-            var nText = listeners[evtName][ei](evtName, text, this, options2, globals);
-            if (nText && typeof nText !== "undefined") {
-              text = nText;
-            }
-          }
-        }
-        return text;
-      };
-      this.listen = function(name, callback) {
-        listen(name, callback);
-        return this;
-      };
-      this.makeHtml = function(text) {
-        if (!text) {
-          return text;
-        }
-        var globals = {
-          gHtmlBlocks: [],
-          gHtmlMdBlocks: [],
-          gHtmlSpans: [],
-          gUrls: {},
-          gTitles: {},
-          gDimensions: {},
-          gListLevel: 0,
-          hashLinkCounts: {},
-          langExtensions,
-          outputModifiers,
-          converter: this,
-          ghCodeBlocks: [],
-          metadata: {
-            parsed: {},
-            raw: "",
-            format: ""
-          }
-        };
-        text = text.replace(/¨/g, "¨T");
-        text = text.replace(/\$/g, "¨D");
-        text = text.replace(/\r\n/g, "\n");
-        text = text.replace(/\r/g, "\n");
-        text = text.replace(/\u00A0/g, "&nbsp;");
-        if (options.smartIndentationFix) {
-          text = rTrimInputText(text);
-        }
-        text = "\n\n" + text + "\n\n";
-        text = showdown2.subParser("detab")(text, options, globals);
-        text = text.replace(/^[ \t]+$/mg, "");
-        showdown2.helper.forEach(langExtensions, function(ext) {
-          text = showdown2.subParser("runExtension")(ext, text, options, globals);
-        });
-        text = showdown2.subParser("metadata")(text, options, globals);
-        text = showdown2.subParser("hashPreCodeTags")(text, options, globals);
-        text = showdown2.subParser("githubCodeBlocks")(text, options, globals);
-        text = showdown2.subParser("hashHTMLBlocks")(text, options, globals);
-        text = showdown2.subParser("hashCodeTags")(text, options, globals);
-        text = showdown2.subParser("stripLinkDefinitions")(text, options, globals);
-        text = showdown2.subParser("blockGamut")(text, options, globals);
-        text = showdown2.subParser("unhashHTMLSpans")(text, options, globals);
-        text = showdown2.subParser("unescapeSpecialChars")(text, options, globals);
-        text = text.replace(/¨D/g, "$$");
-        text = text.replace(/¨T/g, "¨");
-        text = showdown2.subParser("completeHTMLDocument")(text, options, globals);
-        showdown2.helper.forEach(outputModifiers, function(ext) {
-          text = showdown2.subParser("runExtension")(ext, text, options, globals);
-        });
-        metadata = globals.metadata;
-        return text;
-      };
-      this.makeMarkdown = this.makeMd = function(src, HTMLParser) {
-        src = src.replace(/\r\n/g, "\n");
-        src = src.replace(/\r/g, "\n");
-        src = src.replace(/>[ \t]+</, ">¨NBSP;<");
-        if (!HTMLParser) {
-          if (window && window.document) {
-            HTMLParser = window.document;
-          } else {
-            throw new Error("HTMLParser is undefined. If in a webworker or nodejs environment, you need to provide a WHATWG DOM and HTML such as JSDOM");
-          }
-        }
-        var doc = HTMLParser.createElement("div");
-        doc.innerHTML = src;
-        var globals = {
-          preList: substitutePreCodeTags(doc)
-        };
-        clean(doc);
-        var nodes = doc.childNodes, mdDoc = "";
-        for (var i2 = 0; i2 < nodes.length; i2++) {
-          mdDoc += showdown2.subParser("makeMarkdown.node")(nodes[i2], globals);
-        }
-        function clean(node) {
-          for (var n2 = 0; n2 < node.childNodes.length; ++n2) {
-            var child = node.childNodes[n2];
-            if (child.nodeType === 3) {
-              if (!/\S/.test(child.nodeValue) && !/^[ ]+$/.test(child.nodeValue)) {
-                node.removeChild(child);
-                --n2;
-              } else {
-                child.nodeValue = child.nodeValue.split("\n").join(" ");
-                child.nodeValue = child.nodeValue.replace(/(\s)+/g, "$1");
-              }
-            } else if (child.nodeType === 1) {
-              clean(child);
-            }
+      for (i2 = 0; i2 < rows.length; ++i2) {
+        var r2 = tableArray.push([]) - 1, cols = rows[i2].getElementsByTagName("td");
+        for (ii = 0; ii < headings.length; ++ii) {
+          var cellContent = " ";
+          if (typeof cols[ii] !== "undefined") {
+            cellContent = showdown2.subParser("makeMarkdown.tableCell")(cols[ii], globals);
           }
-        }
-        function substitutePreCodeTags(doc2) {
-          var pres = doc2.querySelectorAll("pre"), presPH = [];
-          for (var i3 = 0; i3 < pres.length; ++i3) {
-            if (pres[i3].childElementCount === 1 && pres[i3].firstChild.tagName.toLowerCase() === "code") {
-              var content = pres[i3].firstChild.innerHTML.trim(), language = pres[i3].firstChild.getAttribute("data-language") || "";
-              if (language === "") {
-                var classes = pres[i3].firstChild.className.split(" ");
-                for (var c2 = 0; c2 < classes.length; ++c2) {
-                  var matches = classes[c2].match(/^language-(.+)$/);
-                  if (matches !== null) {
-                    language = matches[1];
-                    break;
-                  }
-                }
-              }
-              content = showdown2.helper.unescapeHTMLEntities(content);
-              presPH.push(content);
-              pres[i3].outerHTML = '<precode language="' + language + '" precodenum="' + i3.toString() + '"></precode>';
+          tableArray[r2].push(cellContent);
+        }
+      }
+      var cellSpacesCount = 3;
+      for (i2 = 0; i2 < tableArray.length; ++i2) {
+        for (ii = 0; ii < tableArray[i2].length; ++ii) {
+          var strLen = tableArray[i2][ii].length;
+          if (strLen > cellSpacesCount) {
+            cellSpacesCount = strLen;
+          }
+        }
+      }
+      for (i2 = 0; i2 < tableArray.length; ++i2) {
+        for (ii = 0; ii < tableArray[i2].length; ++ii) {
+          if (i2 === 1) {
+            if (tableArray[i2][ii].slice(-1) === ":") {
+              tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii].slice(-1), cellSpacesCount - 1, "-") + ":";
             } else {
-              presPH.push(pres[i3].innerHTML);
-              pres[i3].innerHTML = "";
-              pres[i3].setAttribute("prenum", i3.toString());
+              tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii], cellSpacesCount, "-");
             }
+          } else {
+            tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii], cellSpacesCount);
           }
-          return presPH;
         }
-        return mdDoc;
-      };
-      this.setOption = function(key2, value) {
-        options[key2] = value;
-      };
-      this.getOption = function(key2) {
-        return options[key2];
-      };
-      this.getOptions = function() {
-        return options;
-      };
-      this.addExtension = function(extension, name) {
-        name = name || null;
-        _parseExtension(extension, name);
-      };
-      this.useExtension = function(extensionName) {
-        _parseExtension(extensionName);
-      };
-      this.setFlavor = function(name) {
-        if (!flavor.hasOwnProperty(name)) {
-          throw Error(name + " flavor was not found");
+        txt += "| " + tableArray[i2].join(" | ") + " |\n";
+      }
+      return txt.trim();
+    });
+    showdown2.subParser("makeMarkdown.tableCell", function(node, globals) {
+      var txt = "";
+      if (!node.hasChildNodes()) {
+        return "";
+      }
+      var children = node.childNodes, childrenLength = children.length;
+      for (var i2 = 0; i2 < childrenLength; ++i2) {
+        txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals, true);
+      }
+      return txt.trim();
+    });
+    showdown2.subParser("makeMarkdown.txt", function(node) {
+      var txt = node.nodeValue;
+      txt = txt.replace(/ +/g, " ");
+      txt = txt.replace(/¨NBSP;/g, " ");
+      txt = showdown2.helper.unescapeHTMLEntities(txt);
+      txt = txt.replace(/([*_~|`])/g, "\\$1");
+      txt = txt.replace(/^(\s*)>/g, "\\$1>");
+      txt = txt.replace(/^#/gm, "\\#");
+      txt = txt.replace(/^(\s*)([-=]{3,})(\s*)$/, "$1\\$2$3");
+      txt = txt.replace(/^( {0,3}\d+)\./gm, "$1\\.");
+      txt = txt.replace(/^( {0,3})([+-])/gm, "$1\\$2");
+      txt = txt.replace(/]([\s]*)\(/g, "\\]$1\\(");
+      txt = txt.replace(/^ {0,3}\[([\S \t]*?)]:/gm, "\\[$1]:");
+      return txt;
+    });
+    var root2 = this;
+    if (module.exports) {
+      module.exports = showdown2;
+    } else {
+      root2.showdown = showdown2;
+    }
+  }).call(commonjsGlobal);
+})(showdown);
+var showdownExports = showdown.exports;
+showdownExports.setOption("simpleLineBreaks", true);
+showdownExports.setOption("literalMidWordUnderscores", true);
+const converter = new showdownExports.Converter();
+const MarkdownDiv = (props) => {
+  const { markdown, style } = props;
+  const escaped = markdown ? escape$1(markdown) : "";
+  const preRendered = preRenderText(escaped);
+  const renderedHtml = converter.makeHtml(preRendered);
+  const withCode = unescapeCodeHtmlEntities(renderedHtml);
+  const markup = { __html: withCode };
+  return m$1`<div
+    dangerouslySetInnerHTML=${markup}
+    style=${style}
+    class="${props.class ? `${props.class} ` : ""}markdown-content"
+  />`;
+};
+const kLetterListPattern = /^([a-zA-Z][).]\s.*?)$/gm;
+const kCommonmarkReferenceLinkPattern = /\[(.*)\]:( +.+)/g;
+const preRenderText = (txt) => {
+  const rendered = txt.replaceAll(
+    kLetterListPattern,
+    "<p style='margin-bottom: 0.2em;'>$1</p>"
+  );
+  return rendered.replaceAll(kCommonmarkReferenceLinkPattern, "[$1]:$2");
+};
+const escape$1 = (content) => {
+  return content.replace(/[<>&'"]/g, function(c2) {
+    switch (c2) {
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case "&":
+        return "&amp;";
+      case "'":
+        return "&apos;";
+      case '"':
+        return "&quot;";
+    }
+  });
+};
+function unescapeCodeHtmlEntities(str) {
+  const htmlEntities = {
+    "&lt;": "<",
+    "&gt;": ">",
+    "&amp;": "&",
+    "&#x5C;": "\\",
+    "&quot;": '"'
+  };
+  return str.replace(
+    /(<code[^>]*>)([\s\S]*?)(<\/code>)/gi,
+    function(match, starttag, content, endtag) {
+      return starttag + content.replace(
+        /&(?:amp|lt|gt|quot|#39|#x2F|#x5C|#96);/g,
+        function(entity) {
+          return htmlEntities[entity] || entity;
         }
-        var preset = flavor[name];
-        setConvFlavor = name;
-        for (var option in preset) {
-          if (preset.hasOwnProperty(option)) {
-            options[option] = preset[option];
-          }
+      ) + endtag;
+    }
+  );
+}
+Prism.languages.python = {
+  "comment": {
+    pattern: /(^|[^\\])#.*/,
+    lookbehind: true,
+    greedy: true
+  },
+  "string-interpolation": {
+    pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+    greedy: true,
+    inside: {
+      "interpolation": {
+        // "{" <expression> <optional "!s", "!r", or "!a"> <optional ":" format specifier> "}"
+        pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+        lookbehind: true,
+        inside: {
+          "format-spec": {
+            pattern: /(:)[^:(){}]+(?=\}$)/,
+            lookbehind: true
+          },
+          "conversion-option": {
+            pattern: /![sra](?=[:}]$)/,
+            alias: "punctuation"
+          },
+          rest: null
         }
-      };
-      this.getFlavor = function() {
-        return setConvFlavor;
-      };
-      this.removeExtension = function(extension) {
-        if (!showdown2.helper.isArray(extension)) {
-          extension = [extension];
+      },
+      "string": /[\s\S]+/
+    }
+  },
+  "triple-quoted-string": {
+    pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+    greedy: true,
+    alias: "string"
+  },
+  "string": {
+    pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+    greedy: true
+  },
+  "function": {
+    pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+    lookbehind: true
+  },
+  "class-name": {
+    pattern: /(\bclass\s+)\w+/i,
+    lookbehind: true
+  },
+  "decorator": {
+    pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+    lookbehind: true,
+    alias: ["annotation", "punctuation"],
+    inside: {
+      "punctuation": /\./
+    }
+  },
+  "keyword": /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+  "builtin": /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+  "boolean": /\b(?:False|None|True)\b/,
+  "number": /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+  "operator": /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+  "punctuation": /[{}[\];(),.:]/
+};
+Prism.languages.python["string-interpolation"].inside["interpolation"].inside.rest = Prism.languages.python;
+Prism.languages.py = Prism.languages.python;
+(function(Prism2) {
+  var envVars = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
+  var commandAfterHeredoc = {
+    pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
+    lookbehind: true,
+    alias: "punctuation",
+    // this looks reasonably well in all themes
+    inside: null
+    // see below
+  };
+  var insideString = {
+    "bash": commandAfterHeredoc,
+    "environment": {
+      pattern: RegExp("\\$" + envVars),
+      alias: "constant"
+    },
+    "variable": [
+      // [0]: Arithmetic Environment
+      {
+        pattern: /\$?\(\([\s\S]+?\)\)/,
+        greedy: true,
+        inside: {
+          // If there is a $ sign at the beginning highlight $(( and )) as variable
+          "variable": [
+            {
+              pattern: /(^\$\(\([\s\S]+)\)\)/,
+              lookbehind: true
+            },
+            /^\$\(\(/
+          ],
+          "number": /\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,
+          // Operators according to https://www.gnu.org/software/bash/manual/bashref.html#Shell-Arithmetic
+          "operator": /--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,
+          // If there is no $ sign at the beginning highlight (( and )) as punctuation
+          "punctuation": /\(\(?|\)\)?|,|;/
         }
-        for (var a2 = 0; a2 < extension.length; ++a2) {
-          var ext = extension[a2];
-          for (var i2 = 0; i2 < langExtensions.length; ++i2) {
-            if (langExtensions[i2] === ext) {
-              langExtensions.splice(i2, 1);
-            }
-          }
-          for (var ii = 0; ii < outputModifiers.length; ++ii) {
-            if (outputModifiers[ii] === ext) {
-              outputModifiers.splice(ii, 1);
-            }
+      },
+      // [1]: Command Substitution
+      {
+        pattern: /\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,
+        greedy: true,
+        inside: {
+          "variable": /^\$\(|^`|\)$|`$/
+        }
+      },
+      // [2]: Brace expansion
+      {
+        pattern: /\$\{[^}]+\}/,
+        greedy: true,
+        inside: {
+          "operator": /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
+          "punctuation": /[\[\]]/,
+          "environment": {
+            pattern: RegExp("(\\{)" + envVars),
+            lookbehind: true,
+            alias: "constant"
           }
         }
-      };
-      this.getAllExtensions = function() {
-        return {
-          language: langExtensions,
-          output: outputModifiers
-        };
-      };
-      this.getMetadata = function(raw) {
-        if (raw) {
-          return metadata.raw;
-        } else {
-          return metadata.parsed;
+      },
+      /\$(?:\w+|[#?*!@$])/
+    ],
+    // Escape sequences from echo and printf's manuals, and escaped quotes.
+    "entity": /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
+  };
+  Prism2.languages.bash = {
+    "shebang": {
+      pattern: /^#!\s*\/.*/,
+      alias: "important"
+    },
+    "comment": {
+      pattern: /(^|[^"{\\$])#.*/,
+      lookbehind: true
+    },
+    "function-name": [
+      // a) function foo {
+      // b) foo() {
+      // c) function foo() {
+      // but not “foo {”
+      {
+        // a) and c)
+        pattern: /(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,
+        lookbehind: true,
+        alias: "function"
+      },
+      {
+        // b)
+        pattern: /\b[\w-]+(?=\s*\(\s*\)\s*\{)/,
+        alias: "function"
+      }
+    ],
+    // Highlight variable names as variables in for and select beginnings.
+    "for-or-select": {
+      pattern: /(\b(?:for|select)\s+)\w+(?=\s+in\s)/,
+      alias: "variable",
+      lookbehind: true
+    },
+    // Highlight variable names as variables in the left-hand part
+    // of assignments (“=” and “+=”).
+    "assign-left": {
+      pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
+      inside: {
+        "environment": {
+          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + envVars),
+          lookbehind: true,
+          alias: "constant"
         }
-      };
-      this.getMetadataFormat = function() {
-        return metadata.format;
-      };
-      this._setMetadataPair = function(key2, value) {
-        metadata.parsed[key2] = value;
-      };
-      this._setMetadataFormat = function(format) {
-        metadata.format = format;
-      };
-      this._setMetadataRaw = function(raw) {
-        metadata.raw = raw;
-      };
-    };
-    showdown2.subParser("anchors", function(text, options, globals) {
-      text = globals.converter._dispatch("anchors.before", text, options, globals);
-      var writeAnchorTag = function(wholeMatch, linkText, linkId, url, m5, m6, title) {
-        if (showdown2.helper.isUndefined(title)) {
-          title = "";
+      },
+      alias: "variable",
+      lookbehind: true
+    },
+    // Highlight parameter names as variables
+    "parameter": {
+      pattern: /(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,
+      alias: "variable",
+      lookbehind: true
+    },
+    "string": [
+      // Support for Here-documents https://en.wikipedia.org/wiki/Here_document
+      {
+        pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
+        lookbehind: true,
+        greedy: true,
+        inside: insideString
+      },
+      // Here-document with quotes around the tag
+      // → No expansion (so no “inside”).
+      {
+        pattern: /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
+        lookbehind: true,
+        greedy: true,
+        inside: {
+          "bash": commandAfterHeredoc
         }
-        linkId = linkId.toLowerCase();
-        if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
-          url = "";
-        } else if (!url) {
-          if (!linkId) {
-            linkId = linkText.toLowerCase().replace(/ ?\n/g, " ");
-          }
-          url = "#" + linkId;
-          if (!showdown2.helper.isUndefined(globals.gUrls[linkId])) {
-            url = globals.gUrls[linkId];
-            if (!showdown2.helper.isUndefined(globals.gTitles[linkId])) {
-              title = globals.gTitles[linkId];
-            }
-          } else {
-            return wholeMatch;
-          }
+      },
+      // “Normal” string
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/Double-Quotes.html
+        pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
+        lookbehind: true,
+        greedy: true,
+        inside: insideString
+      },
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
+        pattern: /(^|[^$\\])'[^']*'/,
+        lookbehind: true,
+        greedy: true
+      },
+      {
+        // https://www.gnu.org/software/bash/manual/html_node/ANSI_002dC-Quoting.html
+        pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
+        greedy: true,
+        inside: {
+          "entity": insideString.entity
         }
-        url = url.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-        var result = '<a href="' + url + '"';
-        if (title !== "" && title !== null) {
-          title = title.replace(/"/g, "&quot;");
-          title = title.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-          result += ' title="' + title + '"';
+      }
+    ],
+    "environment": {
+      pattern: RegExp("\\$?" + envVars),
+      alias: "constant"
+    },
+    "variable": insideString.variable,
+    "function": {
+      pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
+      lookbehind: true
+    },
+    "keyword": {
+      pattern: /(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,
+      lookbehind: true
+    },
+    // https://www.gnu.org/software/bash/manual/html_node/Shell-Builtin-Commands.html
+    "builtin": {
+      pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,
+      lookbehind: true,
+      // Alias added to make those easier to distinguish from strings.
+      alias: "class-name"
+    },
+    "boolean": {
+      pattern: /(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,
+      lookbehind: true
+    },
+    "file-descriptor": {
+      pattern: /\B&\d\b/,
+      alias: "important"
+    },
+    "operator": {
+      // Lots of redirections here, but not just that.
+      pattern: /\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,
+      inside: {
+        "file-descriptor": {
+          pattern: /^\d/,
+          alias: "important"
         }
-        if (options.openLinksInNewWindow && !/^#/.test(url)) {
-          result += ' rel="noopener noreferrer" target="¨E95Eblank"';
+      }
+    },
+    "punctuation": /\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,
+    "number": {
+      pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
+      lookbehind: true
+    }
+  };
+  commandAfterHeredoc.inside = Prism2.languages.bash;
+  var toBeCopied = [
+    "comment",
+    "function-name",
+    "for-or-select",
+    "assign-left",
+    "parameter",
+    "string",
+    "environment",
+    "function",
+    "keyword",
+    "builtin",
+    "boolean",
+    "file-descriptor",
+    "operator",
+    "punctuation",
+    "number"
+  ];
+  var inside = insideString.variable[1].inside;
+  for (var i2 = 0; i2 < toBeCopied.length; i2++) {
+    inside[toBeCopied[i2]] = Prism2.languages.bash[toBeCopied[i2]];
+  }
+  Prism2.languages.sh = Prism2.languages.bash;
+  Prism2.languages.shell = Prism2.languages.bash;
+})(Prism);
+Prism.languages.json = {
+  "property": {
+    pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
+    lookbehind: true,
+    greedy: true
+  },
+  "string": {
+    pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
+    lookbehind: true,
+    greedy: true
+  },
+  "comment": {
+    pattern: /\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,
+    greedy: true
+  },
+  "number": /-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,
+  "punctuation": /[{}[\],]/,
+  "operator": /:/,
+  "boolean": /\b(?:false|true)\b/,
+  "null": {
+    pattern: /\bnull\b/,
+    alias: "keyword"
+  }
+};
+Prism.languages.webmanifest = Prism.languages.json;
+const ApplicationStyles = {
+  moreButton: {
+    maxHeight: "1.8em",
+    fontSize: FontSize.smaller,
+    padding: "0 0.2em 0 0.2em",
+    ...TextStyle.secondary
+  },
+  threeLineClamp: {
+    display: "-webkit-box",
+    "-webkit-line-clamp": "3",
+    "-webkit-box-orient": "vertical",
+    overflow: "hidden"
+  },
+  lineClamp: (len) => {
+    return {
+      display: "-webkit-box",
+      "-webkit-line-clamp": `${len}`,
+      "-webkit-box-orient": "vertical",
+      overflow: "hidden"
+    };
+  },
+  wrapText: () => {
+    return {
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis",
+      overflow: "hidden"
+    };
+  },
+  scoreFills: {
+    green: {
+      backgroundColor: "var(--bs-success)",
+      borderColor: "var(--bs-success)",
+      color: "var(--bs-body-bg)"
+    },
+    red: {
+      backgroundColor: "var(--bs-danger)",
+      borderColor: "var(--bs-danger)",
+      color: "var(--bs-body-bg)"
+    },
+    orange: {
+      backgroundColor: "var(--bs-orange)",
+      borderColor: "var(--bs-orange)",
+      color: "var(--bs-body-bg)"
+    }
+  }
+};
+const ExpandablePanel = ({ collapse, border, lines = 7, children }) => {
+  const [collapsed, setCollapsed] = h(collapse);
+  const [showToggle, setShowToggle] = h(false);
+  const contentsRef = A();
+  const observerRef = A();
+  y(() => {
+    setCollapsed(collapse);
+  }, [children, collapse]);
+  y(() => {
+    const checkScrollable = () => {
+      if (collapse && contentsRef.current) {
+        const isScrollable = contentsRef.current.offsetHeight < contentsRef.current.scrollHeight;
+        setShowToggle(isScrollable);
+      }
+    };
+    observerRef.current = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          checkScrollable();
         }
-        result += ">" + linkText + "</a>";
-        return result;
+      });
+    });
+    if (contentsRef.current) {
+      observerRef.current.observe(contentsRef.current);
+    }
+    checkScrollable();
+    return () => {
+      if (observerRef.current && contentsRef.current) {
+        observerRef.current.unobserve(contentsRef.current);
+      }
+    };
+  }, [collapse, contentsRef, observerRef]);
+  let contentsStyle = { fontSize: FontSize.base };
+  if (collapse && collapsed) {
+    contentsStyle = { ...contentsStyle, ...ApplicationStyles.lineClamp(lines) };
+  }
+  if (border) {
+    contentsStyle.border = "solid var(--bs-light-border-subtle) 1px";
+  }
+  return m$1`<div
+      class="expandable-panel"
+      ref=${contentsRef}
+      style=${contentsStyle}
+    >
+      ${children}
+    </div>
+    ${showToggle ? m$1`<${MoreToggle}
+          collapsed=${collapsed}
+          setCollapsed=${setCollapsed}
+          border=${!border}
+        />` : ""}`;
+};
+const MoreToggle = ({ collapsed, border, setCollapsed }) => {
+  const text = collapsed ? "more" : "less";
+  const icon = collapsed ? ApplicationIcons["expand-down"] : ApplicationIcons.collapse.up;
+  const topStyle = {
+    display: "flex",
+    marginBottom: "0.5em"
+  };
+  if (border) {
+    topStyle.borderTop = "solid var(--bs-light-border-subtle) 1px";
+    topStyle.marginTop = "0.5em";
+  } else {
+    topStyle.marginTop = "0";
+  }
+  return m$1`
+    <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>
+  `;
+};
+const resolveToolInput = (fn2, toolArgs) => {
+  const toolName = fn2;
+  const [inputKey, inputType] = extractInputMetadata(toolName);
+  const { input, args } = extractInput(inputKey, toolArgs);
+  const functionCall = args.length > 0 ? `${toolName}(${args.join(",")})` : toolName;
+  return {
+    functionCall,
+    input,
+    inputType
+  };
+};
+const ToolCallView = ({
+  functionCall,
+  input,
+  inputType,
+  output,
+  mode
+}) => {
+  const icon = mode === "compact" ? "" : m$1`<i
+          class="bi bi-tools"
+          style=${{
+    marginRight: "0.2rem",
+    opacity: "0.4"
+  }}
+        ></i>`;
+  const codeIndent = mode === "compact" ? "" : "";
+  return m$1`<p>
+        ${icon}
+        <code style=${{ fontSize: FontSize.small }}>${functionCall}</code>
+        <div>
+            <div style=${{ marginLeft: `${codeIndent}` }}>
+            <${ToolInput} type=${inputType} contents=${input}/>
+            ${output ? m$1`
+              <${ExpandablePanel} collapse=${true} border=${true} lines=10>
+              <${MessageContent} contents=${output} />
+              </${ExpandablePanel}>` : ""}
+            </div>
+        </div>
+        </p>`;
+};
+const ToolInput = ({ type, contents }) => {
+  if (!contents) {
+    return "";
+  }
+  const toolInputRef = A(
+    /** @type {HTMLElement|null} */
+    null
+  );
+  if (typeof contents === "object" || Array.isArray(contents)) {
+    contents = JSON.stringify(contents);
+  }
+  T(() => {
+    const tokens = Prism$1.languages[type];
+    if (toolInputRef.current && tokens) {
+      const html = Prism$1.highlight(contents, tokens, type);
+      toolInputRef.current.innerHTML = html;
+    }
+  }, [toolInputRef.current, type, contents]);
+  return m$1`<pre
+    class="tool-output"
+    style=${{
+    padding: "0.5em",
+    marginTop: "0.25em",
+    marginBottom: "1rem"
+  }}
+  >
+      <code ref=${toolInputRef} class="sourceCode${type ? ` language-${type}` : ""}" style=${{
+    overflowWrap: "anywhere",
+    whiteSpace: "pre-wrap"
+  }}>
+        ${contents}
+        </code>
+    </pre>`;
+};
+const ToolOutput = ({ output, style }) => {
+  if (!output) {
+    return "";
+  }
+  if (typeof output === "object" || Array.isArray(output)) {
+    output = JSON.stringify(output);
+  }
+  return m$1`<pre
+    style=${{
+    marginLeft: "2px",
+    padding: "0.5em 0.5em 0.5em 0.5em",
+    whiteSpace: "pre-wrap",
+    marginBottom: "0",
+    ...style
+  }}
+  ><code class="sourceCode" style=${{ wordWrap: "anywhere" }}>
+      ${output}
+      </code></pre>`;
+};
+const extractInputMetadata = (toolName) => {
+  if (toolName === "bash") {
+    return ["cmd", "bash"];
+  } else if (toolName === "python") {
+    return ["code", "python"];
+  } else if (toolName === "web_search") {
+    return ["query", "text"];
+  } else {
+    return [void 0, void 0];
+  }
+};
+const extractInput = (inputKey, args) => {
+  const formatArg = (key2, value) => {
+    const quotedValue = typeof value === "string" ? `"${value}"` : value;
+    return `${key2}: ${quotedValue}`;
+  };
+  if (args) {
+    if (Object.keys(args).length === 1) {
+      return {
+        input: args[Object.keys(args)[0]],
+        args: []
+      };
+    } else if (args[inputKey]) {
+      const input = args[inputKey];
+      const filteredArgs = Object.keys(args).filter((key2) => {
+        return key2 !== inputKey;
+      }).map((key2) => {
+        return formatArg(key2, args[key2]);
+      });
+      return {
+        input,
+        args: filteredArgs
       };
-      text = text.replace(/\[((?:\[[^\]]*]|[^\[\]])*)] ?(?:\n *)?\[(.*?)]()()()()/g, writeAnchorTag);
-      text = text.replace(
-        /\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<([^>]*)>(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
-        writeAnchorTag
-      );
-      text = text.replace(
-        /\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,
-        writeAnchorTag
-      );
-      text = text.replace(/\[([^\[\]]+)]()()()()()/g, writeAnchorTag);
-      if (options.ghMentions) {
-        text = text.replace(/(^|\s)(\\)?(@([a-z\d]+(?:[a-z\d.-]+?[a-z\d]+)*))/gmi, function(wm, st, escape2, mentions, username) {
-          if (escape2 === "\\") {
-            return st + mentions;
-          }
-          if (!showdown2.helper.isString(options.ghMentionsLink)) {
-            throw new Error("ghMentionsLink option must be a string");
-          }
-          var lnk = options.ghMentionsLink.replace(/\{u}/g, username), target = "";
-          if (options.openLinksInNewWindow) {
-            target = ' rel="noopener noreferrer" target="¨E95Eblank"';
-          }
-          return st + '<a href="' + lnk + '"' + target + ">" + mentions + "</a>";
-        });
-      }
-      text = globals.converter._dispatch("anchors.after", text, options, globals);
-      return text;
-    });
-    var simpleURLRegex = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+?\.[^'">\s]+?)()(\1)?(?=\s|$)(?!["<>])/gi, simpleURLRegex2 = /([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+?)([.!?,()\[\]])?(\1)?(?=\s|$)(?!["<>])/gi, delimUrlRegex = /()<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)()>()/gi, simpleMailRegex = /(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gmi, delimMailRegex = /<()(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi, replaceLink = function(options) {
-      return function(wm, leadingMagicChars, link, m2, m3, trailingPunctuation, trailingMagicChars) {
-        link = link.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-        var lnkTxt = link, append = "", target = "", lmc = leadingMagicChars || "", tmc = trailingMagicChars || "";
-        if (/^www\./i.test(link)) {
-          link = link.replace(/^www\./i, "http://www.");
-        }
-        if (options.excludeTrailingPunctuationFromURLs && trailingPunctuation) {
-          append = trailingPunctuation;
-        }
-        if (options.openLinksInNewWindow) {
-          target = ' rel="noopener noreferrer" target="¨E95Eblank"';
-        }
-        return lmc + '<a href="' + link + '"' + target + ">" + lnkTxt + "</a>" + append + tmc;
+    } else {
+      const formattedArgs = Object.keys(args).map((key2) => {
+        return formatArg(key2, args[key2]);
+      });
+      return {
+        input: void 0,
+        args: formattedArgs
       };
-    }, replaceMail = function(options, globals) {
-      return function(wholeMatch, b2, mail) {
-        var href = "mailto:";
-        b2 = b2 || "";
-        mail = showdown2.subParser("unescapeSpecialChars")(mail, options, globals);
-        if (options.encodeEmails) {
-          href = showdown2.helper.encodeEmailAddress(href + mail);
-          mail = showdown2.helper.encodeEmailAddress(mail);
+    }
+  }
+  return {
+    input: void 0,
+    args: []
+  };
+};
+const MessageContent = (props) => {
+  const { contents } = props;
+  if (Array.isArray(contents)) {
+    return contents.map((content, index) => {
+      if (typeof content === "string") {
+        return messageRenderers["text"].render({
+          text: content,
+          index: index === contents.length - 1
+        });
+      } else {
+        const renderer = messageRenderers[content.type];
+        if (renderer) {
+          return renderer.render(content, index === contents.length - 1);
         } else {
-          href = href + mail;
+          console.error(`Unknown message content type '${content.type}'`);
         }
-        return b2 + '<a href="' + href + '">' + mail + "</a>";
-      };
-    };
-    showdown2.subParser("autoLinks", function(text, options, globals) {
-      text = globals.converter._dispatch("autoLinks.before", text, options, globals);
-      text = text.replace(delimUrlRegex, replaceLink(options));
-      text = text.replace(delimMailRegex, replaceMail(options, globals));
-      text = globals.converter._dispatch("autoLinks.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("simplifiedAutoLinks", function(text, options, globals) {
-      if (!options.simplifiedAutoLink) {
-        return text;
-      }
-      text = globals.converter._dispatch("simplifiedAutoLinks.before", text, options, globals);
-      if (options.excludeTrailingPunctuationFromURLs) {
-        text = text.replace(simpleURLRegex2, replaceLink(options));
-      } else {
-        text = text.replace(simpleURLRegex, replaceLink(options));
-      }
-      text = text.replace(simpleMailRegex, replaceMail(options, globals));
-      text = globals.converter._dispatch("simplifiedAutoLinks.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("blockGamut", function(text, options, globals) {
-      text = globals.converter._dispatch("blockGamut.before", text, options, globals);
-      text = showdown2.subParser("blockQuotes")(text, options, globals);
-      text = showdown2.subParser("headers")(text, options, globals);
-      text = showdown2.subParser("horizontalRule")(text, options, globals);
-      text = showdown2.subParser("lists")(text, options, globals);
-      text = showdown2.subParser("codeBlocks")(text, options, globals);
-      text = showdown2.subParser("tables")(text, options, globals);
-      text = showdown2.subParser("hashHTMLBlocks")(text, options, globals);
-      text = showdown2.subParser("paragraphs")(text, options, globals);
-      text = globals.converter._dispatch("blockGamut.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("blockQuotes", function(text, options, globals) {
-      text = globals.converter._dispatch("blockQuotes.before", text, options, globals);
-      text = text + "\n\n";
-      var rgx = /(^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+/gm;
-      if (options.splitAdjacentBlockquotes) {
-        rgx = /^ {0,3}>[\s\S]*?(?:\n\n)/gm;
       }
-      text = text.replace(rgx, function(bq) {
-        bq = bq.replace(/^[ \t]*>[ \t]?/gm, "");
-        bq = bq.replace(/¨0/g, "");
-        bq = bq.replace(/^[ \t]+$/gm, "");
-        bq = showdown2.subParser("githubCodeBlocks")(bq, options, globals);
-        bq = showdown2.subParser("blockGamut")(bq, options, globals);
-        bq = bq.replace(/(^|\n)/g, "$1  ");
-        bq = bq.replace(/(\s*<pre>[^\r]+?<\/pre>)/gm, function(wholeMatch, m1) {
-          var pre = m1;
-          pre = pre.replace(/^  /mg, "¨0");
-          pre = pre.replace(/¨0/g, "");
-          return pre;
-        });
-        return showdown2.subParser("hashBlock")("<blockquote>\n" + bq + "\n</blockquote>", options, globals);
-      });
-      text = globals.converter._dispatch("blockQuotes.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("codeBlocks", function(text, options, globals) {
-      text = globals.converter._dispatch("codeBlocks.before", text, options, globals);
-      text += "¨0";
-      var pattern = /(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g;
-      text = text.replace(pattern, function(wholeMatch, m1, m2) {
-        var codeblock = m1, nextChar = m2, end2 = "\n";
-        codeblock = showdown2.subParser("outdent")(codeblock, options, globals);
-        codeblock = showdown2.subParser("encodeCode")(codeblock, options, globals);
-        codeblock = showdown2.subParser("detab")(codeblock, options, globals);
-        codeblock = codeblock.replace(/^\n+/g, "");
-        codeblock = codeblock.replace(/\n+$/g, "");
-        if (options.omitExtraWLInCodeBlocks) {
-          end2 = "";
-        }
-        codeblock = "<pre><code>" + codeblock + end2 + "</code></pre>";
-        return showdown2.subParser("hashBlock")(codeblock, options, globals) + nextChar;
-      });
-      text = text.replace(/¨0/, "");
-      text = globals.converter._dispatch("codeBlocks.after", text, options, globals);
-      return text;
     });
-    showdown2.subParser("codeSpans", function(text, options, globals) {
-      text = globals.converter._dispatch("codeSpans.before", text, options, globals);
-      if (typeof text === "undefined") {
-        text = "";
+  } else {
+    return messageRenderers["text"].render({ text: contents });
+  }
+};
+const messageRenderers = {
+  text: {
+    render: (content, isLast) => {
+      return m$1`<${MarkdownDiv}
+        markdown=${content.text}
+        class=${isLast ? "no-last-para-padding" : ""}
+      />`;
+    }
+  },
+  image: {
+    render: (content) => {
+      if (content.image.startsWith("data:")) {
+        return m$1`<img
+          src="${content.image}"
+          style=${{
+          maxWidth: "400px",
+          border: "solid var(--bs-border-color) 1px"
+        }}
+        />`;
+      } else {
+        return m$1`<code>${content.image}</code>`;
       }
-      text = text.replace(
-        /(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
-        function(wholeMatch, m1, m2, m3) {
-          var c2 = m3;
-          c2 = c2.replace(/^([ \t]*)/g, "");
-          c2 = c2.replace(/[ \t]*$/g, "");
-          c2 = showdown2.subParser("encodeCode")(c2, options, globals);
-          c2 = m1 + "<code>" + c2 + "</code>";
-          c2 = showdown2.subParser("hashHTMLSpans")(c2, options, globals);
-          return c2;
-        }
+    }
+  },
+  tool: {
+    render: (content) => {
+      return m$1`<${ToolOutput} output=${content.text} />`;
+    }
+  }
+};
+const ChatView = ({ id, messages, style }) => {
+  const toolMessages = {};
+  const nonToolMessages = [];
+  for (const message of messages) {
+    if (message.role === "tool") {
+      toolMessages[message.tool_call_id] = message;
+    } else {
+      nonToolMessages.push(message);
+    }
+  }
+  const systemMessages = [];
+  const collapsedMessages = nonToolMessages.map((msg) => {
+    if (msg.role === "system") {
+      systemMessages.push(msg);
+    }
+    return msg;
+  }).filter((msg) => {
+    return msg.role !== "system";
+  });
+  const systemMessage = systemMessages.reduce(
+    (reduced, message) => {
+      const systemContents = Array.isArray(message.content) ? message.content : [message.content];
+      reduced.content.push(...systemContents.map(normalizeContent));
+      return reduced;
+    },
+    { role: "system", content: [] }
+  );
+  if (systemMessage && systemMessage.content.length > 0) {
+    collapsedMessages.unshift(systemMessage);
+  }
+  const result = m$1`
+    <div style=${style}>
+      ${collapsedMessages.map((msg) => {
+    return m$1`<${ChatMessage}
+          id=${`${id}-chat-messages`}
+          message=${msg}
+          toolMessages=${toolMessages}
+        />`;
+  })}
+    </div>
+  `;
+  return result;
+};
+const normalizeContent = (content) => {
+  if (typeof content === "string") {
+    return {
+      type: "text",
+      text: content
+    };
+  } else {
+    return content;
+  }
+};
+const ChatMessage = ({ id, message, toolMessages }) => {
+  const iconCls = iconForMsg(message);
+  const icon = iconCls ? m$1`<i class="${iconCls}"></i>` : "";
+  const collapse = message.role === "system";
+  return m$1`
+    <div
+      class="container-fluid ${message.role}"
+      style=${{
+    fontSize: FontSize.base,
+    fontWeight: "300",
+    paddingBottom: ".5em",
+    justifyContent: "flex-start",
+    marginLeft: "0",
+    marginRight: "0",
+    opacity: message.role === "system" ? "0.7" : "1",
+    whiteSpace: "normal"
+  }}
+    >
+      <div class="row row-cols-2">
+        <div
+          class="col"
+          style=${{
+    flex: "0 1 1em",
+    paddingLeft: "0",
+    paddingRight: "0.5em",
+    marginLeft: "0",
+    fontWeight: "500"
+  }}
+        >
+          ${icon}
+        </div>
+        <div
+          class="col"
+          style=${{
+    flex: "1 0 auto",
+    marginLeft: ".3rem",
+    paddingLeft: "0"
+  }}
+        >
+          <div style=${{ fontWeight: "500", ...TextStyle.label }}>${message.role}</div>
+          <${ExpandablePanel} collapse=${collapse}>
+            <${MessageContents}
+              key=${`${id}-contents`}
+              message=${message}
+              toolMessages=${toolMessages}
+            />
+          </${ExpandablePanel}>
+        </div>
+      </div>
+    </div>
+  `;
+};
+const MessageContents = ({ message, toolMessages }) => {
+  if (message.tool_calls && message.tool_calls.length) {
+    const result = [];
+    if (message.content) {
+      result.push(
+        m$1`<div style=${{ marginBottom: "1em" }}>
+          <${MessageContent} contents=${message.content} />
+        </div>`
       );
-      text = globals.converter._dispatch("codeSpans.after", text, options, globals);
-      return text;
+    }
+    const toolCalls = message.tool_calls.map((tool_call) => {
+      const toolMessage = toolMessages[tool_call.id];
+      const { input, functionCall, inputType } = resolveToolInput(
+        tool_call.function,
+        tool_call.arguments
+      );
+      const resolvedToolOutput = resolveToolMessage(toolMessage);
+      return m$1`<${ToolCallView}
+        functionCall=${functionCall}
+        input=${input}
+        inputType=${inputType}
+        output=${resolvedToolOutput}
+      />`;
     });
-    showdown2.subParser("completeHTMLDocument", function(text, options, globals) {
-      if (!options.completeHTMLDocument) {
-        return text;
-      }
-      text = globals.converter._dispatch("completeHTMLDocument.before", text, options, globals);
-      var doctype = "html", doctypeParsed = "<!DOCTYPE HTML>\n", title = "", charset = '<meta charset="utf-8">\n', lang = "", metadata = "";
-      if (typeof globals.metadata.parsed.doctype !== "undefined") {
-        doctypeParsed = "<!DOCTYPE " + globals.metadata.parsed.doctype + ">\n";
-        doctype = globals.metadata.parsed.doctype.toString().toLowerCase();
-        if (doctype === "html" || doctype === "html5") {
-          charset = '<meta charset="utf-8">';
-        }
-      }
-      for (var meta in globals.metadata.parsed) {
-        if (globals.metadata.parsed.hasOwnProperty(meta)) {
-          switch (meta.toLowerCase()) {
-            case "doctype":
-              break;
-            case "title":
-              title = "<title>" + globals.metadata.parsed.title + "</title>\n";
-              break;
-            case "charset":
-              if (doctype === "html" || doctype === "html5") {
-                charset = '<meta charset="' + globals.metadata.parsed.charset + '">\n';
-              } else {
-                charset = '<meta name="charset" content="' + globals.metadata.parsed.charset + '">\n';
-              }
-              break;
-            case "language":
-            case "lang":
-              lang = ' lang="' + globals.metadata.parsed[meta] + '"';
-              metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
-              break;
-            default:
-              metadata += '<meta name="' + meta + '" content="' + globals.metadata.parsed[meta] + '">\n';
-          }
-        }
+    if (toolCalls) {
+      result.push(...toolCalls);
+    }
+    return result;
+  } else {
+    return m$1`<${MessageContent} contents=${message.content} />`;
+  }
+};
+const iconForMsg = (msg) => {
+  let iconCls = ApplicationIcons.role.assistant;
+  if (msg.role === "user") {
+    iconCls = ApplicationIcons.role.user;
+  } else if (msg.role === "system") {
+    iconCls = ApplicationIcons.role.system;
+  } else if (msg.role === "tool") {
+    iconCls = ApplicationIcons.role.tool;
+  }
+  return iconCls;
+};
+const resolveToolMessage = (toolMessage) => {
+  var _a;
+  if (!toolMessage) {
+    return void 0;
+  }
+  const content = ((_a = toolMessage.error) == null ? void 0 : _a.message) || toolMessage.tool_error || toolMessage.content;
+  if (typeof content === "string") {
+    return [
+      {
+        type: "tool",
+        text: content
       }
-      text = doctypeParsed + "<html" + lang + ">\n<head>\n" + title + charset + metadata + "</head>\n<body>\n" + text.trim() + "\n</body>\n</html>";
-      text = globals.converter._dispatch("completeHTMLDocument.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("detab", function(text, options, globals) {
-      text = globals.converter._dispatch("detab.before", text, options, globals);
-      text = text.replace(/\t(?=\t)/g, "    ");
-      text = text.replace(/\t/g, "¨A¨B");
-      text = text.replace(/¨B(.+?)¨A/g, function(wholeMatch, m1) {
-        var leadingText = m1, numSpaces = 4 - leadingText.length % 4;
-        for (var i2 = 0; i2 < numSpaces; i2++) {
-          leadingText += " ";
-        }
-        return leadingText;
-      });
-      text = text.replace(/¨A/g, "    ");
-      text = text.replace(/¨B/g, "");
-      text = globals.converter._dispatch("detab.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("ellipsis", function(text, options, globals) {
-      if (!options.ellipsis) {
-        return text;
+    ];
+  } else {
+    return content.map((con) => {
+      if (typeof content === "string") {
+        return {
+          type: "tool",
+          text: content
+        };
+      } else if (con.type === "text") {
+        return {
+          ...con,
+          type: "tool"
+        };
       }
-      text = globals.converter._dispatch("ellipsis.before", text, options, globals);
-      text = text.replace(/\.\.\./g, "…");
-      text = globals.converter._dispatch("ellipsis.after", text, options, globals);
-      return text;
     });
-    showdown2.subParser("emoji", function(text, options, globals) {
-      if (!options.emoji) {
-        return text;
+  }
+};
+const RenderedContent = ({
+  id,
+  entry,
+  context,
+  defaultRendering,
+  options
+}) => {
+  if (entry.value === null) {
+    return "[null]";
+  }
+  const renderer = Object.keys(contentRenderers).map((key2) => {
+    return contentRenderers[key2];
+  }).sort((a2, b2) => {
+    return a2.bucket - b2.bucket;
+  }).find((renderer2) => {
+    return renderer2.canRender(entry);
+  });
+  let value = entry.value;
+  if (renderer) {
+    const { rendered, afterBody } = renderer.render(
+      id,
+      entry,
+      defaultRendering,
+      options,
+      context
+    );
+    if (rendered !== void 0) {
+      value = rendered;
+      if (afterBody !== void 0) {
+        context.afterBody(afterBody);
       }
-      text = globals.converter._dispatch("emoji.before", text, options, globals);
-      var emojiRgx = /:([\S]+?):/g;
-      text = text.replace(emojiRgx, function(wm, emojiCode) {
-        if (showdown2.helper.emojis.hasOwnProperty(emojiCode)) {
-          return showdown2.helper.emojis[emojiCode];
-        }
-        return wm;
-      });
-      text = globals.converter._dispatch("emoji.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("encodeAmpsAndAngles", function(text, options, globals) {
-      text = globals.converter._dispatch("encodeAmpsAndAngles.before", text, options, globals);
-      text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, "&amp;");
-      text = text.replace(/<(?![a-z\/?$!])/gi, "&lt;");
-      text = text.replace(/</g, "&lt;");
-      text = text.replace(/>/g, "&gt;");
-      text = globals.converter._dispatch("encodeAmpsAndAngles.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("encodeBackslashEscapes", function(text, options, globals) {
-      text = globals.converter._dispatch("encodeBackslashEscapes.before", text, options, globals);
-      text = text.replace(/\\(\\)/g, showdown2.helper.escapeCharactersCallback);
-      text = text.replace(/\\([`*_{}\[\]()>#+.!~=|:-])/g, showdown2.helper.escapeCharactersCallback);
-      text = globals.converter._dispatch("encodeBackslashEscapes.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("encodeCode", function(text, options, globals) {
-      text = globals.converter._dispatch("encodeCode.before", text, options, globals);
-      text = text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/([*_{}\[\]\\=~-])/g, showdown2.helper.escapeCharactersCallback);
-      text = globals.converter._dispatch("encodeCode.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("escapeSpecialCharsWithinTagAttributes", function(text, options, globals) {
-      text = globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.before", text, options, globals);
-      var tags = /<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi, comments = /<!(--(?:(?:[^>-]|-[^>])(?:[^-]|-[^-])*)--)>/gi;
-      text = text.replace(tags, function(wholeMatch) {
-        return wholeMatch.replace(/(.)<\/?code>(?=.)/g, "$1`").replace(/([\\`*_~=|])/g, showdown2.helper.escapeCharactersCallback);
-      });
-      text = text.replace(comments, function(wholeMatch) {
-        return wholeMatch.replace(/([\\`*_~=|])/g, showdown2.helper.escapeCharactersCallback);
-      });
-      text = globals.converter._dispatch("escapeSpecialCharsWithinTagAttributes.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("githubCodeBlocks", function(text, options, globals) {
-      if (!options.ghCodeBlocks) {
-        return text;
+    }
+  }
+  return m$1`${value}`;
+};
+const Buckets = {
+  first: 0,
+  intermediate: 10,
+  final: 1e3
+};
+const contentRenderers = {
+  AnsiString: {
+    bucket: Buckets.first,
+    canRender: (entry) => {
+      return typeof entry.value === "string" && entry.value.indexOf("\x1B") > -1;
+    },
+    render: (id, entry) => {
+      return {
+        rendered: m$1`<${ANSIDisplay} output=${entry.value} />`
+      };
+    }
+  },
+  Model: {
+    bucket: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "object" && entry.value._model;
+    },
+    render: (_id, entry) => {
+      return {
+        rendered: m$1`<i class="${ApplicationIcons.model}"></i> ${entry.value._model}`
+      };
+    }
+  },
+  Boolean: {
+    order: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "boolean";
+    },
+    render: (id, entry) => {
+      entry.value = entry.value.toString();
+      return contentRenderers.String.render(id, entry);
+    }
+  },
+  Number: {
+    order: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "number";
+    },
+    render: (id, entry) => {
+      entry.value = entry.value.toString();
+      return contentRenderers.String.render(id, entry);
+    }
+  },
+  String: {
+    bucket: Buckets.final,
+    canRender: (entry) => {
+      return typeof entry.value === "string";
+    },
+    render: (_id, entry, defaultRendering) => {
+      const rendered = defaultRendering ? defaultRendering(entry.value.trim()) : entry.value.trim();
+      return {
+        rendered
+      };
+    }
+  },
+  Array: {
+    bucket: Buckets.intermediate,
+    canRender: (entry) => {
+      const isArray = Array.isArray(entry.value);
+      if (isArray) {
+        const types = new Set(
+          entry.value.map((entry2) => {
+            return typeof entry2;
+          })
+        );
+        return types.size === 1;
+      } else {
+        return false;
       }
-      text = globals.converter._dispatch("githubCodeBlocks.before", text, options, globals);
-      text += "¨0";
-      text = text.replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g, function(wholeMatch, delim, language, codeblock) {
-        var end2 = options.omitExtraWLInCodeBlocks ? "" : "\n";
-        codeblock = showdown2.subParser("encodeCode")(codeblock, options, globals);
-        codeblock = showdown2.subParser("detab")(codeblock, options, globals);
-        codeblock = codeblock.replace(/^\n+/g, "");
-        codeblock = codeblock.replace(/\n+$/g, "");
-        codeblock = "<pre><code" + (language ? ' class="' + language + " language-" + language + '"' : "") + ">" + codeblock + end2 + "</code></pre>";
-        codeblock = showdown2.subParser("hashBlock")(codeblock, options, globals);
-        return "\n\n¨G" + (globals.ghCodeBlocks.push({ text: wholeMatch, codeblock }) - 1) + "G\n\n";
+    },
+    render: (id, entry, _defaultRendering, _options, context) => {
+      const arrayMap = {};
+      entry.value.forEach((entry2, index) => {
+        arrayMap[`[${index}]`] = entry2;
       });
-      text = text.replace(/¨0/, "");
-      return globals.converter._dispatch("githubCodeBlocks.after", text, options, globals);
-    });
-    showdown2.subParser("hashBlock", function(text, options, globals) {
-      text = globals.converter._dispatch("hashBlock.before", text, options, globals);
-      text = text.replace(/(^\n+|\n+$)/g, "");
-      text = "\n\n¨K" + (globals.gHtmlBlocks.push(text) - 1) + "K\n\n";
-      text = globals.converter._dispatch("hashBlock.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("hashCodeTags", function(text, options, globals) {
-      text = globals.converter._dispatch("hashCodeTags.before", text, options, globals);
-      var repFunc = function(wholeMatch, match, left2, right2) {
-        var codeblock = left2 + showdown2.subParser("encodeCode")(match, options, globals) + right2;
-        return "¨C" + (globals.gHtmlSpans.push(codeblock) - 1) + "C";
+      const arrayRendered = m$1`<${MetaDataView}
+        id=${id}
+        style=${{ fontSize: FontSize.small }}
+        entries="${arrayMap}"
+        tableOptions="borderless,sm"
+        context=${context}
+        compact
+      />`;
+      return { rendered: arrayRendered };
+    }
+  },
+  ChatMessage: {
+    bucket: Buckets.first,
+    canRender: (entry) => {
+      var _a, _b;
+      const val = entry.value;
+      return Array.isArray(val) && val.length > 0 && ((_a = val[0]) == null ? void 0 : _a.role) !== void 0 && ((_b = val[0]) == null ? void 0 : _b.content) !== void 0;
+    },
+    render: (_id, entry) => {
+      return {
+        rendered: m$1`<${ChatView} messages=${entry.value} />`
       };
-      text = showdown2.helper.replaceRecursiveRegExp(text, repFunc, "<code\\b[^>]*>", "</code>", "gim");
-      text = globals.converter._dispatch("hashCodeTags.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("hashElement", function(text, options, globals) {
-      return function(wholeMatch, m1) {
-        var blockText = m1;
-        blockText = blockText.replace(/\n\n/g, "\n");
-        blockText = blockText.replace(/^\n/, "");
-        blockText = blockText.replace(/\n+$/g, "");
-        blockText = "\n\n¨K" + (globals.gHtmlBlocks.push(blockText) - 1) + "K\n\n";
-        return blockText;
+    }
+  },
+  web_search: {
+    bucket: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "object" && entry.name === "web_search";
+    },
+    render: (_id, entry) => {
+      const results = [];
+      results.push(
+        m$1`<div style=${{ marginBottom: "0.5rem", fontWeight: "500" }}>
+          <i class=${ApplicationIcons.search}></i> ${entry.value.query}
+        </div>`
+      );
+      entry.value.results.forEach((result) => {
+        results.push(
+          m$1`<div>
+            <a href="${result.url}">${result.url}</a>
+          </div>`
+        );
+        results.push(
+          m$1`<div
+            style=${{ fontSize: FontSize.smaller, marginBottom: "0.5rem" }}
+          >
+            ${result.summary}
+          </div>`
+        );
+      });
+      return {
+        rendered: results
       };
-    });
-    showdown2.subParser("hashHTMLBlocks", function(text, options, globals) {
-      text = globals.converter._dispatch("hashHTMLBlocks.before", text, options, globals);
-      var blockTags = [
-        "pre",
-        "div",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "blockquote",
-        "table",
-        "dl",
-        "ol",
-        "ul",
-        "script",
-        "noscript",
-        "form",
-        "fieldset",
-        "iframe",
-        "math",
-        "style",
-        "section",
-        "header",
-        "footer",
-        "nav",
-        "article",
-        "aside",
-        "address",
-        "audio",
-        "canvas",
-        "figure",
-        "hgroup",
-        "output",
-        "video",
-        "p"
-      ], repFunc = function(wholeMatch, match, left2, right2) {
-        var txt = wholeMatch;
-        if (left2.search(/\bmarkdown\b/) !== -1) {
-          txt = left2 + globals.converter.makeHtml(match) + right2;
-        }
-        return "\n\n¨K" + (globals.gHtmlBlocks.push(txt) - 1) + "K\n\n";
+    }
+  },
+  Html: {
+    bucket: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "object" && entry.value._html;
+    },
+    render: (id, entry) => {
+      return {
+        rendered: entry.value._html
       };
-      if (options.backslashEscapesHTMLTags) {
-        text = text.replace(/\\<(\/?[^>]+?)>/g, function(wm, inside) {
-          return "&lt;" + inside + "&gt;";
-        });
-      }
-      for (var i2 = 0; i2 < blockTags.length; ++i2) {
-        var opTagPos, rgx1 = new RegExp("^ {0,3}(<" + blockTags[i2] + "\\b[^>]*>)", "im"), patLeft = "<" + blockTags[i2] + "\\b[^>]*>", patRight = "</" + blockTags[i2] + ">";
-        while ((opTagPos = showdown2.helper.regexIndexOf(text, rgx1)) !== -1) {
-          var subTexts = showdown2.helper.splitAtIndex(text, opTagPos), newSubText1 = showdown2.helper.replaceRecursiveRegExp(subTexts[1], repFunc, patLeft, patRight, "im");
-          if (newSubText1 === subTexts[1]) {
-            break;
-          }
-          text = subTexts[0].concat(newSubText1);
-        }
+    }
+  },
+  Object: {
+    bucket: Buckets.intermediate,
+    canRender: (entry) => {
+      return typeof entry.value === "object";
+    },
+    render: (id, entry, _defaultRendering, _options, context) => {
+      const summary = [];
+      const keys = Object.keys(entry.value);
+      if (keys.length > 4) {
+        summary.push(...keys.slice(0, 2));
+        summary.push("...");
+        summary.push(...keys.slice(keys.length - 2));
+      } else {
+        summary.push(...keys);
       }
-      text = text.replace(
-        /(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,
-        showdown2.subParser("hashElement")(text, options, globals)
-      );
-      text = showdown2.helper.replaceRecursiveRegExp(text, function(txt) {
-        return "\n\n¨K" + (globals.gHtmlBlocks.push(txt) - 1) + "K\n\n";
-      }, "^ {0,3}<!--", "-->", "gm");
-      text = text.replace(
-        /(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,
-        showdown2.subParser("hashElement")(text, options, globals)
-      );
-      text = globals.converter._dispatch("hashHTMLBlocks.after", text, options, globals);
-      return text;
+      return {
+        rendered: m$1`<${MetaDataView}
+          id=${id}
+          style=${{ fontSize: FontSize.smaller }}
+          entries="${entry.value}"
+          tableOptions="borderless,sm"
+          context=${context}
+          compact
+        />`
+      };
+    }
+  }
+};
+const MetaDataView = ({
+  id,
+  baseClass,
+  classes,
+  style,
+  entries,
+  tableOptions,
+  context,
+  expanded,
+  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
+  };
+  tableOptions = tableOptions || "sm";
+  const tblClz = (tableOptions || "").split(",").map((option) => {
+    return `table-${option}`;
+  });
+  if (entries && !Array.isArray(entries)) {
+    entries = Object.entries(entries || {}).map(([key2, value]) => {
+      return { name: key2, value };
     });
-    showdown2.subParser("hashHTMLSpans", function(text, options, globals) {
-      text = globals.converter._dispatch("hashHTMLSpans.before", text, options, globals);
-      function hashHTMLSpan(html) {
-        return "¨C" + (globals.gHtmlSpans.push(html) - 1) + "C";
-      }
-      text = text.replace(/<[^>]+?\/>/gi, function(wm) {
-        return hashHTMLSpan(wm);
-      });
-      text = text.replace(/<([^>]+?)>[\s\S]*?<\/\1>/g, function(wm) {
-        return hashHTMLSpan(wm);
-      });
-      text = text.replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g, function(wm) {
-        return hashHTMLSpan(wm);
+  }
+  const entryEls = (entries || []).map((entry, index) => {
+    const id2 = `${baseId}-value-${index}`;
+    return m$1`<tr class="${baseId}-row">
+      <td
+        class="${baseId}-key"
+        style=${{ ...cellStyle, ...cellKeyStyle, ...cellKeyTextStyle }}
+      >
+        ${entry.name}
+      </td>
+      <td class="${baseId}-value" style=${{ ...cellStyle, ...cellValueStyle }}>
+        <${RenderedContent}
+          id=${id2}
+          entry=${entry}
+          context=${context}
+          options=${{ expanded }}
+        />
+      </td>
+    </tr>`;
+  });
+  return m$1`<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>`;
+};
+const kPlanCardBodyId = "task-plan-card-body";
+const PlanCard = ({ log, context }) => {
+  var _a;
+  return m$1`
+    <${Card}>
+      <${CardHeader} icon=${ApplicationIcons.config} label="Config"/>
+      <${CardBody} id="${kPlanCardBodyId}" style=${{
+    paddingTop: "0",
+    paddingBottom: "0",
+    borderTop: "solid var(--bs-border-color) 1px"
+  }}>
+      
+        <${PlanDetailView}
+          evaluation=${log == null ? void 0 : log.eval}
+          plan=${log == null ? void 0 : log.plan}
+          scores=${(_a = log == null ? void 0 : log.results) == null ? void 0 : _a.scores}
+          context=${context}
+        />
+      </${CardBody}>
+    </${Card}>
+  `;
+};
+const planItemStyle = {
+  fontSize: FontSize.base,
+  marginBottom: "0em"
+};
+const planSepStyle = {
+  marginLeft: ".3em",
+  marginRight: ".3em",
+  marginTop: "em",
+  marginBottom: "-0.1em"
+};
+const ScorerDetailView = ({ name, scores, params, context }) => {
+  if (scores.length > 1) {
+    params["scores"] = scores;
+  }
+  return m$1`<${DetailStep}
+    icon=${ApplicationIcons.scorer}
+    name=${name}
+    params=${params}
+    context=${context}
+    style=${planItemStyle}
+  />`;
+};
+const DatasetDetailView = ({ dataset, context, style }) => {
+  if (!dataset || Object.keys(dataset).length === 0) {
+    return m$1`<span style=${{ ...planItemStyle, ...style }}
+      >No dataset information available</span
+    >`;
+  }
+  return m$1`<${MetaDataView}
+    entries="${dataset}"
+    tableOptions="borderless,sm"
+    context=${context}
+    style=${{ ...planItemStyle, ...style }}
+  />`;
+};
+const SolversDetailView = ({ steps, context }) => {
+  const separator = m$1` <div style=${{ ...planItemStyle, ...planSepStyle }}>
+    <i class="${ApplicationIcons.arrows.right}"></i>
+  </div>`;
+  const details = steps == null ? void 0 : steps.map((step, index) => {
+    return m$1`
+      <${DetailStep}
+        name=${step.solver}
+        context=${context}
+        style=${planItemStyle}
+      />
+      ${index < steps.length - 1 ? separator : ""}
+    `;
+  });
+  return m$1`<div
+    style=${{
+    display: "flex",
+    flexDirection: "columns"
+  }}
+  >
+    ${details}
+  </div>`;
+};
+const DetailStep = ({ icon, name, params, style, context }) => {
+  const iconHtml = icon ? m$1`<i class="${icon}" style=${{ marginRight: ".3em" }}></i>` : "";
+  return m$1`
+    <div style=${style}>
+      ${iconHtml} ${name}
+      <div
+        style=${{
+    marginLeft: "1.3rem",
+    marginTop: "0.2rem",
+    marginBottom: "0.3rem"
+  }}
+      >
+        ${m$1`<${MetaDataView}
+          entries="${params}"
+          context=${context}
+          style=${{ fontSize: FontSize.small }}
+        />`}
+      </div>
+    </div>
+  `;
+};
+const PlanDetailView = ({ evaluation, plan, context, scores }) => {
+  if (!evaluation) {
+    return "";
+  }
+  const config = (evaluation == null ? void 0 : evaluation.config) || {};
+  const steps = plan == null ? void 0 : plan.steps;
+  const metadata = evaluation == null ? void 0 : evaluation.metadata;
+  const revision = evaluation == null ? void 0 : evaluation.revision;
+  const packages = evaluation == null ? void 0 : evaluation.packages;
+  const model_args = evaluation == null ? void 0 : evaluation.model_args;
+  const task_args = evaluation == null ? void 0 : evaluation.task_args;
+  const generate_config = plan == null ? void 0 : plan.config;
+  const taskInformation = {
+    ["Task ID"]: evaluation == null ? void 0 : evaluation.task_id,
+    ["Run ID"]: evaluation == null ? void 0 : evaluation.run_id
+  };
+  if (revision) {
+    taskInformation[`${revision.type ? `${toTitleCase(revision.type)} ` : ""}Revision`] = {
+      _html: m$1`<a href="${ghCommitUrl(revision.origin, revision.commit)}"
+        >${revision.commit}</a
+      >`
+    };
+  }
+  if (packages) {
+    taskInformation["Inspect"] = {
+      _html: m$1`${Object.keys(packages).map((key2) => {
+        return `${key2} ${packages[key2]}`;
+      }).join("<br/>\n")}`
+    };
+  }
+  if (evaluation == null ? void 0 : evaluation.model) {
+    config["model"] = evaluation.model;
+  }
+  if (evaluation == null ? void 0 : evaluation.model_base_url) {
+    config["model_base_url"] = evaluation.model_base_url;
+  }
+  if (evaluation == null ? void 0 : evaluation.sandbox) {
+    config["sandbox"] = evaluation.sandbox[0];
+    if (evaluation.sandbox[1]) {
+      config["sandbox_config"] = evaluation.sandbox[1];
+    }
+  }
+  const floatingColumnStyle = {
+    flex: "0 1 1",
+    width: "unset",
+    textAlign: "left",
+    paddingLeft: "0.6rem",
+    paddingRight: "0.6rem"
+  };
+  const wideColumnStyle = {
+    flex: "1 1 1",
+    width: "unset",
+    paddingLeft: "0.6rem",
+    paddingRight: "0.6rem"
+  };
+  const oneColumnStyle = {
+    flex: "0 0 100%"
+  };
+  const twoColumnStyle = {
+    flex: "0 0 50%"
+  };
+  const planMetadataStyle = {
+    fontSize: FontSize.base
+  };
+  const taskColumns = [];
+  taskColumns.push({
+    title: "Dataset",
+    style: floatingColumnStyle,
+    contents: m$1`<${DatasetDetailView}
+      dataset=${evaluation.dataset}
+      context=${context}
+    />`
+  });
+  taskColumns.push({
+    title: "Plan",
+    style: wideColumnStyle,
+    contents: m$1`
+      <${SolversDetailView} steps=${steps} context=${context} />
+    `
+  });
+  if (scores) {
+    const scorers = scores.reduce((accum, score) => {
+      if (!accum[score.scorer]) {
+        accum[score.scorer] = {
+          scores: [score.name],
+          params: score.params
+        };
+      } else {
+        accum[score.scorer].scores.push(score.name);
+      }
+      return accum;
+    }, {});
+    if (Object.keys(scorers).length > 0) {
+      const label = Object.keys(scorers).length === 1 ? "Scorer" : "Scorers";
+      const scorerPanels = Object.keys(scorers).map((key2) => {
+        return m$1`<${ScorerDetailView}
+          name=${key2}
+          scores=${scorers[key2].scores}
+          params=${scorers[key2].params}
+          context=${context}
+        />`;
       });
-      text = text.replace(/<[^>]+?>/gi, function(wm) {
-        return hashHTMLSpan(wm);
+      taskColumns.push({
+        title: label,
+        style: floatingColumnStyle,
+        contents: scorerPanels
       });
-      text = globals.converter._dispatch("hashHTMLSpans.after", text, options, globals);
-      return text;
+    }
+  }
+  const metadataColumns = [];
+  const cols = colCount(
+    metadataColumns,
+    task_args,
+    model_args,
+    config,
+    metadata
+  );
+  const configColumnStyle = cols.length === 1 ? oneColumnStyle : twoColumnStyle;
+  metadataColumns.push({
+    title: "Task Information",
+    style: configColumnStyle,
+    contents: m$1`
+      <${MetaDataView}
+        style=${planMetadataStyle}
+        classes="task-title-deets-grid"
+        entries="${taskInformation}"
+        tableOptions="borderless,sm"
+        context=${context}
+      />
+    `
+  });
+  if (task_args && Object.keys(task_args).length > 0) {
+    metadataColumns.push({
+      title: "Task Args",
+      style: configColumnStyle,
+      contents: m$1`
+        <${MetaDataView}
+          style=${planMetadataStyle}
+          classes="task-plan-task-args-grid"
+          entries="${task_args}"
+          tableOptions="sm"
+          context=${context}
+        />
+      `
     });
-    showdown2.subParser("unhashHTMLSpans", function(text, options, globals) {
-      text = globals.converter._dispatch("unhashHTMLSpans.before", text, options, globals);
-      for (var i2 = 0; i2 < globals.gHtmlSpans.length; ++i2) {
-        var repText = globals.gHtmlSpans[i2], limit = 0;
-        while (/¨C(\d+)C/.test(repText)) {
-          var num = RegExp.$1;
-          repText = repText.replace("¨C" + num + "C", globals.gHtmlSpans[num]);
-          if (limit === 10) {
-            console.error("maximum nesting of 10 spans reached!!!");
-            break;
-          }
-          ++limit;
-        }
-        text = text.replace("¨C" + i2 + "C", repText);
-      }
-      text = globals.converter._dispatch("unhashHTMLSpans.after", text, options, globals);
-      return text;
+  }
+  if (model_args && Object.keys(model_args).length > 0) {
+    metadataColumns.push({
+      title: "Model Args",
+      style: configColumnStyle,
+      contents: m$1`
+        <${MetaDataView}
+          style=${planMetadataStyle}
+          classes="task-plan-model-args-grid"
+          entries="${model_args}"
+          tableOptions="sm"
+          context=${context}
+        />
+      `
     });
-    showdown2.subParser("hashPreCodeTags", function(text, options, globals) {
-      text = globals.converter._dispatch("hashPreCodeTags.before", text, options, globals);
-      var repFunc = function(wholeMatch, match, left2, right2) {
-        var codeblock = left2 + showdown2.subParser("encodeCode")(match, options, globals) + right2;
-        return "\n\n¨G" + (globals.ghCodeBlocks.push({ text: wholeMatch, codeblock }) - 1) + "G\n\n";
-      };
-      text = showdown2.helper.replaceRecursiveRegExp(text, repFunc, "^ {0,3}<pre\\b[^>]*>\\s*<code\\b[^>]*>", "^ {0,3}</code>\\s*</pre>", "gim");
-      text = globals.converter._dispatch("hashPreCodeTags.after", text, options, globals);
-      return text;
+  }
+  if (config && Object.keys(config).length > 0) {
+    metadataColumns.push({
+      title: "Configuration",
+      style: configColumnStyle,
+      contents: m$1`
+        <${MetaDataView}
+          style=${planMetadataStyle}
+          classes="task-plan-configuration"
+          entries="${config}"
+          tableOptions="sm"
+          context=${context}
+        />
+      `
     });
-    showdown2.subParser("headers", function(text, options, globals) {
-      text = globals.converter._dispatch("headers.before", text, options, globals);
-      var headerLevelStart = isNaN(parseInt(options.headerLevelStart)) ? 1 : parseInt(options.headerLevelStart), setextRegexH1 = options.smoothLivePreview ? /^(.+)[ \t]*\n={2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n=+[ \t]*\n+/gm, setextRegexH2 = options.smoothLivePreview ? /^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n-+[ \t]*\n+/gm;
-      text = text.replace(setextRegexH1, function(wholeMatch, m1) {
-        var spanGamut = showdown2.subParser("spanGamut")(m1, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m1) + '"', hLevel = headerLevelStart, hashBlock = "<h" + hLevel + hID + ">" + spanGamut + "</h" + hLevel + ">";
-        return showdown2.subParser("hashBlock")(hashBlock, options, globals);
-      });
-      text = text.replace(setextRegexH2, function(matchFound, m1) {
-        var spanGamut = showdown2.subParser("spanGamut")(m1, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m1) + '"', hLevel = headerLevelStart + 1, hashBlock = "<h" + hLevel + hID + ">" + spanGamut + "</h" + hLevel + ">";
-        return showdown2.subParser("hashBlock")(hashBlock, options, globals);
-      });
-      var atxStyle = options.requireSpaceBeforeHeadingText ? /^(#{1,6})[ \t]+(.+?)[ \t]*#*\n+/gm : /^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm;
-      text = text.replace(atxStyle, function(wholeMatch, m1, m2) {
-        var hText = m2;
-        if (options.customizedHeaderId) {
-          hText = m2.replace(/\s?\{([^{]+?)}\s*$/, "");
-        }
-        var span = showdown2.subParser("spanGamut")(hText, options, globals), hID = options.noHeaderId ? "" : ' id="' + headerId(m2) + '"', hLevel = headerLevelStart - 1 + m1.length, header = "<h" + hLevel + hID + ">" + span + "</h" + hLevel + ">";
-        return showdown2.subParser("hashBlock")(header, options, globals);
-      });
-      function headerId(m2) {
-        var title, prefix;
-        if (options.customizedHeaderId) {
-          var match = m2.match(/\{([^{]+?)}\s*$/);
-          if (match && match[1]) {
-            m2 = match[1];
-          }
-        }
-        title = m2;
-        if (showdown2.helper.isString(options.prefixHeaderId)) {
-          prefix = options.prefixHeaderId;
-        } else if (options.prefixHeaderId === true) {
-          prefix = "section-";
-        } else {
-          prefix = "";
-        }
-        if (!options.rawPrefixHeaderId) {
-          title = prefix + title;
-        }
-        if (options.ghCompatibleHeaderId) {
-          title = title.replace(/ /g, "-").replace(/&amp;/g, "").replace(/¨T/g, "").replace(/¨D/g, "").replace(/[&+$,\/:;=?@"#{}|^¨~\[\]`\\*)(%.!'<>]/g, "").toLowerCase();
-        } else if (options.rawHeaderId) {
-          title = title.replace(/ /g, "-").replace(/&amp;/g, "&").replace(/¨T/g, "¨").replace(/¨D/g, "$").replace(/["']/g, "-").toLowerCase();
-        } else {
-          title = title.replace(/[^\w]/g, "").toLowerCase();
-        }
-        if (options.rawPrefixHeaderId) {
-          title = prefix + title;
-        }
-        if (globals.hashLinkCounts[title]) {
-          title = title + "-" + globals.hashLinkCounts[title]++;
+  }
+  if (generate_config && Object.keys(generate_config).length > 0) {
+    metadataColumns.push({
+      title: "Generate Config",
+      style: configColumnStyle,
+      contents: m$1`
+        <${MetaDataView}
+          style=${planMetadataStyle}
+          classes="task-plan-generate-configuration"
+          entries="${generate_config}"
+          tableOptions="sm"
+          context=${context}
+        />
+      `
+    });
+  }
+  if (metadata && Object.keys(metadata).length > 0) {
+    metadataColumns.push({
+      title: "Metadata",
+      style: configColumnStyle,
+      contents: m$1`
+        <${MetaDataView}
+          style=${planMetadataStyle}
+          classes="task-plan-metadata"
+          entries="${metadata}"
+          tableOptions="sm"
+          context=${context}
+        />
+      `
+    });
+  }
+  return m$1`
+    <div style=${{ paddingTop: "0", paddingBottom: "1em", marginLeft: "0" }}>
+      <div
+        class="row"
+        style=${{
+    justifyContent: "space-between",
+    flexWrap: "wrap",
+    paddingBottom: "0.7rem",
+    borderBottom: "solid 1px var(--bs-border-color)"
+  }}
+      >
+        ${taskColumns.map((col) => {
+    return m$1`<${PlanColumn} title="${col.title}" style=${col.style}>
+        ${col.contents}
+      </${PlanColumn}>
+      `;
+  })}
+      </div>
+
+      <div
+        class="row"
+        style=${{ justifyContent: "flex-start", flexWrap: "wrap" }}
+      >
+        ${metadataColumns.map((col) => {
+    return m$1`<${PlanColumn} title="${col.title}" style=${col.style}>
+            ${col.contents}
+          </${PlanColumn}>
+          `;
+  })}
+      </div>
+    </div>
+  `;
+};
+const colCount = (...other) => {
+  let count = 0;
+  for (const o2 in other) {
+    if (o2 && Object.keys(o2).length > 0) {
+      count++;
+    }
+  }
+  return count;
+};
+const PlanColumn = ({ title, classes, style, children }) => {
+  return m$1`
+    <div class="${classes || ""}" ...${{ style }}>
+      <div
+        class="card-subheading"
+        style=${{
+    fontSize: FontSize.small,
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    marginTop: "1em"
+  }}
+      >
+        ${title}
+      </div>
+      ${children}
+    </div>
+  `;
+};
+const isNumeric = (n2) => {
+  return !isNaN(parseFloat(n2)) && isFinite(n2);
+};
+const kScoreTypePassFail = "passfail";
+const kScoreTypeCategorical = "categorical";
+const kScoreTypeNumeric = "numeric";
+const kScoreTypeOther = "other";
+const kScoreTypeObject = "object";
+const samplesDescriptor = (selectedScore, scorers, samples, epochs, context) => {
+  if (!samples) {
+    return void 0;
+  }
+  const score = (sample, scorer = selectedScore == null ? void 0 : selectedScore.scorer) => {
+    if (sample.scores[scorer]) {
+      return sample.scores[scorer];
+    } else {
+      return void 0;
+    }
+  };
+  const scoreValue = (sample) => {
+    if (Object.keys(sample.scores).length === 0 || !selectedScore) {
+      return void 0;
+    }
+    if (selectedScore.scorer !== selectedScore.name && sample.scores[selectedScore.scorer] && sample.scores[selectedScore.scorer].value) {
+      return sample.scores[selectedScore.scorer].value[selectedScore.name];
+    } else if (sample.scores[selectedScore.name]) {
+      return sample.scores[selectedScore.name].value;
+    } else {
+      return void 0;
+    }
+  };
+  const scoreAnswer = (sample, scorer) => {
+    if (sample) {
+      const sampleScore = score(sample, scorer);
+      if (sampleScore && sampleScore.answer) {
+        return sampleScore.answer;
+      } else if (sample.output.choices && sample.output.choices.length > 0) {
+        const content = sample.output.choices[0].message.content;
+        if (typeof content === "string") {
+          return content;
         } else {
-          globals.hashLinkCounts[title] = 1;
+          return content.length > 0 ? content[0].text : "";
         }
-        return title;
       }
-      text = globals.converter._dispatch("headers.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("horizontalRule", function(text, options, globals) {
-      text = globals.converter._dispatch("horizontalRule.before", text, options, globals);
-      var key2 = showdown2.subParser("hashBlock")("<hr />", options, globals);
-      text = text.replace(/^ {0,2}( ?-){3,}[ \t]*$/gm, key2);
-      text = text.replace(/^ {0,2}( ?\*){3,}[ \t]*$/gm, key2);
-      text = text.replace(/^ {0,2}( ?_){3,}[ \t]*$/gm, key2);
-      text = globals.converter._dispatch("horizontalRule.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("images", function(text, options, globals) {
-      text = globals.converter._dispatch("images.before", text, options, globals);
-      var inlineRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g, crazyRegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<([^>]*)>(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(?:(["'])([^"]*?)\6))?[ \t]?\)/g, base64RegExp = /!\[([^\]]*?)][ \t]*()\([ \t]?<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g, referenceRegExp = /!\[([^\]]*?)] ?(?:\n *)?\[([\s\S]*?)]()()()()()/g, refShortcutRegExp = /!\[([^\[\]]+)]()()()()()/g;
-      function writeImageTagBase64(wholeMatch, altText, linkId, url, width, height, m5, title) {
-        url = url.replace(/\s/g, "");
-        return writeImageTag(wholeMatch, altText, linkId, url, width, height, m5, title);
+    } else {
+      return void 0;
+    }
+  };
+  const scoreExplanation = (sample, scorer) => {
+    if (sample) {
+      const sampleScore = score(sample, scorer);
+      if (sampleScore && sampleScore.explanation) {
+        return sampleScore.explanation;
       }
-      function writeImageTag(wholeMatch, altText, linkId, url, width, height, m5, title) {
-        var gUrls = globals.gUrls, gTitles = globals.gTitles, gDims = globals.gDimensions;
-        linkId = linkId.toLowerCase();
-        if (!title) {
-          title = "";
-        }
-        if (wholeMatch.search(/\(<?\s*>? ?(['"].*['"])?\)$/m) > -1) {
-          url = "";
-        } else if (url === "" || url === null) {
-          if (linkId === "" || linkId === null) {
-            linkId = altText.toLowerCase().replace(/ ?\n/g, " ");
-          }
-          url = "#" + linkId;
-          if (!showdown2.helper.isUndefined(gUrls[linkId])) {
-            url = gUrls[linkId];
-            if (!showdown2.helper.isUndefined(gTitles[linkId])) {
-              title = gTitles[linkId];
-            }
-            if (!showdown2.helper.isUndefined(gDims[linkId])) {
-              width = gDims[linkId].width;
-              height = gDims[linkId].height;
-            }
-          } else {
-            return wholeMatch;
-          }
+    }
+    return void 0;
+  };
+  const uniqScoreValues = [
+    ...new Set(
+      samples.filter((sample) => !!sample.scores).filter((sample) => {
+        if (!selectedScore) {
+          return true;
         }
-        altText = altText.replace(/"/g, "&quot;").replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-        url = url.replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-        var result = '<img src="' + url + '" alt="' + altText + '"';
-        if (title && showdown2.helper.isString(title)) {
-          title = title.replace(/"/g, "&quot;").replace(showdown2.helper.regexes.asteriskDashAndColon, showdown2.helper.escapeCharactersCallback);
-          result += ' title="' + title + '"';
+        if (selectedScore.scorer !== selectedScore.name) {
+          return Object.keys(sample.scores).includes(selectedScore.scorer) && Object.keys(sample.scores[selectedScore.scorer].value).includes(
+            selectedScore.name
+          );
+        } else {
+          return Object.keys(sample.scores).includes(selectedScore.name);
         }
-        if (width && height) {
-          width = width === "*" ? "auto" : width;
-          height = height === "*" ? "auto" : height;
-          result += ' width="' + width + '"';
-          result += ' height="' + height + '"';
+      }).map((sample) => {
+        return scoreValue(sample);
+      }).filter((value) => {
+        return value !== null;
+      })
+    )
+  ];
+  const uniqScoreTypes = [
+    ...new Set(uniqScoreValues.map((scoreValue2) => typeof scoreValue2))
+  ];
+  let scoreDescriptor;
+  for (const categorizer of scoreCategorizers) {
+    scoreDescriptor = categorizer.describe(
+      uniqScoreValues,
+      uniqScoreTypes,
+      context
+    );
+    if (scoreDescriptor) {
+      break;
+    }
+  }
+  const sizes = samples.reduce(
+    (previous, current) => {
+      var _a;
+      previous[0] = Math.min(
+        Math.max(previous[0], inputString(current.input).length),
+        300
+      );
+      previous[1] = Math.min(
+        Math.max(previous[1], arrayToString(current.target).length),
+        300
+      );
+      previous[2] = Math.min(
+        Math.max(previous[2], ((_a = scoreAnswer(current)) == null ? void 0 : _a.length) || 0),
+        300
+      );
+      return previous;
+    },
+    [0, 0, 0]
+  );
+  const base = sizes[0] + sizes[1] + sizes[2] || 1;
+  const messageShape = {
+    input: sizes[0] / base,
+    target: sizes[1] / base,
+    answer: sizes[2] / base
+  };
+  const scoreRendered = (sample) => {
+    const score2 = scoreValue(sample);
+    if (score2 === null || score2 === "undefined") {
+      return "null";
+    } else if (scoreDescriptor.render) {
+      return scoreDescriptor.render(score2);
+    } else {
+      return score2;
+    }
+  };
+  const scorerDescriptor = (sample, scorer) => {
+    return {
+      explanation: () => {
+        return scoreExplanation(sample, scorer);
+      },
+      answer: () => {
+        return scoreAnswer(sample, scorer);
+      },
+      scores: () => {
+        if (!sample || !sample.scores) {
+          return [];
         }
-        result += " />";
-        return result;
-      }
-      text = text.replace(referenceRegExp, writeImageTag);
-      text = text.replace(base64RegExp, writeImageTagBase64);
-      text = text.replace(crazyRegExp, writeImageTag);
-      text = text.replace(inlineRegExp, writeImageTag);
-      text = text.replace(refShortcutRegExp, writeImageTag);
-      text = globals.converter._dispatch("images.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("italicsAndBold", function(text, options, globals) {
-      text = globals.converter._dispatch("italicsAndBold.before", text, options, globals);
-      function parseInside(txt, left2, right2) {
-        return left2 + txt + right2;
-      }
-      if (options.literalMidWordUnderscores) {
-        text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function(wm, txt) {
-          return parseInside(txt, "<strong><em>", "</em></strong>");
-        });
-        text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function(wm, txt) {
-          return parseInside(txt, "<strong>", "</strong>");
-        });
-        text = text.replace(/\b_(\S[\s\S]*?)_\b/g, function(wm, txt) {
-          return parseInside(txt, "<em>", "</em>");
-        });
-      } else {
-        text = text.replace(/___(\S[\s\S]*?)___/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<strong><em>", "</em></strong>") : wm;
-        });
-        text = text.replace(/__(\S[\s\S]*?)__/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<strong>", "</strong>") : wm;
-        });
-        text = text.replace(/_([^\s_][\s\S]*?)_/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<em>", "</em>") : wm;
-        });
-      }
-      if (options.literalMidWordAsterisks) {
-        text = text.replace(/([^*]|^)\B\*\*\*(\S[\s\S]*?)\*\*\*\B(?!\*)/g, function(wm, lead, txt) {
-          return parseInside(txt, lead + "<strong><em>", "</em></strong>");
-        });
-        text = text.replace(/([^*]|^)\B\*\*(\S[\s\S]*?)\*\*\B(?!\*)/g, function(wm, lead, txt) {
-          return parseInside(txt, lead + "<strong>", "</strong>");
-        });
-        text = text.replace(/([^*]|^)\B\*(\S[\s\S]*?)\*\B(?!\*)/g, function(wm, lead, txt) {
-          return parseInside(txt, lead + "<em>", "</em>");
-        });
-      } else {
-        text = text.replace(/\*\*\*(\S[\s\S]*?)\*\*\*/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<strong><em>", "</em></strong>") : wm;
-        });
-        text = text.replace(/\*\*(\S[\s\S]*?)\*\*/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<strong>", "</strong>") : wm;
-        });
-        text = text.replace(/\*([^\s*][\s\S]*?)\*/g, function(wm, m2) {
-          return /\S$/.test(m2) ? parseInside(m2, "<em>", "</em>") : wm;
+        const scoreNames = scorers.map((score2) => {
+          return score2.name;
         });
-      }
-      text = globals.converter._dispatch("italicsAndBold.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("lists", function(text, options, globals) {
-      function processListItems(listStr, trimTrailing) {
-        globals.gListLevel++;
-        listStr = listStr.replace(/\n{2,}$/, "\n");
-        listStr += "¨0";
-        var rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0| {0,3}([*+-]|\d+[.])[ \t]+))/gm, isParagraphed = /\n[ \t]*\n(?!¨0)/.test(listStr);
-        if (options.disableForced4SpacesIndentedSublists) {
-          rgx = /(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0|\2([*+-]|\d+[.])[ \t]+))/gm;
-        }
-        listStr = listStr.replace(rgx, function(wholeMatch, m1, m2, m3, m4, taskbtn, checked) {
-          checked = checked && checked.trim() !== "";
-          var item = showdown2.subParser("outdent")(m4, options, globals), bulletStyle = "";
-          if (taskbtn && options.tasklists) {
-            bulletStyle = ' class="task-list-item" style="list-style-type: none;"';
-            item = item.replace(/^[ \t]*\[(x|X| )?]/m, function() {
-              var otp = '<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"';
-              if (checked) {
-                otp += " checked";
+        const sampleScorer = sample.scores[scorer];
+        const scoreVal = sampleScorer.value;
+        if (typeof scoreVal === "object") {
+          const names = Object.keys(scoreVal);
+          if (names.find((name) => {
+            return !scoreNames.includes(name);
+          })) {
+            return [
+              {
+                name: scorer,
+                rendered: () => {
+                  return scoreDescriptor.render(scoreVal);
+                }
               }
-              otp += ">";
-              return otp;
+            ];
+          } else {
+            const scores = names.map((name) => {
+              return {
+                name,
+                rendered: () => {
+                  return scoreDescriptor.render(scoreVal[name]);
+                }
+              };
             });
+            return scores;
           }
-          item = item.replace(/^([-*+]|\d\.)[ \t]+[\S\n ]*/g, function(wm2) {
-            return "¨A" + wm2;
-          });
-          if (m1 || item.search(/\n{2,}/) > -1) {
-            item = showdown2.subParser("githubCodeBlocks")(item, options, globals);
-            item = showdown2.subParser("blockGamut")(item, options, globals);
-          } else {
-            item = showdown2.subParser("lists")(item, options, globals);
-            item = item.replace(/\n$/, "");
-            item = showdown2.subParser("hashHTMLBlocks")(item, options, globals);
-            item = item.replace(/\n\n+/g, "\n\n");
-            if (isParagraphed) {
-              item = showdown2.subParser("paragraphs")(item, options, globals);
-            } else {
-              item = showdown2.subParser("spanGamut")(item, options, globals);
+        } else {
+          return [
+            {
+              name: scorer,
+              rendered: () => {
+                return scoreDescriptor.render(scoreVal);
+              }
             }
-          }
-          item = item.replace("¨A", "");
-          item = "<li" + bulletStyle + ">" + item + "</li>\n";
-          return item;
-        });
-        listStr = listStr.replace(/¨0/g, "");
-        globals.gListLevel--;
-        if (trimTrailing) {
-          listStr = listStr.replace(/\s+$/, "");
+          ];
         }
-        return listStr;
       }
-      function styleStartNumber(list, listType) {
-        if (listType === "ol") {
-          var res = list.match(/^ *(\d+)\./);
-          if (res && res[1] !== "1") {
-            return ' start="' + res[1] + '"';
-          }
+    };
+  };
+  return {
+    scoreDescriptor,
+    epochs,
+    messageShape,
+    selectedScore: (sample) => {
+      return {
+        value: scoreValue(sample),
+        render: () => {
+          return scoreRendered(sample);
         }
-        return "";
+      };
+    },
+    scorer: (sample, scorer) => {
+      return scorerDescriptor(sample, scorer);
+    },
+    selectedScorer: (sample) => {
+      return scorerDescriptor(sample, selectedScore == null ? void 0 : selectedScore.scorer);
+    }
+  };
+};
+const scoreCategorizers = [
+  {
+    describe: (values, types) => {
+      if (values.length === 2 && types.length === 1 && types[0] === "boolean") {
+        return booleanScoreCategorizer();
       }
-      function parseConsecutiveLists(list, listType, trimTrailing) {
-        var olRgx = options.disableForced4SpacesIndentedSublists ? /^ ?\d+\.[ \t]/gm : /^ {0,3}\d+\.[ \t]/gm, ulRgx = options.disableForced4SpacesIndentedSublists ? /^ ?[*+-][ \t]/gm : /^ {0,3}[*+-][ \t]/gm, counterRxg = listType === "ul" ? olRgx : ulRgx, result = "";
-        if (list.search(counterRxg) !== -1) {
-          (function parseCL(txt) {
-            var pos2 = txt.search(counterRxg), style2 = styleStartNumber(list, listType);
-            if (pos2 !== -1) {
-              result += "\n\n<" + listType + style2 + ">\n" + processListItems(txt.slice(0, pos2), !!trimTrailing) + "</" + listType + ">\n";
-              listType = listType === "ul" ? "ol" : "ul";
-              counterRxg = listType === "ul" ? olRgx : ulRgx;
-              parseCL(txt.slice(pos2));
-            } else {
-              result += "\n\n<" + listType + style2 + ">\n" + processListItems(txt, !!trimTrailing) + "</" + listType + ">\n";
-            }
-          })(list);
-        } else {
-          var style = styleStartNumber(list, listType);
-          result = "\n\n<" + listType + style + ">\n" + processListItems(list, !!trimTrailing) + "</" + listType + ">\n";
-        }
-        return result;
+    }
+  },
+  {
+    describe: (values) => {
+      if ((values.length === 1 || values.length === 2) && values.every((val) => {
+        return val === 1 || val === 0;
+      })) {
+        return booleanScoreCategorizer();
       }
-      text = globals.converter._dispatch("lists.before", text, options, globals);
-      text += "¨0";
-      if (globals.gListLevel) {
-        text = text.replace(
-          /^(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
-          function(wholeMatch, list, m2) {
-            var listType = m2.search(/[*+-]/g) > -1 ? "ul" : "ol";
-            return parseConsecutiveLists(list, listType, true);
-          }
-        );
-      } else {
-        text = text.replace(
-          /(\n\n|^\n?)(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,
-          function(wholeMatch, m1, list, m3) {
-            var listType = m3.search(/[*+-]/g) > -1 ? "ul" : "ol";
-            return parseConsecutiveLists(list, listType, false);
+    }
+  },
+  {
+    describe: (values, types) => {
+      if (types[0] === "string" && types.length === 1 && values.length < 5 && !values.find((val) => {
+        return val !== "I" && val !== "C" && val !== "P" && val !== "N";
+      })) {
+        return passFailScoreCategorizer(values);
+      }
+    }
+  },
+  {
+    describe: (values, types) => {
+      if (values.length < 10 && types.length === 1 && types[0] === "string") {
+        return {
+          scoreType: kScoreTypeCategorical,
+          categories: values,
+          compare: (a2, b2) => {
+            return a2.localeCompare(b2);
+          },
+          render: (score) => {
+            return score;
           }
-        );
+        };
       }
-      text = text.replace(/¨0/, "");
-      text = globals.converter._dispatch("lists.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("metadata", function(text, options, globals) {
-      if (!options.metadata) {
-        return text;
+    }
+  },
+  {
+    describe: (values, types) => {
+      if (types.length !== 0 && types[0] === "number") {
+        return {
+          scoreType: kScoreTypeNumeric,
+          min: Math.min(...values),
+          max: Math.max(...values),
+          compare: (a2, b2) => {
+            return a2 - b2;
+          },
+          render: (score) => {
+            return formatDecimalNoTrailingZeroes(score);
+          }
+        };
       }
-      text = globals.converter._dispatch("metadata.before", text, options, globals);
-      function parseMetadataContents(content) {
-        globals.metadata.raw = content;
-        content = content.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
-        content = content.replace(/\n {4}/g, " ");
-        content.replace(/^([\S ]+): +([\s\S]+?)$/gm, function(wm, key2, value) {
-          globals.metadata.parsed[key2] = value;
-          return "";
+    }
+  },
+  {
+    describe: (values, types) => {
+      if (types.length !== 0 && types[0] === "object") {
+        const buckets = values.map((val) => {
+          return JSON.stringify(val);
         });
-      }
-      text = text.replace(/^\s*«««+(\S*?)\n([\s\S]+?)\n»»»+\n/, function(wholematch, format, content) {
-        parseMetadataContents(content);
-        return "¨M";
-      });
-      text = text.replace(/^\s*---+(\S*?)\n([\s\S]+?)\n---+\n/, function(wholematch, format, content) {
-        if (format) {
-          globals.metadata.format = format;
-        }
-        parseMetadataContents(content);
-        return "¨M";
-      });
-      text = text.replace(/¨M/g, "");
-      text = globals.converter._dispatch("metadata.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("outdent", function(text, options, globals) {
-      text = globals.converter._dispatch("outdent.before", text, options, globals);
-      text = text.replace(/^(\t|[ ]{1,4})/gm, "¨0");
-      text = text.replace(/¨0/g, "");
-      text = globals.converter._dispatch("outdent.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("paragraphs", function(text, options, globals) {
-      text = globals.converter._dispatch("paragraphs.before", text, options, globals);
-      text = text.replace(/^\n+/g, "");
-      text = text.replace(/\n+$/g, "");
-      var grafs = text.split(/\n{2,}/g), grafsOut = [], end2 = grafs.length;
-      for (var i2 = 0; i2 < end2; i2++) {
-        var str = grafs[i2];
-        if (str.search(/¨(K|G)(\d+)\1/g) >= 0) {
-          grafsOut.push(str);
-        } else if (str.search(/\S/) >= 0) {
-          str = showdown2.subParser("spanGamut")(str, options, globals);
-          str = str.replace(/^([ \t]*)/g, "<p>");
-          str += "</p>";
-          grafsOut.push(str);
+        const vals = new Set(buckets);
+        let categories = void 0;
+        if (vals.size < 10) {
+          categories = Array.from(vals).map((val) => {
+            return {
+              val,
+              text: val
+            };
+          });
         }
-      }
-      end2 = grafsOut.length;
-      for (i2 = 0; i2 < end2; i2++) {
-        var blockText = "", grafsOutIt = grafsOut[i2], codeFlag = false;
-        while (/¨(K|G)(\d+)\1/.test(grafsOutIt)) {
-          var delim = RegExp.$1, num = RegExp.$2;
-          if (delim === "K") {
-            blockText = globals.gHtmlBlocks[num];
-          } else {
-            if (codeFlag) {
-              blockText = showdown2.subParser("encodeCode")(globals.ghCodeBlocks[num].text, options, globals);
-            } else {
-              blockText = globals.ghCodeBlocks[num].codeblock;
+        return {
+          scoreType: kScoreTypeObject,
+          categories,
+          render: (score) => {
+            if (score === null || score === void 0) {
+              return "[null]";
             }
+            const scores = [];
+            const keys = Object.keys(score);
+            keys.forEach((key2, index) => {
+              const value = score[key2];
+              const formattedValue = isNumeric(value) ? formatPrettyDecimal(parseFloat(value)) : value;
+              const style = {
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                marginLeft: "0.5rem"
+              };
+              if (index + 1 < keys.length) {
+                style["paddingBottom"] = "1em";
+              }
+              scores.push(m$1`
+                <div style=${style}>
+                  <div style=${{ fontSize: FontSize.smaller, fontWeight: 300 }}>
+                    ${key2}
+                  </div>
+                  <div style=${{ fontSize: FontSize.title, fontWeight: 600 }}>
+                    ${formattedValue}
+                  </div>
+                </div>
+              `);
+            });
+            return scores;
           }
-          blockText = blockText.replace(/\$/g, "$$$$");
-          grafsOutIt = grafsOutIt.replace(/(\n\n)?¨(K|G)\d+\2(\n\n)?/, blockText);
-          if (/^<pre\b[^>]*>\s*<code\b[^>]*>/.test(grafsOutIt)) {
-            codeFlag = true;
-          }
-        }
-        grafsOut[i2] = grafsOutIt;
+        };
       }
-      text = grafsOut.join("\n");
-      text = text.replace(/^\n+/g, "");
-      text = text.replace(/\n+$/g, "");
-      return globals.converter._dispatch("paragraphs.after", text, options, globals);
-    });
-    showdown2.subParser("runExtension", function(ext, text, options, globals) {
-      if (ext.filter) {
-        text = ext.filter(text, globals.converter, options);
-      } else if (ext.regex) {
-        var re = ext.regex;
-        if (!(re instanceof RegExp)) {
-          re = new RegExp(re, "g");
+    }
+  },
+  {
+    describe: (values, types, context) => {
+      return {
+        scoreType: kScoreTypeOther,
+        render: (score) => {
+          return m$1`<${RenderedContent}
+            id="asdasdas"
+            entry=${{ value: score }}
+            context=${context}
+          />`;
         }
-        text = text.replace(re, ext.replace);
-      }
-      return text;
+      };
+    }
+  }
+];
+const filledCircleStyle = {
+  fontSize: FontSize.small,
+  fontFamily: "Consola Regular",
+  width: "20px",
+  height: "20px",
+  display: "inline-flex",
+  justifyContent: "center",
+  alignItems: "center",
+  borderRadius: "50%",
+  paddingTop: "1px"
+};
+const booleanScoreCategorizer = () => {
+  return {
+    scoreType: "boolean",
+    render: (score) => {
+      const scoreColorStyle = score ? ApplicationStyles.scoreFills.green : ApplicationStyles.scoreFills.red;
+      return m$1`<span
+        style=${{
+        ...scoreColorStyle,
+        ...filledCircleStyle
+      }}
+        >${score}</span
+      >`;
+    }
+  };
+};
+const passFailScoreCategorizer = (values) => {
+  const categories = [];
+  if (values.includes("C")) {
+    categories.push({
+      val: "C",
+      text: "Correct"
     });
-    showdown2.subParser("spanGamut", function(text, options, globals) {
-      text = globals.converter._dispatch("spanGamut.before", text, options, globals);
-      text = showdown2.subParser("codeSpans")(text, options, globals);
-      text = showdown2.subParser("escapeSpecialCharsWithinTagAttributes")(text, options, globals);
-      text = showdown2.subParser("encodeBackslashEscapes")(text, options, globals);
-      text = showdown2.subParser("images")(text, options, globals);
-      text = showdown2.subParser("anchors")(text, options, globals);
-      text = showdown2.subParser("autoLinks")(text, options, globals);
-      text = showdown2.subParser("simplifiedAutoLinks")(text, options, globals);
-      text = showdown2.subParser("emoji")(text, options, globals);
-      text = showdown2.subParser("underline")(text, options, globals);
-      text = showdown2.subParser("italicsAndBold")(text, options, globals);
-      text = showdown2.subParser("strikethrough")(text, options, globals);
-      text = showdown2.subParser("ellipsis")(text, options, globals);
-      text = showdown2.subParser("hashHTMLSpans")(text, options, globals);
-      text = showdown2.subParser("encodeAmpsAndAngles")(text, options, globals);
-      if (options.simpleLineBreaks) {
-        if (!/\n\n¨K/.test(text)) {
-          text = text.replace(/\n+/g, "<br />\n");
-        }
+  }
+  if (values.includes("P")) {
+    categories.push({
+      val: "P",
+      text: "Partial"
+    });
+  }
+  if (values.includes("I")) {
+    categories.push({
+      val: "I",
+      text: "Incorrect"
+    });
+  }
+  if (values.includes("N")) {
+    categories.push({
+      val: "N",
+      text: "Refusal"
+    });
+  }
+  const order2 = ["C", "P", "I", "N"];
+  return {
+    scoreType: kScoreTypePassFail,
+    categories,
+    render: (score) => {
+      if (score === "C") {
+        return m$1`<span
+          style=${{
+          ...ApplicationStyles.scoreFills.green,
+          ...filledCircleStyle
+        }}
+          >C</span
+        >`;
+      } else if (score === "I") {
+        return m$1`<span
+          style=${{
+          ...ApplicationStyles.scoreFills.red,
+          ...filledCircleStyle
+        }}
+          >I</span
+        >`;
+      } else if (score === "P") {
+        return m$1`<span
+          style=${{
+          ...ApplicationStyles.scoreFills.orange,
+          ...filledCircleStyle
+        }}
+          >P</span
+        >`;
+      } else if (score === "N") {
+        return m$1`<span
+          style=${{
+          ...ApplicationStyles.scoreFills.red,
+          ...filledCircleStyle
+        }}
+          >N</span
+        >`;
       } else {
-        text = text.replace(/  +\n/g, "<br />\n");
+        return score;
       }
-      text = globals.converter._dispatch("spanGamut.after", text, options, globals);
-      return text;
+    },
+    compare: (a2, b2) => {
+      const sort2 = order2.indexOf(a2) - order2.indexOf(b2);
+      return sort2;
+    }
+  };
+};
+const kSampleAscVal = "sample-asc";
+const kSampleDescVal = "sample-desc";
+const kEpochAscVal = "epoch-asc";
+const kEpochDescVal = "epoch-desc";
+const kScoreAscVal = "score-asc";
+const kScoreDescVal = "score-desc";
+const kDefaultSort = kSampleAscVal;
+const SortFilter = ({ sampleDescriptor, sort: sort2, setSort, epochs }) => {
+  var _a;
+  const options = [
+    { label: "sample asc", val: kSampleAscVal },
+    { label: "sample desc", val: kSampleDescVal }
+  ];
+  if (epochs) {
+    options.push({
+      label: "epoch asc",
+      val: kEpochAscVal
     });
-    showdown2.subParser("strikethrough", function(text, options, globals) {
-      function parseInside(txt) {
-        if (options.simplifiedAutoLink) {
-          txt = showdown2.subParser("simplifiedAutoLinks")(txt, options, globals);
-        }
-        return "<del>" + txt + "</del>";
-      }
-      if (options.strikethrough) {
-        text = globals.converter._dispatch("strikethrough.before", text, options, globals);
-        text = text.replace(/(?:~){2}([\s\S]+?)(?:~){2}/g, function(wm, txt) {
-          return parseInside(txt);
-        });
-        text = globals.converter._dispatch("strikethrough.after", text, options, globals);
-      }
-      return text;
+    options.push({
+      label: "epoch desc",
+      val: kEpochDescVal
     });
-    showdown2.subParser("stripLinkDefinitions", function(text, options, globals) {
-      var regex = /^ {0,3}\[([^\]]+)]:[ \t]*\n?[ \t]*<?([^>\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm, base64Regex = /^ {0,3}\[([^\]]+)]:[ \t]*\n?[ \t]*<?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm;
-      text += "¨0";
-      var replaceFunc = function(wholeMatch, linkId, url, width, height, blankLines, title) {
-        linkId = linkId.toLowerCase();
-        if (text.toLowerCase().split(linkId).length - 1 < 2) {
-          return wholeMatch;
-        }
-        if (url.match(/^data:.+?\/.+?;base64,/)) {
-          globals.gUrls[linkId] = url.replace(/\s/g, "");
+  }
+  if ((_a = sampleDescriptor == null ? void 0 : sampleDescriptor.scoreDescriptor) == null ? void 0 : _a.compare) {
+    options.push({
+      label: "score asc",
+      val: kScoreAscVal
+    });
+    options.push({
+      label: "score desc",
+      val: kScoreDescVal
+    });
+  }
+  return m$1`
+    <div style=${{ display: "flex" }}>
+      <span
+        class="sort-filter-label"
+        style=${{
+    alignSelf: "center",
+    fontSize: FontSize.smaller,
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    marginRight: "0.3em",
+    marginLeft: "0.2em"
+  }}
+        >Sort:</span
+      >
+      <select
+        class="form-select form-select-sm"
+        aria-label=".sort-filter-label"
+        style=${{ fontSize: FontSize.smaller }}
+        value=${sort2}
+        onChange=${(e2) => {
+    setSort(e2.target.value);
+  }}
+      >
+        ${options.map((option) => {
+    return m$1`<option value="${option.val}">${option.label}</option>`;
+  })}
+      </select>
+    </div>
+  `;
+};
+const byEpoch = (sort2) => {
+  return sort2 === kEpochAscVal || sort2 === kEpochDescVal;
+};
+const bySample = (sort2) => {
+  return sort2 === kSampleAscVal || sort2 === kSampleDescVal;
+};
+const sort = (sort2, samples, sampleDescriptor) => {
+  const sorted = samples.sort((a2, b2) => {
+    switch (sort2) {
+      case kSampleAscVal:
+        if (isNumeric(a2.id) && isNumeric(b2.id)) {
+          return a2.id - b2.id;
         } else {
-          globals.gUrls[linkId] = showdown2.subParser("encodeAmpsAndAngles")(url, options, globals);
+          return String(a2.id).localeCompare(String(b2.id));
         }
-        if (blankLines) {
-          return blankLines + title;
+      case kSampleDescVal:
+        if (isNumeric(a2.id) && isNumeric(b2.id)) {
+          return b2.id - a2.id;
         } else {
-          if (title) {
-            globals.gTitles[linkId] = title.replace(/"|'/g, "&quot;");
-          }
-          if (options.parseImgDimensions && width && height) {
-            globals.gDimensions[linkId] = {
-              width,
-              height
-            };
-          }
+          return String(b2.id).localeCompare(String(a2.id));
         }
-        return "";
-      };
-      text = text.replace(base64Regex, replaceFunc);
-      text = text.replace(regex, replaceFunc);
-      text = text.replace(/¨0/, "");
-      return text;
+      case kEpochAscVal:
+        return a2.epoch - b2.epoch;
+      case kEpochDescVal:
+        return b2.epoch - a2.epoch;
+      case kScoreAscVal:
+        return sampleDescriptor.scoreDescriptor.compare(
+          sampleDescriptor.selectedScore(a2).value,
+          sampleDescriptor.selectedScore(b2).value
+        );
+      case kScoreDescVal:
+        return sampleDescriptor.scoreDescriptor.compare(
+          sampleDescriptor.selectedScore(b2).value,
+          sampleDescriptor.selectedScore(a2).value
+        );
+    }
+  });
+  return {
+    sorted,
+    order: sort2 === kSampleAscVal || sort2 === kEpochAscVal || sort2 === kScoreAscVal ? "asc" : "desc"
+  };
+};
+const LargeModal = (props) => {
+  const { id, title, detail, detailTools, footer, onkeyup, children } = props;
+  const modalFooter = footer ? m$1`<div class="modal-footer">${footer}</div>` : "";
+  const headerEls = [];
+  headerEls.push(
+    m$1`<div
+      class="modal-title"
+      style=${{ fontSize: FontSize.smaller, flex: "1 1 auto" }}
+    >
+      ${title || ""}
+    </div>`
+  );
+  if (detail) {
+    headerEls.push(
+      m$1`<div
+        style=${{
+        marginLeft: "auto",
+        marginRight: "auto",
+        display: "flex",
+        flex: "1 1 auto",
+        justifyContent: "center"
+      }}
+      >
+        ${detailTools.left ? detailTools.left.map((tool) => {
+        return m$1`<${TitleTool} ...${tool} />`;
+      }) : ""}
+        <div
+          style=${{
+        fontSize: FontSize.smaller,
+        display: "flex",
+        alignItems: "center"
+      }}
+        >
+          <div>${detail}</div>
+        </div>
+        ${detailTools.right ? detailTools.right.map((tool) => {
+        return m$1`<${TitleTool} ...${tool} />`;
+      }) : ""}
+      </div>`
+    );
+  }
+  headerEls.push(m$1`<button
+      type="button"
+      class="btn btn-close-large-dialog"
+      data-bs-dismiss="modal"
+      aria-label="Close"
+      style=${{
+    borderWidth: "0px",
+    fontSize: FontSize.larger,
+    fontWeight: "300",
+    padding: "0em 0.5em",
+    flex: 1,
+    textAlign: "right"
+  }}
+    >
+      <${HtmlEntity}>&times;</${HtmlEntity}>
+    </button>`);
+  return m$1`<div
+    id=${id}
+    class="modal"
+    tabindex="0"
+    role="dialog"
+    onkeyup=${onkeyup}
+    style=${{ borderRadius: "none" }}
+  >
+    <div
+      class="modal-dialog modal-dialog-scrollable"
+      style=${{
+    maxWidth: "100%",
+    marginLeft: "var(--bs-modal-margin)",
+    marginRight: "var(--bs-modal-margin)"
+  }}
+      role="document"
+    >
+      <div class="modal-content" style=${{ height: "100%" }}>
+        <div
+          class="modal-header"
+          style=${{ padding: "0 0 0 1em", display: "flex" }}
+        >
+          ${headerEls}
+        </div>
+        <div class="modal-body">${children}</div>
+        ${modalFooter}
+      </div>
+    </div>
+  </div>`;
+};
+const HtmlEntity = ({ children }) => m$1`<span dangerouslySetInnerHTML=${{ __html: children }} />`;
+const TitleTool = ({ label, icon, enabled, onclick }) => {
+  return m$1`<button
+    type="button"
+    class="btn btn-outline"
+    aria-label=${label}
+    onclick=${onclick}
+    disabled=${!enabled}
+    style=${{
+    paddingTop: 0,
+    paddingBottom: 0,
+    border: "none",
+    fontSize: FontSize.small
+  }}
+  >
+    <i class="${icon}" />
+  </button>`;
+};
+const SampleScores = ({ sample, sampleDescriptor, scorer }) => {
+  const scores = scorer ? sampleDescriptor.scorer(sample, scorer).scores() : sampleDescriptor.selectedScorer(sample).scores();
+  if (scores.length === 1) {
+    return scores[0].rendered();
+  } else {
+    const rows = scores.map((score) => {
+      return m$1` <div style=${{ opacity: "0.7" }}>${score.name}</div>
+        <div>${score.rendered()}</div>`;
+    });
+    return m$1`<div
+      style=${{
+      display: "grid",
+      gridTemplateColumns: "max-content max-content",
+      columnGap: "1em"
+    }}
+    >
+      ${rows}
+    </div>`;
+  }
+};
+const labelStyle = {
+  paddingRight: "2em",
+  paddingLeft: "0",
+  paddingBottom: "0",
+  ...TextStyle.label,
+  ...TextStyle.secondary
+};
+const SampleScoreView = ({
+  sample,
+  sampleDescriptor,
+  style,
+  scorer
+}) => {
+  if (!sampleDescriptor) {
+    return "";
+  }
+  const scoreInput = [inputString(sample.input)];
+  if (sample.choices && sample.choices.length > 0) {
+    scoreInput.push("");
+    scoreInput.push(
+      ...sample.choices.map((choice, index) => {
+        return `${String.fromCharCode(65 + index)}) ${choice}`;
+      })
+    );
+  }
+  const scorerDescriptor = sampleDescriptor.scorer(sample, scorer);
+  const explanation = scorerDescriptor.explanation() || "(No Explanation)";
+  const answer = scorerDescriptor.answer();
+  return m$1`
+    <div
+      class="container-fluid"
+      style=${{
+    paddingTop: "1em",
+    paddingLeft: "0",
+    fontSize: FontSize.base,
+    ...style
+  }}
+    >
+      <div>
+        <div style=${{ ...labelStyle }}>Input</div>
+        <div>
+          <${MarkdownDiv}
+            markdown=${scoreInput.join("\n")}
+            style=${{ wordBreak: "break-all" }}
+          />
+        </div>
+      </div>
+
+      <table
+        class="table"
+        style=${{ width: "100%", marginBottom: "0", marginTop: "1em" }}
+      >
+        <thead style=${{ borderBottomColor: "#00000000" }}>
+          <tr>
+            <th style=${{ ...labelStyle, fontWeight: "400" }}>Target</th>
+            <th
+              style=${{ ...labelStyle, paddingBottom: "0", fontWeight: "400" }}
+            >
+              Answer
+            </th>
+            <th
+              style=${{
+    ...labelStyle,
+    paddingLeft: "2em",
+    paddingBottom: "0",
+    fontWeight: "400"
+  }}
+            >
+              Score
+            </th>
+          </tr>
+        </thead>
+        <tbody style=${{ borderBottomColor: "#00000000" }}>
+          <tr>
+            <td
+              style=${{
+    paddingRight: "2em",
+    paddingLeft: "0",
+    paddingTop: "0"
+  }}
+            >
+              <${MarkdownDiv}
+                markdown=${arrayToString(
+    arrayToString((sample == null ? void 0 : sample.target) || "none")
+  )}
+                style=${{ paddingLeft: "0" }}
+                class="no-last-para-padding"
+              />
+            </td>
+            <td style=${{ paddingTop: "0", paddingLeft: "0" }}>
+              <${MarkdownDiv}
+                class="no-last-para-padding"
+                markdown=${shortenCompletion(answer)}
+                style=${{ paddingLeft: "0" }}
+              />
+            </td>
+            <td style=${{ paddingLeft: "2em", paddingTop: "0" }}>
+              <${SampleScores}
+                sample=${sample}
+                sampleDescriptor=${sampleDescriptor}
+                scorer=${scorer}
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      ${explanation && explanation !== answer ? m$1`
+        <table class="table" style=${{ width: "100%", marginBottom: "0" }}>
+              <thead>
+                <tr>
+                  <th style=${{
+    paddingBottom: "0",
+    paddingLeft: "0",
+    ...labelStyle,
+    fontWeight: "400"
+  }}>Explanation</th>
+                </tr>
+              </thead>
+              <tbody>
+                <td style=${{ paddingLeft: "0" }}>
+                  <${MarkdownDiv} markdown=${arrayToString(explanation)} style=${{ paddingLeft: "0" }} class="no-last-para-padding"/>
+                </td>
+              </tbody>
+            </table
+          ` : ""}
+    </div>
+  `;
+};
+const EventPanel = ({
+  id,
+  title,
+  text,
+  icon,
+  depth = 0,
+  collapse,
+  style,
+  children
+}) => {
+  const arrChildren = Array.isArray(children) ? children : [children];
+  const filteredArrChilden = arrChildren.filter((child) => !!child);
+  const hasCollapse = collapse !== void 0;
+  const [collapsed, setCollapsed] = h(!!collapse);
+  const pillId = (index) => {
+    return `${id}-nav-pill-${index}`;
+  };
+  const titleEl = title || icon || filteredArrChilden.length > 1 ? m$1`<div
+          style=${{
+    paddingLeft: "0.5em",
+    display: "grid",
+    gridTemplateColumns: "max-content minmax(0, max-content) auto minmax(0, max-content) auto",
+    columnGap: "0.5em",
+    fontSize: FontSize.small,
+    cursor: hasCollapse ? "pointer" : void 0
+  }}
+        >
+          ${icon ? m$1`<i
+                class=${icon || ApplicationIcons.metadata}
+                style=${{ ...TextStyle.secondary }}
+                onclick=${() => {
+    setCollapsed(!collapsed);
+  }}
+              />` : ""}
+          <div
+            style=${{ ...TextStyle.label, ...TextStyle.secondary }}
+            onclick=${() => {
+    setCollapsed(!collapsed);
+  }}
+          >
+            ${title}
+          </div>
+          <div
+            onclick=${() => {
+    setCollapsed(!collapsed);
+  }}
+          ></div>
+          <div
+            style=${{ justifySelf: "end", ...TextStyle.secondary }}
+            onclick=${() => {
+    setCollapsed(!collapsed);
+  }}
+          >
+            ${text}
+          </div>
+          <div
+            style=${{
+    justifySelf: "end",
+    display: "flex",
+    flexDirection: "columns"
+  }}
+          >
+            ${(!hasCollapse || !collapsed) && filteredArrChilden && filteredArrChilden.length > 1 ? m$1` <${EventNavs}
+                  navs=${filteredArrChilden.map((child, index) => {
+    var _a;
+    const defaultTitle = `Tab ${index}`;
+    const title2 = child && typeof child === "object" ? ((_a = child["props"]) == null ? void 0 : _a.name) || defaultTitle : defaultTitle;
+    return {
+      id: `eventpanel-${id}-${index}`,
+      title: title2,
+      target: pillId(index)
+    };
+  })}
+                />` : ""}
+            ${hasCollapse ? m$1`<i
+                  onclick=${() => {
+    setCollapsed(!collapsed);
+  }}
+                  class=${collapsed ? ApplicationIcons.chevron.right : ApplicationIcons.chevron.down}
+                />` : ""}
+          </div>
+        </div>` : "";
+  const left_padding = 0.5 + depth * 1.5;
+  const card = m$1` <div
+    id=${id}
+    class="card"
+    style=${{
+    padding: `0.5em 0.5em 0.5em ${left_padding}em`,
+    marginBottom: "-1px",
+    ...style
+  }}
+  >
+    ${titleEl}
+    ${!hasCollapse || !collapsed ? m$1` <div
+          class="card-body tab-content"
+          style=${{ padding: 0, marginLeft: "2em" }}
+        >
+          ${filteredArrChilden == null ? void 0 : filteredArrChilden.map((child, index) => {
+    return m$1`<div
+              id=${pillId(index)}
+              class="tab-pane show ${index === 0 ? "active" : ""}"
+            >
+              ${child}
+            </div>`;
+  })}
+        </div>` : ""}
+  </div>`;
+  return card;
+};
+const EventNavs = ({ navs }) => {
+  return m$1`<ul
+    class="nav nav-pills card-header-pills"
+    style=${{
+    marginRight: "0",
+    alignItems: "flex-start",
+    justifyContent: "flex-end"
+  }}
+    role="tablist"
+    aria-orientation="horizontal"
+  >
+    ${navs.map((nav, index) => {
+    return m$1`<${EventNav}
+        active=${index === 0}
+        id=${nav.id}
+        target=${nav.target}
+        title=${nav.title}
+      />`;
+  })}
+  </ul>`;
+};
+const EventNav = ({ target, title, active }) => {
+  return m$1`<li class="nav-item">
+    <button
+      data-bs-toggle="pill"
+      data-bs-target="#${target}"
+      type="button"
+      role="tab"
+      aria-controls=${target}
+      aria-selected=${active}
+      style=${{
+    minWidth: "4rem",
+    ...TextStyle.label,
+    fontSize: FontSize.small,
+    padding: "0.1rem  0.6rem",
+    borderRadius: "3px"
+  }}
+      class="nav-link ${active ? "active " : ""}"
+    >
+      ${title}
+    </button>
+  </li>`;
+};
+const MetaDataGrid = ({
+  id,
+  entries,
+  classes,
+  context,
+  style,
+  expanded,
+  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
+  };
+  const entryRecords = (entries2) => {
+    if (!entries2) {
+      return [];
+    }
+    if (!Array.isArray(entries2)) {
+      return Object.entries(entries2 || {}).map(([key2, value]) => {
+        return { name: key2, value };
+      });
+    } else {
+      return entries2;
+    }
+  };
+  const entryEls = entryRecords(entries).map((entry, index) => {
+    const id2 = `${baseId}-value-${index}`;
+    return m$1`
+      <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=${id2}
+          entry=${entry}
+          context=${context}
+          options=${{ expanded }}
+        />
+      </div>
+    `;
+  });
+  return m$1`<div
+    ...${{ id }}
+    class="${classes || ""}"
+    style=${{
+    display: "grid",
+    gridTemplateColumns: "max-content auto",
+    columnGap: "1em",
+    ...style
+  }}
+  >
+    ${entryEls}
+  </div>`;
+};
+const isBase64 = (str) => {
+  const base64Pattern = /^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/;
+  return base64Pattern.test(str);
+};
+const EventSection = ({ title, style, children }) => {
+  return m$1`<div
+    style=${{
+    margin: "1em 0 0 0",
+    ...style
+  }}
+  >
+    <div
+      style=${{
+    fontSize: FontSize.smaller,
+    ...TextStyle.label,
+    fontWeight: 600,
+    paddingBottom: "0.3em"
+  }}
+    >
+      ${title}
+    </div>
+    ${children}
+  </div>`;
+};
+const SampleInitEventView = ({ id, depth, event, stateManager }) => {
+  const stateObj = event.state;
+  stateManager.setState(stateObj);
+  const sections = [];
+  if (event.sample.files && Object.keys(event.sample.files).length > 0) {
+    const filesTable = {};
+    Object.keys(event.sample.files).forEach((key2) => {
+      filesTable[key2] = isBase64(event.sample.files[key2]) ? `<Base64 string>` : event.sample.files[key2];
     });
-    showdown2.subParser("tables", function(text, options, globals) {
-      if (!options.tables) {
-        return text;
-      }
-      var tableRgx = /^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm, singeColTblRgx = /^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm;
-      function parseStyles(sLine) {
-        if (/^:[ \t]*--*$/.test(sLine)) {
-          return ' style="text-align:left;"';
-        } else if (/^--*[ \t]*:[ \t]*$/.test(sLine)) {
-          return ' style="text-align:right;"';
-        } else if (/^:[ \t]*--*[ \t]*:$/.test(sLine)) {
-          return ' style="text-align:center;"';
-        } else {
-          return "";
-        }
-      }
-      function parseHeaders(header, style) {
-        var id2 = "";
-        header = header.trim();
-        if (options.tablesHeaderId || options.tableHeaderId) {
-          id2 = ' id="' + header.replace(/ /g, "_").toLowerCase() + '"';
-        }
-        header = showdown2.subParser("spanGamut")(header, options, globals);
-        return "<th" + id2 + style + ">" + header + "</th>\n";
-      }
-      function parseCells(cell, style) {
-        var subText = showdown2.subParser("spanGamut")(cell, options, globals);
-        return "<td" + style + ">" + subText + "</td>\n";
-      }
-      function buildTable(headers, cells) {
-        var tb = "<table>\n<thead>\n<tr>\n", tblLgn = headers.length;
-        for (var i2 = 0; i2 < tblLgn; ++i2) {
-          tb += headers[i2];
-        }
-        tb += "</tr>\n</thead>\n<tbody>\n";
-        for (i2 = 0; i2 < cells.length; ++i2) {
-          tb += "<tr>\n";
-          for (var ii = 0; ii < tblLgn; ++ii) {
-            tb += cells[i2][ii];
-          }
-          tb += "</tr>\n";
-        }
-        tb += "</tbody>\n</table>\n";
-        return tb;
-      }
-      function parseTable(rawTable) {
-        var i2, tableLines = rawTable.split("\n");
-        for (i2 = 0; i2 < tableLines.length; ++i2) {
-          if (/^ {0,3}\|/.test(tableLines[i2])) {
-            tableLines[i2] = tableLines[i2].replace(/^ {0,3}\|/, "");
-          }
-          if (/\|[ \t]*$/.test(tableLines[i2])) {
-            tableLines[i2] = tableLines[i2].replace(/\|[ \t]*$/, "");
-          }
-          tableLines[i2] = showdown2.subParser("codeSpans")(tableLines[i2], options, globals);
-        }
-        var rawHeaders = tableLines[0].split("|").map(function(s2) {
-          return s2.trim();
-        }), rawStyles = tableLines[1].split("|").map(function(s2) {
-          return s2.trim();
-        }), rawCells = [], headers = [], styles = [], cells = [];
-        tableLines.shift();
-        tableLines.shift();
-        for (i2 = 0; i2 < tableLines.length; ++i2) {
-          if (tableLines[i2].trim() === "") {
-            continue;
-          }
-          rawCells.push(
-            tableLines[i2].split("|").map(function(s2) {
-              return s2.trim();
-            })
-          );
-        }
-        if (rawHeaders.length < rawStyles.length) {
-          return rawTable;
-        }
-        for (i2 = 0; i2 < rawStyles.length; ++i2) {
-          styles.push(parseStyles(rawStyles[i2]));
-        }
-        for (i2 = 0; i2 < rawHeaders.length; ++i2) {
-          if (showdown2.helper.isUndefined(styles[i2])) {
-            styles[i2] = "";
-          }
-          headers.push(parseHeaders(rawHeaders[i2], styles[i2]));
-        }
-        for (i2 = 0; i2 < rawCells.length; ++i2) {
-          var row = [];
-          for (var ii = 0; ii < headers.length; ++ii) {
-            if (showdown2.helper.isUndefined(rawCells[i2][ii])) ;
-            row.push(parseCells(rawCells[i2][ii], styles[ii]));
-          }
-          cells.push(row);
+    sections.push(m$1`<${EventSection} title="Files">
+      <${MetaDataGrid} entries=${filesTable}/>
+      </${EventSection}>
+  `);
+  }
+  if (event.sample.setup) {
+    sections.push(m$1`<${EventSection} title="Setup">
+      <pre style=${{ background: "var(--bs-light)", borderRadius: "3px" }}><code class="sourceCode" >${event.sample.setup}</code></pre>
+      </${EventSection}>
+  `);
+  }
+  return m$1`
+  <${EventPanel} id=${id} depth=${depth}>
+    
+    <div name="Sample">
+      <${ChatView} messages=${stateObj["messages"]}/>
+      <div style=${{ marginLeft: "2.1em", marginBottom: "1em" }}>
+        ${event.sample.choices ? event.sample.choices.map((choice, index) => {
+    return m$1`<div>
+                  ${String.fromCharCode(65 + index)}) ${choice}
+                </div>`;
+  }) : ""}
+        <div style=${{ display: "flex", flexWrap: "wrap", gap: "1em", overflowWrap: "break-word" }}>
+        ${sections}
+        </div>
+        <${EventSection} title="Target">
+          ${event.sample.target}
+        </${EventSection}>
+      </div>
+    </div>
+    ${event.sample.metadata && Object.keys(event.sample.metadata).length > 0 ? m$1`<${MetaDataGrid} name="Metadata" style=${{ margin: "1em 0" }} entries=${event.sample.metadata} />` : ""}
+
+  </${EventPanel}>`;
+};
+const system_msg_added_sig = {
+  type: "system_message",
+  signature: {
+    remove: ["/messages/0/source"],
+    replace: ["/messages/0/role", "/messages/0/content"],
+    add: ["/messages/1"]
+  },
+  render: (resolvedState) => {
+    const message = resolvedState["messages"][0];
+    return m$1`<${ChatView}
+      id="system_msg_event_preview"
+      messages=${[message]}
+    />`;
+  }
+};
+const tools_choice = {
+  type: "tools_choice",
+  signature: {
+    add: ["/tools/0"],
+    replace: ["/tool_choice"],
+    remove: []
+  },
+  render: (resolvedState) => {
+    const toolsInfo = {
+      "Tool Choice": resolvedState.tool_choice
+    };
+    if (resolvedState.tools.length > 0) {
+      toolsInfo["Tools"] = m$1`<${Tools}
+        toolDefinitions=${resolvedState.tools}
+      />`;
+    }
+    return m$1`
+      <div
+        style=${{
+      display: "grid",
+      gridTemplateColumns: "max-content max-content",
+      columnGap: "1rem",
+      margin: "1em 0"
+    }}
+      >
+        ${Object.keys(toolsInfo).map((key2) => {
+      return m$1` <div
+              style=${{
+        fontSize: FontSize.smaller,
+        ...TextStyle.label,
+        ...TextStyle.secondary
+      }}
+            >
+              ${key2}
+            </div>
+            <div style=${{ fontSize: FontSize.base }}>${toolsInfo[key2]}</div>`;
+    })}
+      </div>
+    `;
+  }
+};
+const RenderableChangeTypes = [system_msg_added_sig, tools_choice];
+const Tools = ({ toolDefinitions }) => {
+  return toolDefinitions.map((toolDefinition) => {
+    const toolName = toolDefinition.name;
+    const toolArgs = Object.keys(toolDefinition.parameters.properties);
+    return m$1`<${Tool} toolName=${toolName} toolArgs=${toolArgs} />`;
+  });
+};
+const Tool = ({ toolName, toolArgs }) => {
+  const functionCall = toolArgs && toolArgs.length > 0 ? `${toolName}(${toolArgs.join(", ")})` : toolName;
+  return m$1`<div>
+    <code style=${{ fontSize: FontSize.small, padding: "0" }}
+      >${functionCall}</code
+    >
+  </div>`;
+};
+class Processor {
+  constructor(options) {
+    this.selfOptions = options || {};
+    this.pipes = {};
+  }
+  options(options) {
+    if (options) {
+      this.selfOptions = options;
+    }
+    return this.selfOptions;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  pipe(name, pipeArg) {
+    let pipe = pipeArg;
+    if (typeof name === "string") {
+      if (typeof pipe === "undefined") {
+        return this.pipes[name];
+      } else {
+        this.pipes[name] = pipe;
+      }
+    }
+    if (name && name.name) {
+      pipe = name;
+      if (pipe.processor === this) {
+        return pipe;
+      }
+      this.pipes[pipe.name] = pipe;
+    }
+    pipe.processor = this;
+    return pipe;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  process(input, pipe) {
+    let context = input;
+    context.options = this.options();
+    let nextPipe = pipe || input.pipe || "default";
+    let lastPipe;
+    while (nextPipe) {
+      if (typeof context.nextAfterChildren !== "undefined") {
+        context.next = context.nextAfterChildren;
+        context.nextAfterChildren = null;
+      }
+      if (typeof nextPipe === "string") {
+        nextPipe = this.pipe(nextPipe);
+      }
+      nextPipe.process(context);
+      lastPipe = nextPipe;
+      nextPipe = null;
+      if (context) {
+        if (context.next) {
+          context = context.next;
+          nextPipe = context.pipe || lastPipe;
         }
-        return buildTable(headers, cells);
       }
-      text = globals.converter._dispatch("tables.before", text, options, globals);
-      text = text.replace(/\\(\|)/g, showdown2.helper.escapeCharactersCallback);
-      text = text.replace(tableRgx, parseTable);
-      text = text.replace(singeColTblRgx, parseTable);
-      text = globals.converter._dispatch("tables.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("underline", function(text, options, globals) {
-      if (!options.underline) {
-        return text;
+    }
+    return context.hasResult ? context.result : void 0;
+  }
+}
+class Pipe {
+  constructor(name) {
+    this.name = name;
+    this.filters = [];
+  }
+  process(input) {
+    if (!this.processor) {
+      throw new Error("add this pipe to a processor before using it");
+    }
+    const debug = this.debug;
+    const length = this.filters.length;
+    const context = input;
+    for (let index = 0; index < length; index++) {
+      const filter = this.filters[index];
+      if (debug) {
+        this.log(`filter: ${filter.filterName}`);
+      }
+      filter(context);
+      if (typeof context === "object" && context.exiting) {
+        context.exiting = false;
+        break;
       }
-      text = globals.converter._dispatch("underline.before", text, options, globals);
-      if (options.literalMidWordUnderscores) {
-        text = text.replace(/\b___(\S[\s\S]*?)___\b/g, function(wm, txt) {
-          return "<u>" + txt + "</u>";
-        });
-        text = text.replace(/\b__(\S[\s\S]*?)__\b/g, function(wm, txt) {
-          return "<u>" + txt + "</u>";
-        });
-      } else {
-        text = text.replace(/___(\S[\s\S]*?)___/g, function(wm, m2) {
-          return /\S$/.test(m2) ? "<u>" + m2 + "</u>" : wm;
-        });
-        text = text.replace(/__(\S[\s\S]*?)__/g, function(wm, m2) {
-          return /\S$/.test(m2) ? "<u>" + m2 + "</u>" : wm;
-        });
+    }
+    if (!context.next && this.resultCheck) {
+      this.resultCheck(context);
+    }
+  }
+  log(msg) {
+    console.log(`[jsondiffpatch] ${this.name} pipe, ${msg}`);
+  }
+  append(...args) {
+    this.filters.push(...args);
+    return this;
+  }
+  prepend(...args) {
+    this.filters.unshift(...args);
+    return this;
+  }
+  indexOf(filterName) {
+    if (!filterName) {
+      throw new Error("a filter name is required");
+    }
+    for (let index = 0; index < this.filters.length; index++) {
+      const filter = this.filters[index];
+      if (filter.filterName === filterName) {
+        return index;
       }
-      text = text.replace(/(_)/g, showdown2.helper.escapeCharactersCallback);
-      text = globals.converter._dispatch("underline.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("unescapeSpecialChars", function(text, options, globals) {
-      text = globals.converter._dispatch("unescapeSpecialChars.before", text, options, globals);
-      text = text.replace(/¨E(\d+)E/g, function(wholeMatch, m1) {
-        var charCodeToReplace = parseInt(m1);
-        return String.fromCharCode(charCodeToReplace);
-      });
-      text = globals.converter._dispatch("unescapeSpecialChars.after", text, options, globals);
-      return text;
-    });
-    showdown2.subParser("makeMarkdown.blockquote", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes()) {
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          var innerTxt = showdown2.subParser("makeMarkdown.node")(children[i2], globals);
-          if (innerTxt === "") {
-            continue;
-          }
-          txt += innerTxt;
-        }
+    }
+    throw new Error(`filter not found: ${filterName}`);
+  }
+  list() {
+    return this.filters.map((f2) => f2.filterName);
+  }
+  after(filterName, ...params) {
+    const index = this.indexOf(filterName);
+    this.filters.splice(index + 1, 0, ...params);
+    return this;
+  }
+  before(filterName, ...params) {
+    const index = this.indexOf(filterName);
+    this.filters.splice(index, 0, ...params);
+    return this;
+  }
+  replace(filterName, ...params) {
+    const index = this.indexOf(filterName);
+    this.filters.splice(index, 1, ...params);
+    return this;
+  }
+  remove(filterName) {
+    const index = this.indexOf(filterName);
+    this.filters.splice(index, 1);
+    return this;
+  }
+  clear() {
+    this.filters.length = 0;
+    return this;
+  }
+  shouldHaveResult(should) {
+    if (should === false) {
+      this.resultCheck = null;
+      return;
+    }
+    if (this.resultCheck) {
+      return;
+    }
+    this.resultCheck = (context) => {
+      if (!context.hasResult) {
+        console.log(context);
+        const error = new Error(`${this.name} failed`);
+        error.noResult = true;
+        throw error;
       }
-      txt = txt.trim();
-      txt = "> " + txt.split("\n").join("\n> ");
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.codeBlock", function(node, globals) {
-      var lang = node.getAttribute("language"), num = node.getAttribute("precodenum");
-      return "```" + lang + "\n" + globals.preList[num] + "\n```";
-    });
-    showdown2.subParser("makeMarkdown.codeSpan", function(node) {
-      return "`" + node.innerHTML + "`";
-    });
-    showdown2.subParser("makeMarkdown.emphasis", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes()) {
-        txt += "*";
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
-        }
-        txt += "*";
+    };
+    return this;
+  }
+}
+class Context {
+  setResult(result) {
+    this.result = result;
+    this.hasResult = true;
+    return this;
+  }
+  exit() {
+    this.exiting = true;
+    return this;
+  }
+  push(child, name) {
+    child.parent = this;
+    if (typeof name !== "undefined") {
+      child.childName = name;
+    }
+    child.root = this.root || this;
+    child.options = child.options || this.options;
+    if (!this.children) {
+      this.children = [child];
+      this.nextAfterChildren = this.next || null;
+      this.next = child;
+    } else {
+      this.children[this.children.length - 1].next = child;
+      this.children.push(child);
+    }
+    child.next = this;
+    return this;
+  }
+}
+function cloneRegExp(re) {
+  const regexMatch = /^\/(.*)\/([gimyu]*)$/.exec(re.toString());
+  return new RegExp(regexMatch[1], regexMatch[2]);
+}
+function clone(arg) {
+  if (typeof arg !== "object") {
+    return arg;
+  }
+  if (arg === null) {
+    return null;
+  }
+  if (Array.isArray(arg)) {
+    return arg.map(clone);
+  }
+  if (arg instanceof Date) {
+    return new Date(arg.getTime());
+  }
+  if (arg instanceof RegExp) {
+    return cloneRegExp(arg);
+  }
+  const cloned = {};
+  for (const name in arg) {
+    if (Object.prototype.hasOwnProperty.call(arg, name)) {
+      cloned[name] = clone(arg[name]);
+    }
+  }
+  return cloned;
+}
+class DiffContext extends Context {
+  constructor(left2, right2) {
+    super();
+    this.left = left2;
+    this.right = right2;
+    this.pipe = "diff";
+  }
+  setResult(result) {
+    if (this.options.cloneDiffValues && typeof result === "object") {
+      const clone$1 = typeof this.options.cloneDiffValues === "function" ? this.options.cloneDiffValues : clone;
+      if (typeof result[0] === "object") {
+        result[0] = clone$1(result[0]);
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.header", function(node, globals, headerLevel) {
-      var headerMark = new Array(headerLevel + 1).join("#"), txt = "";
-      if (node.hasChildNodes()) {
-        txt = headerMark + " ";
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
-        }
+      if (typeof result[1] === "object") {
+        result[1] = clone$1(result[1]);
+      }
+    }
+    return super.setResult(result);
+  }
+}
+class PatchContext extends Context {
+  constructor(left2, delta) {
+    super();
+    this.left = left2;
+    this.delta = delta;
+    this.pipe = "patch";
+  }
+}
+class ReverseContext extends Context {
+  constructor(delta) {
+    super();
+    this.delta = delta;
+    this.pipe = "reverse";
+  }
+}
+const diffFilter$3 = function trivialMatchesDiffFilter(context) {
+  if (context.left === context.right) {
+    context.setResult(void 0).exit();
+    return;
+  }
+  if (typeof context.left === "undefined") {
+    if (typeof context.right === "function") {
+      throw new Error("functions are not supported");
+    }
+    context.setResult([context.right]).exit();
+    return;
+  }
+  if (typeof context.right === "undefined") {
+    context.setResult([context.left, 0, 0]).exit();
+    return;
+  }
+  if (typeof context.left === "function" || typeof context.right === "function") {
+    throw new Error("functions are not supported");
+  }
+  context.leftType = context.left === null ? "null" : typeof context.left;
+  context.rightType = context.right === null ? "null" : typeof context.right;
+  if (context.leftType !== context.rightType) {
+    context.setResult([context.left, context.right]).exit();
+    return;
+  }
+  if (context.leftType === "boolean" || context.leftType === "number") {
+    context.setResult([context.left, context.right]).exit();
+    return;
+  }
+  if (context.leftType === "object") {
+    context.leftIsArray = Array.isArray(context.left);
+  }
+  if (context.rightType === "object") {
+    context.rightIsArray = Array.isArray(context.right);
+  }
+  if (context.leftIsArray !== context.rightIsArray) {
+    context.setResult([context.left, context.right]).exit();
+    return;
+  }
+  if (context.left instanceof RegExp) {
+    if (context.right instanceof RegExp) {
+      context.setResult([context.left.toString(), context.right.toString()]).exit();
+    } else {
+      context.setResult([context.left, context.right]).exit();
+    }
+  }
+};
+diffFilter$3.filterName = "trivial";
+const patchFilter$3 = function trivialMatchesPatchFilter(context) {
+  if (typeof context.delta === "undefined") {
+    context.setResult(context.left).exit();
+    return;
+  }
+  context.nested = !Array.isArray(context.delta);
+  if (context.nested) {
+    return;
+  }
+  const nonNestedDelta = context.delta;
+  if (nonNestedDelta.length === 1) {
+    context.setResult(nonNestedDelta[0]).exit();
+    return;
+  }
+  if (nonNestedDelta.length === 2) {
+    if (context.left instanceof RegExp) {
+      const regexArgs = /^\/(.*)\/([gimyu]+)$/.exec(nonNestedDelta[1]);
+      if (regexArgs) {
+        context.setResult(new RegExp(regexArgs[1], regexArgs[2])).exit();
+        return;
+      }
+    }
+    context.setResult(nonNestedDelta[1]).exit();
+    return;
+  }
+  if (nonNestedDelta.length === 3 && nonNestedDelta[2] === 0) {
+    context.setResult(void 0).exit();
+  }
+};
+patchFilter$3.filterName = "trivial";
+const reverseFilter$3 = function trivialReferseFilter(context) {
+  if (typeof context.delta === "undefined") {
+    context.setResult(context.delta).exit();
+    return;
+  }
+  context.nested = !Array.isArray(context.delta);
+  if (context.nested) {
+    return;
+  }
+  const nonNestedDelta = context.delta;
+  if (nonNestedDelta.length === 1) {
+    context.setResult([nonNestedDelta[0], 0, 0]).exit();
+    return;
+  }
+  if (nonNestedDelta.length === 2) {
+    context.setResult([nonNestedDelta[1], nonNestedDelta[0]]).exit();
+    return;
+  }
+  if (nonNestedDelta.length === 3 && nonNestedDelta[2] === 0) {
+    context.setResult([nonNestedDelta[0]]).exit();
+  }
+};
+reverseFilter$3.filterName = "trivial";
+const collectChildrenDiffFilter = (context) => {
+  if (!context || !context.children) {
+    return;
+  }
+  const length = context.children.length;
+  let child;
+  let result = context.result;
+  for (let index = 0; index < length; index++) {
+    child = context.children[index];
+    if (typeof child.result === "undefined") {
+      continue;
+    }
+    result = result || {};
+    result[child.childName] = child.result;
+  }
+  if (result && context.leftIsArray) {
+    result._t = "a";
+  }
+  context.setResult(result).exit();
+};
+collectChildrenDiffFilter.filterName = "collectChildren";
+const objectsDiffFilter = (context) => {
+  if (context.leftIsArray || context.leftType !== "object") {
+    return;
+  }
+  const left2 = context.left;
+  const right2 = context.right;
+  let name;
+  let child;
+  const propertyFilter = context.options.propertyFilter;
+  for (name in left2) {
+    if (!Object.prototype.hasOwnProperty.call(left2, name)) {
+      continue;
+    }
+    if (propertyFilter && !propertyFilter(name, context)) {
+      continue;
+    }
+    child = new DiffContext(left2[name], right2[name]);
+    context.push(child, name);
+  }
+  for (name in right2) {
+    if (!Object.prototype.hasOwnProperty.call(right2, name)) {
+      continue;
+    }
+    if (propertyFilter && !propertyFilter(name, context)) {
+      continue;
+    }
+    if (typeof left2[name] === "undefined") {
+      child = new DiffContext(void 0, right2[name]);
+      context.push(child, name);
+    }
+  }
+  if (!context.children || context.children.length === 0) {
+    context.setResult(void 0).exit();
+    return;
+  }
+  context.exit();
+};
+objectsDiffFilter.filterName = "objects";
+const patchFilter$2 = function nestedPatchFilter(context) {
+  if (!context.nested) {
+    return;
+  }
+  const nestedDelta = context.delta;
+  if (nestedDelta._t) {
+    return;
+  }
+  const objectDelta = nestedDelta;
+  let name;
+  let child;
+  for (name in objectDelta) {
+    child = new PatchContext(context.left[name], objectDelta[name]);
+    context.push(child, name);
+  }
+  context.exit();
+};
+patchFilter$2.filterName = "objects";
+const collectChildrenPatchFilter$1 = function collectChildrenPatchFilter(context) {
+  if (!context || !context.children) {
+    return;
+  }
+  const deltaWithChildren = context.delta;
+  if (deltaWithChildren._t) {
+    return;
+  }
+  const object = context.left;
+  const length = context.children.length;
+  let child;
+  for (let index = 0; index < length; index++) {
+    child = context.children[index];
+    const property = child.childName;
+    if (Object.prototype.hasOwnProperty.call(context.left, property) && child.result === void 0) {
+      delete object[property];
+    } else if (object[property] !== child.result) {
+      object[property] = child.result;
+    }
+  }
+  context.setResult(object).exit();
+};
+collectChildrenPatchFilter$1.filterName = "collectChildren";
+const reverseFilter$2 = function nestedReverseFilter(context) {
+  if (!context.nested) {
+    return;
+  }
+  const nestedDelta = context.delta;
+  if (nestedDelta._t) {
+    return;
+  }
+  const objectDelta = context.delta;
+  let name;
+  let child;
+  for (name in objectDelta) {
+    child = new ReverseContext(objectDelta[name]);
+    context.push(child, name);
+  }
+  context.exit();
+};
+reverseFilter$2.filterName = "objects";
+const collectChildrenReverseFilter$1 = (context) => {
+  if (!context || !context.children) {
+    return;
+  }
+  const deltaWithChildren = context.delta;
+  if (deltaWithChildren._t) {
+    return;
+  }
+  const length = context.children.length;
+  let child;
+  const delta = {};
+  for (let index = 0; index < length; index++) {
+    child = context.children[index];
+    const property = child.childName;
+    if (delta[property] !== child.result) {
+      delta[property] = child.result;
+    }
+  }
+  context.setResult(delta).exit();
+};
+collectChildrenReverseFilter$1.filterName = "collectChildren";
+const defaultMatch = function(array1, array2, index1, index2) {
+  return array1[index1] === array2[index2];
+};
+const lengthMatrix = function(array1, array2, match, context) {
+  const len1 = array1.length;
+  const len2 = array2.length;
+  let x2, y2;
+  const matrix = new Array(len1 + 1);
+  for (x2 = 0; x2 < len1 + 1; x2++) {
+    matrix[x2] = new Array(len2 + 1);
+    for (y2 = 0; y2 < len2 + 1; y2++) {
+      matrix[x2][y2] = 0;
+    }
+  }
+  matrix.match = match;
+  for (x2 = 1; x2 < len1 + 1; x2++) {
+    for (y2 = 1; y2 < len2 + 1; y2++) {
+      if (match(array1, array2, x2 - 1, y2 - 1, context)) {
+        matrix[x2][y2] = matrix[x2 - 1][y2 - 1] + 1;
+      } else {
+        matrix[x2][y2] = Math.max(matrix[x2 - 1][y2], matrix[x2][y2 - 1]);
+      }
+    }
+  }
+  return matrix;
+};
+const backtrack = function(matrix, array1, array2, context) {
+  let index1 = array1.length;
+  let index2 = array2.length;
+  const subsequence = {
+    sequence: [],
+    indices1: [],
+    indices2: []
+  };
+  while (index1 !== 0 && index2 !== 0) {
+    const sameLetter = matrix.match(array1, array2, index1 - 1, index2 - 1, context);
+    if (sameLetter) {
+      subsequence.sequence.unshift(array1[index1 - 1]);
+      subsequence.indices1.unshift(index1 - 1);
+      subsequence.indices2.unshift(index2 - 1);
+      --index1;
+      --index2;
+    } else {
+      const valueAtMatrixAbove = matrix[index1][index2 - 1];
+      const valueAtMatrixLeft = matrix[index1 - 1][index2];
+      if (valueAtMatrixAbove > valueAtMatrixLeft) {
+        --index2;
+      } else {
+        --index1;
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.hr", function() {
-      return "---";
-    });
-    showdown2.subParser("makeMarkdown.image", function(node) {
-      var txt = "";
-      if (node.hasAttribute("src")) {
-        txt += "![" + node.getAttribute("alt") + "](";
-        txt += "<" + node.getAttribute("src") + ">";
-        if (node.hasAttribute("width") && node.hasAttribute("height")) {
-          txt += " =" + node.getAttribute("width") + "x" + node.getAttribute("height");
-        }
-        if (node.hasAttribute("title")) {
-          txt += ' "' + node.getAttribute("title") + '"';
-        }
-        txt += ")";
+    }
+  }
+  return subsequence;
+};
+const get = function(array1, array2, match, context) {
+  const innerContext = context || {};
+  const matrix = lengthMatrix(array1, array2, match || defaultMatch, innerContext);
+  return backtrack(matrix, array1, array2, innerContext);
+};
+const lcs = {
+  get
+};
+const ARRAY_MOVE = 3;
+function arraysHaveMatchByRef(array1, array2, len1, len2) {
+  for (let index1 = 0; index1 < len1; index1++) {
+    const val1 = array1[index1];
+    for (let index2 = 0; index2 < len2; index2++) {
+      const val2 = array2[index2];
+      if (index1 !== index2 && val1 === val2) {
+        return true;
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.links", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes() && node.hasAttribute("href")) {
-        var children = node.childNodes, childrenLength = children.length;
-        txt = "[";
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
-        }
-        txt += "](";
-        txt += "<" + node.getAttribute("href") + ">";
-        if (node.hasAttribute("title")) {
-          txt += ' "' + node.getAttribute("title") + '"';
+    }
+  }
+}
+function matchItems(array1, array2, index1, index2, context) {
+  const value1 = array1[index1];
+  const value2 = array2[index2];
+  if (value1 === value2) {
+    return true;
+  }
+  if (typeof value1 !== "object" || typeof value2 !== "object") {
+    return false;
+  }
+  const objectHash = context.objectHash;
+  if (!objectHash) {
+    return context.matchByPosition && index1 === index2;
+  }
+  context.hashCache1 = context.hashCache1 || [];
+  let hash1 = context.hashCache1[index1];
+  if (typeof hash1 === "undefined") {
+    context.hashCache1[index1] = hash1 = objectHash(value1, index1);
+  }
+  if (typeof hash1 === "undefined") {
+    return false;
+  }
+  context.hashCache2 = context.hashCache2 || [];
+  let hash2 = context.hashCache2[index2];
+  if (typeof hash2 === "undefined") {
+    context.hashCache2[index2] = hash2 = objectHash(value2, index2);
+  }
+  if (typeof hash2 === "undefined") {
+    return false;
+  }
+  return hash1 === hash2;
+}
+const diffFilter$2 = function arraysDiffFilter(context) {
+  if (!context.leftIsArray) {
+    return;
+  }
+  const matchContext = {
+    objectHash: context.options && context.options.objectHash,
+    matchByPosition: context.options && context.options.matchByPosition
+  };
+  let commonHead = 0;
+  let commonTail = 0;
+  let index;
+  let index1;
+  let index2;
+  const array1 = context.left;
+  const array2 = context.right;
+  const len1 = array1.length;
+  const len2 = array2.length;
+  let child;
+  if (len1 > 0 && len2 > 0 && !matchContext.objectHash && typeof matchContext.matchByPosition !== "boolean") {
+    matchContext.matchByPosition = !arraysHaveMatchByRef(array1, array2, len1, len2);
+  }
+  while (commonHead < len1 && commonHead < len2 && matchItems(array1, array2, commonHead, commonHead, matchContext)) {
+    index = commonHead;
+    child = new DiffContext(array1[index], array2[index]);
+    context.push(child, index);
+    commonHead++;
+  }
+  while (commonTail + commonHead < len1 && commonTail + commonHead < len2 && matchItems(array1, array2, len1 - 1 - commonTail, len2 - 1 - commonTail, matchContext)) {
+    index1 = len1 - 1 - commonTail;
+    index2 = len2 - 1 - commonTail;
+    child = new DiffContext(array1[index1], array2[index2]);
+    context.push(child, index2);
+    commonTail++;
+  }
+  let result;
+  if (commonHead + commonTail === len1) {
+    if (len1 === len2) {
+      context.setResult(void 0).exit();
+      return;
+    }
+    result = result || {
+      _t: "a"
+    };
+    for (index = commonHead; index < len2 - commonTail; index++) {
+      result[index] = [array2[index]];
+    }
+    context.setResult(result).exit();
+    return;
+  }
+  if (commonHead + commonTail === len2) {
+    result = result || {
+      _t: "a"
+    };
+    for (index = commonHead; index < len1 - commonTail; index++) {
+      result[`_${index}`] = [array1[index], 0, 0];
+    }
+    context.setResult(result).exit();
+    return;
+  }
+  delete matchContext.hashCache1;
+  delete matchContext.hashCache2;
+  const trimmed1 = array1.slice(commonHead, len1 - commonTail);
+  const trimmed2 = array2.slice(commonHead, len2 - commonTail);
+  const seq = lcs.get(trimmed1, trimmed2, matchItems, matchContext);
+  const removedItems = [];
+  result = result || {
+    _t: "a"
+  };
+  for (index = commonHead; index < len1 - commonTail; index++) {
+    if (seq.indices1.indexOf(index - commonHead) < 0) {
+      result[`_${index}`] = [array1[index], 0, 0];
+      removedItems.push(index);
+    }
+  }
+  let detectMove = true;
+  if (context.options && context.options.arrays && context.options.arrays.detectMove === false) {
+    detectMove = false;
+  }
+  let includeValueOnMove = false;
+  if (context.options && context.options.arrays && context.options.arrays.includeValueOnMove) {
+    includeValueOnMove = true;
+  }
+  const removedItemsLength = removedItems.length;
+  for (index = commonHead; index < len2 - commonTail; index++) {
+    const indexOnArray2 = seq.indices2.indexOf(index - commonHead);
+    if (indexOnArray2 < 0) {
+      let isMove = false;
+      if (detectMove && removedItemsLength > 0) {
+        for (let removeItemIndex1 = 0; removeItemIndex1 < removedItemsLength; removeItemIndex1++) {
+          index1 = removedItems[removeItemIndex1];
+          if (matchItems(trimmed1, trimmed2, index1 - commonHead, index - commonHead, matchContext)) {
+            result[`_${index1}`].splice(1, 2, index, ARRAY_MOVE);
+            if (!includeValueOnMove) {
+              result[`_${index1}`][0] = "";
+            }
+            index2 = index;
+            child = new DiffContext(array1[index1], array2[index2]);
+            context.push(child, index2);
+            removedItems.splice(removeItemIndex1, 1);
+            isMove = true;
+            break;
+          }
         }
-        txt += ")";
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.list", function(node, globals, type) {
-      var txt = "";
-      if (!node.hasChildNodes()) {
-        return "";
+      if (!isMove) {
+        result[index] = [array2[index]];
       }
-      var listItems = node.childNodes, listItemsLenght = listItems.length, listNum = node.getAttribute("start") || 1;
-      for (var i2 = 0; i2 < listItemsLenght; ++i2) {
-        if (typeof listItems[i2].tagName === "undefined" || listItems[i2].tagName.toLowerCase() !== "li") {
-          continue;
-        }
-        var bullet = "";
-        if (type === "ol") {
-          bullet = listNum.toString() + ". ";
+    } else {
+      index1 = seq.indices1[indexOnArray2] + commonHead;
+      index2 = seq.indices2[indexOnArray2] + commonHead;
+      child = new DiffContext(array1[index1], array2[index2]);
+      context.push(child, index2);
+    }
+  }
+  context.setResult(result).exit();
+};
+diffFilter$2.filterName = "arrays";
+const compare$1 = {
+  numerically(a2, b2) {
+    return a2 - b2;
+  },
+  numericallyBy(name) {
+    return (a2, b2) => a2[name] - b2[name];
+  }
+};
+const patchFilter$1 = function nestedPatchFilter2(context) {
+  if (!context.nested) {
+    return;
+  }
+  const nestedDelta = context.delta;
+  if (nestedDelta._t !== "a") {
+    return;
+  }
+  let index;
+  let index1;
+  const delta = nestedDelta;
+  const array = context.left;
+  let toRemove = [];
+  let toInsert = [];
+  const toModify = [];
+  for (index in delta) {
+    if (index !== "_t") {
+      if (index[0] === "_") {
+        const removedOrMovedIndex = index;
+        if (delta[removedOrMovedIndex][2] === 0 || delta[removedOrMovedIndex][2] === ARRAY_MOVE) {
+          toRemove.push(parseInt(index.slice(1), 10));
         } else {
-          bullet = "- ";
+          throw new Error(`only removal or move can be applied at original array indices, invalid diff type: ${delta[removedOrMovedIndex][2]}`);
         }
-        txt += bullet + showdown2.subParser("makeMarkdown.listItem")(listItems[i2], globals);
-        ++listNum;
-      }
-      txt += "\n<!-- -->\n";
-      return txt.trim();
-    });
-    showdown2.subParser("makeMarkdown.listItem", function(node, globals) {
-      var listItemTxt = "";
-      var children = node.childNodes, childrenLenght = children.length;
-      for (var i2 = 0; i2 < childrenLenght; ++i2) {
-        listItemTxt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
-      }
-      if (!/\n$/.test(listItemTxt)) {
-        listItemTxt += "\n";
       } else {
-        listItemTxt = listItemTxt.split("\n").join("\n    ").replace(/^ {4}$/gm, "").replace(/\n\n+/g, "\n\n");
-      }
-      return listItemTxt;
-    });
-    showdown2.subParser("makeMarkdown.node", function(node, globals, spansOnly) {
-      spansOnly = spansOnly || false;
-      var txt = "";
-      if (node.nodeType === 3) {
-        return showdown2.subParser("makeMarkdown.txt")(node, globals);
-      }
-      if (node.nodeType === 8) {
-        return "<!--" + node.data + "-->\n\n";
-      }
-      if (node.nodeType !== 1) {
-        return "";
-      }
-      var tagName = node.tagName.toLowerCase();
-      switch (tagName) {
-        case "h1":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 1) + "\n\n";
-          }
-          break;
-        case "h2":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 2) + "\n\n";
-          }
-          break;
-        case "h3":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 3) + "\n\n";
-          }
-          break;
-        case "h4":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 4) + "\n\n";
-          }
-          break;
-        case "h5":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 5) + "\n\n";
-          }
-          break;
-        case "h6":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.header")(node, globals, 6) + "\n\n";
-          }
-          break;
-        case "p":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.paragraph")(node, globals) + "\n\n";
-          }
-          break;
-        case "blockquote":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.blockquote")(node, globals) + "\n\n";
-          }
-          break;
-        case "hr":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.hr")(node, globals) + "\n\n";
-          }
-          break;
-        case "ol":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.list")(node, globals, "ol") + "\n\n";
-          }
-          break;
-        case "ul":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.list")(node, globals, "ul") + "\n\n";
-          }
-          break;
-        case "precode":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.codeBlock")(node, globals) + "\n\n";
-          }
-          break;
-        case "pre":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.pre")(node, globals) + "\n\n";
-          }
-          break;
-        case "table":
-          if (!spansOnly) {
-            txt = showdown2.subParser("makeMarkdown.table")(node, globals) + "\n\n";
-          }
-          break;
-        case "code":
-          txt = showdown2.subParser("makeMarkdown.codeSpan")(node, globals);
-          break;
-        case "em":
-        case "i":
-          txt = showdown2.subParser("makeMarkdown.emphasis")(node, globals);
-          break;
-        case "strong":
-        case "b":
-          txt = showdown2.subParser("makeMarkdown.strong")(node, globals);
-          break;
-        case "del":
-          txt = showdown2.subParser("makeMarkdown.strikethrough")(node, globals);
-          break;
-        case "a":
-          txt = showdown2.subParser("makeMarkdown.links")(node, globals);
-          break;
-        case "img":
-          txt = showdown2.subParser("makeMarkdown.image")(node, globals);
-          break;
-        default:
-          txt = node.outerHTML + "\n\n";
+        const numberIndex = index;
+        if (delta[numberIndex].length === 1) {
+          toInsert.push({
+            index: parseInt(numberIndex, 10),
+            value: delta[numberIndex][0]
+          });
+        } else {
+          toModify.push({
+            index: parseInt(numberIndex, 10),
+            delta: delta[numberIndex]
+          });
+        }
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.paragraph", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes()) {
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
+    }
+  }
+  toRemove = toRemove.sort(compare$1.numerically);
+  for (index = toRemove.length - 1; index >= 0; index--) {
+    index1 = toRemove[index];
+    const indexDiff = delta[`_${index1}`];
+    const removedValue = array.splice(index1, 1)[0];
+    if (indexDiff[2] === ARRAY_MOVE) {
+      toInsert.push({
+        index: indexDiff[1],
+        value: removedValue
+      });
+    }
+  }
+  toInsert = toInsert.sort(compare$1.numericallyBy("index"));
+  const toInsertLength = toInsert.length;
+  for (index = 0; index < toInsertLength; index++) {
+    const insertion = toInsert[index];
+    array.splice(insertion.index, 0, insertion.value);
+  }
+  const toModifyLength = toModify.length;
+  let child;
+  if (toModifyLength > 0) {
+    for (index = 0; index < toModifyLength; index++) {
+      const modification = toModify[index];
+      child = new PatchContext(array[modification.index], modification.delta);
+      context.push(child, modification.index);
+    }
+  }
+  if (!context.children) {
+    context.setResult(array).exit();
+    return;
+  }
+  context.exit();
+};
+patchFilter$1.filterName = "arrays";
+const collectChildrenPatchFilter2 = function collectChildrenPatchFilter3(context) {
+  if (!context || !context.children) {
+    return;
+  }
+  const deltaWithChildren = context.delta;
+  if (deltaWithChildren._t !== "a") {
+    return;
+  }
+  const array = context.left;
+  const length = context.children.length;
+  let child;
+  for (let index = 0; index < length; index++) {
+    child = context.children[index];
+    const arrayIndex = child.childName;
+    array[arrayIndex] = child.result;
+  }
+  context.setResult(array).exit();
+};
+collectChildrenPatchFilter2.filterName = "arraysCollectChildren";
+const reverseFilter$1 = function arraysReverseFilter(context) {
+  if (!context.nested) {
+    const nonNestedDelta = context.delta;
+    if (nonNestedDelta[2] === ARRAY_MOVE) {
+      const arrayMoveDelta = nonNestedDelta;
+      context.newName = `_${arrayMoveDelta[1]}`;
+      context.setResult([
+        arrayMoveDelta[0],
+        parseInt(context.childName.substring(1), 10),
+        ARRAY_MOVE
+      ]).exit();
+    }
+    return;
+  }
+  const nestedDelta = context.delta;
+  if (nestedDelta._t !== "a") {
+    return;
+  }
+  const arrayDelta = nestedDelta;
+  let name;
+  let child;
+  for (name in arrayDelta) {
+    if (name === "_t") {
+      continue;
+    }
+    child = new ReverseContext(arrayDelta[name]);
+    context.push(child, name);
+  }
+  context.exit();
+};
+reverseFilter$1.filterName = "arrays";
+const reverseArrayDeltaIndex = (delta, index, itemDelta) => {
+  if (typeof index === "string" && index[0] === "_") {
+    return parseInt(index.substring(1), 10);
+  } else if (Array.isArray(itemDelta) && itemDelta[2] === 0) {
+    return `_${index}`;
+  }
+  let reverseIndex = +index;
+  for (const deltaIndex in delta) {
+    const deltaItem = delta[deltaIndex];
+    if (Array.isArray(deltaItem)) {
+      if (deltaItem[2] === ARRAY_MOVE) {
+        const moveFromIndex = parseInt(deltaIndex.substring(1), 10);
+        const moveToIndex = deltaItem[1];
+        if (moveToIndex === +index) {
+          return moveFromIndex;
         }
-      }
-      txt = txt.trim();
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.pre", function(node, globals) {
-      var num = node.getAttribute("prenum");
-      return "<pre>" + globals.preList[num] + "</pre>";
-    });
-    showdown2.subParser("makeMarkdown.strikethrough", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes()) {
-        txt += "~~";
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
+        if (moveFromIndex <= reverseIndex && moveToIndex > reverseIndex) {
+          reverseIndex++;
+        } else if (moveFromIndex >= reverseIndex && moveToIndex < reverseIndex) {
+          reverseIndex--;
         }
-        txt += "~~";
-      }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.strong", function(node, globals) {
-      var txt = "";
-      if (node.hasChildNodes()) {
-        txt += "**";
-        var children = node.childNodes, childrenLength = children.length;
-        for (var i2 = 0; i2 < childrenLength; ++i2) {
-          txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals);
+      } else if (deltaItem[2] === 0) {
+        const deleteIndex = parseInt(deltaIndex.substring(1), 10);
+        if (deleteIndex <= reverseIndex) {
+          reverseIndex++;
         }
-        txt += "**";
+      } else if (deltaItem.length === 1 && parseInt(deltaIndex, 10) <= reverseIndex) {
+        reverseIndex--;
       }
-      return txt;
-    });
-    showdown2.subParser("makeMarkdown.table", function(node, globals) {
-      var txt = "", tableArray = [[], []], headings = node.querySelectorAll("thead>tr>th"), rows = node.querySelectorAll("tbody>tr"), i2, ii;
-      for (i2 = 0; i2 < headings.length; ++i2) {
-        var headContent = showdown2.subParser("makeMarkdown.tableCell")(headings[i2], globals), allign = "---";
-        if (headings[i2].hasAttribute("style")) {
-          var style = headings[i2].getAttribute("style").toLowerCase().replace(/\s/g, "");
-          switch (style) {
-            case "text-align:left;":
-              allign = ":---";
-              break;
-            case "text-align:right;":
-              allign = "---:";
-              break;
-            case "text-align:center;":
-              allign = ":---:";
-              break;
-          }
-        }
-        tableArray[0][i2] = headContent.trim();
-        tableArray[1][i2] = allign;
+    }
+  }
+  return reverseIndex;
+};
+const collectChildrenReverseFilter = (context) => {
+  if (!context || !context.children) {
+    return;
+  }
+  const deltaWithChildren = context.delta;
+  if (deltaWithChildren._t !== "a") {
+    return;
+  }
+  const arrayDelta = deltaWithChildren;
+  const length = context.children.length;
+  let child;
+  const delta = {
+    _t: "a"
+  };
+  for (let index = 0; index < length; index++) {
+    child = context.children[index];
+    let name = child.newName;
+    if (typeof name === "undefined") {
+      name = reverseArrayDeltaIndex(arrayDelta, child.childName, child.result);
+    }
+    if (delta[name] !== child.result) {
+      delta[name] = child.result;
+    }
+  }
+  context.setResult(delta).exit();
+};
+collectChildrenReverseFilter.filterName = "arraysCollectChildren";
+const diffFilter$1 = function datesDiffFilter(context) {
+  if (context.left instanceof Date) {
+    if (context.right instanceof Date) {
+      if (context.left.getTime() !== context.right.getTime()) {
+        context.setResult([context.left, context.right]);
+      } else {
+        context.setResult(void 0);
       }
-      for (i2 = 0; i2 < rows.length; ++i2) {
-        var r2 = tableArray.push([]) - 1, cols = rows[i2].getElementsByTagName("td");
-        for (ii = 0; ii < headings.length; ++ii) {
-          var cellContent = " ";
-          if (typeof cols[ii] !== "undefined") {
-            cellContent = showdown2.subParser("makeMarkdown.tableCell")(cols[ii], globals);
+    } else {
+      context.setResult([context.left, context.right]);
+    }
+    context.exit();
+  } else if (context.right instanceof Date) {
+    context.setResult([context.left, context.right]).exit();
+  }
+};
+diffFilter$1.filterName = "dates";
+const TEXT_DIFF = 2;
+const DEFAULT_MIN_LENGTH = 60;
+let cachedDiffPatch = null;
+function getDiffMatchPatch(options, required) {
+  var _a;
+  if (!cachedDiffPatch) {
+    let instance;
+    if ((_a = options === null || options === void 0 ? void 0 : options.textDiff) === null || _a === void 0 ? void 0 : _a.diffMatchPatch) {
+      instance = new options.textDiff.diffMatchPatch();
+    } else {
+      if (!required) {
+        return null;
+      }
+      const error = new Error("The diff-match-patch library was not provided. Pass the library in through the options or use the `jsondiffpatch/with-text-diffs` entry-point.");
+      error.diff_match_patch_not_found = true;
+      throw error;
+    }
+    cachedDiffPatch = {
+      diff: function(txt1, txt2) {
+        return instance.patch_toText(instance.patch_make(txt1, txt2));
+      },
+      patch: function(txt1, patch) {
+        const results = instance.patch_apply(instance.patch_fromText(patch), txt1);
+        for (let i2 = 0; i2 < results[1].length; i2++) {
+          if (!results[1][i2]) {
+            const error = new Error("text patch failed");
+            error.textPatchFailed = true;
           }
-          tableArray[r2].push(cellContent);
         }
+        return results[0];
       }
-      var cellSpacesCount = 3;
-      for (i2 = 0; i2 < tableArray.length; ++i2) {
-        for (ii = 0; ii < tableArray[i2].length; ++ii) {
-          var strLen = tableArray[i2][ii].length;
-          if (strLen > cellSpacesCount) {
-            cellSpacesCount = strLen;
+    };
+  }
+  return cachedDiffPatch;
+}
+const diffFilter = function textsDiffFilter(context) {
+  if (context.leftType !== "string") {
+    return;
+  }
+  const left2 = context.left;
+  const right2 = context.right;
+  const minLength = context.options && context.options.textDiff && context.options.textDiff.minLength || DEFAULT_MIN_LENGTH;
+  if (left2.length < minLength || right2.length < minLength) {
+    context.setResult([left2, right2]).exit();
+    return;
+  }
+  const diffMatchPatch = getDiffMatchPatch(context.options);
+  if (!diffMatchPatch) {
+    context.setResult([left2, right2]).exit();
+    return;
+  }
+  const diff2 = diffMatchPatch.diff;
+  context.setResult([diff2(left2, right2), 0, TEXT_DIFF]).exit();
+};
+diffFilter.filterName = "texts";
+const patchFilter = function textsPatchFilter(context) {
+  if (context.nested) {
+    return;
+  }
+  const nonNestedDelta = context.delta;
+  if (nonNestedDelta[2] !== TEXT_DIFF) {
+    return;
+  }
+  const textDiffDelta = nonNestedDelta;
+  const patch = getDiffMatchPatch(context.options, true).patch;
+  context.setResult(patch(context.left, textDiffDelta[0])).exit();
+};
+patchFilter.filterName = "texts";
+const textDeltaReverse = function(delta) {
+  let i2;
+  let l2;
+  let line2;
+  let lineTmp;
+  let header = null;
+  const headerRegex = /^@@ +-(\d+),(\d+) +\+(\d+),(\d+) +@@$/;
+  let lineHeader;
+  const lines = delta.split("\n");
+  for (i2 = 0, l2 = lines.length; i2 < l2; i2++) {
+    line2 = lines[i2];
+    const lineStart = line2.slice(0, 1);
+    if (lineStart === "@") {
+      header = headerRegex.exec(line2);
+      lineHeader = i2;
+      lines[lineHeader] = "@@ -" + header[3] + "," + header[4] + " +" + header[1] + "," + header[2] + " @@";
+    } else if (lineStart === "+") {
+      lines[i2] = "-" + lines[i2].slice(1);
+      if (lines[i2 - 1].slice(0, 1) === "+") {
+        lineTmp = lines[i2];
+        lines[i2] = lines[i2 - 1];
+        lines[i2 - 1] = lineTmp;
+      }
+    } else if (lineStart === "-") {
+      lines[i2] = "+" + lines[i2].slice(1);
+    }
+  }
+  return lines.join("\n");
+};
+const reverseFilter = function textsReverseFilter(context) {
+  if (context.nested) {
+    return;
+  }
+  const nonNestedDelta = context.delta;
+  if (nonNestedDelta[2] !== TEXT_DIFF) {
+    return;
+  }
+  const textDiffDelta = nonNestedDelta;
+  context.setResult([textDeltaReverse(textDiffDelta[0]), 0, TEXT_DIFF]).exit();
+};
+reverseFilter.filterName = "texts";
+class DiffPatcher {
+  constructor(options) {
+    this.processor = new Processor(options);
+    this.processor.pipe(new Pipe("diff").append(collectChildrenDiffFilter, diffFilter$3, diffFilter$1, diffFilter, objectsDiffFilter, diffFilter$2).shouldHaveResult());
+    this.processor.pipe(new Pipe("patch").append(collectChildrenPatchFilter$1, collectChildrenPatchFilter2, patchFilter$3, patchFilter, patchFilter$2, patchFilter$1).shouldHaveResult());
+    this.processor.pipe(new Pipe("reverse").append(collectChildrenReverseFilter$1, collectChildrenReverseFilter, reverseFilter$3, reverseFilter, reverseFilter$2, reverseFilter$1).shouldHaveResult());
+  }
+  options(options) {
+    return this.processor.options(options);
+  }
+  diff(left2, right2) {
+    return this.processor.process(new DiffContext(left2, right2));
+  }
+  patch(left2, delta) {
+    return this.processor.process(new PatchContext(left2, delta));
+  }
+  reverse(delta) {
+    return this.processor.process(new ReverseContext(delta));
+  }
+  unpatch(right2, delta) {
+    return this.patch(right2, this.reverse(delta));
+  }
+  clone(value) {
+    return clone(value);
+  }
+}
+let defaultInstance$1;
+function diff(left2, right2) {
+  if (!defaultInstance$1) {
+    defaultInstance$1 = new DiffPatcher();
+  }
+  return defaultInstance$1.diff(left2, right2);
+}
+const trimUnderscore = (str) => {
+  if (str.substring(0, 1) === "_") {
+    return str.slice(1);
+  }
+  return str;
+};
+const arrayKeyToSortNumber = (key2) => {
+  if (key2 === "_t") {
+    return -1;
+  } else {
+    if (key2.substring(0, 1) === "_") {
+      return parseInt(key2.slice(1), 10);
+    } else {
+      return parseInt(key2, 10) + 0.1;
+    }
+  }
+};
+const arrayKeyComparer = (key1, key2) => arrayKeyToSortNumber(key1) - arrayKeyToSortNumber(key2);
+class BaseFormatter {
+  format(delta, left2) {
+    const context = {};
+    this.prepareContext(context);
+    const preparedContext = context;
+    this.recurse(preparedContext, delta, left2);
+    return this.finalize(preparedContext);
+  }
+  prepareContext(context) {
+    context.buffer = [];
+    context.out = function(...args) {
+      this.buffer.push(...args);
+    };
+  }
+  typeFormattterNotFound(context, deltaType) {
+    throw new Error(`cannot format delta type: ${deltaType}`);
+  }
+  /* eslint-disable @typescript-eslint/no-unused-vars */
+  typeFormattterErrorFormatter(context, err, delta, leftValue, key2, leftKey, movedFrom) {
+  }
+  /* eslint-enable @typescript-eslint/no-unused-vars */
+  finalize({ buffer: buffer2 }) {
+    if (Array.isArray(buffer2)) {
+      return buffer2.join("");
+    }
+  }
+  recurse(context, delta, left2, key2, leftKey, movedFrom, isLast) {
+    const useMoveOriginHere = delta && movedFrom;
+    const leftValue = useMoveOriginHere ? movedFrom.value : left2;
+    if (typeof delta === "undefined" && typeof key2 === "undefined") {
+      return void 0;
+    }
+    const type = this.getDeltaType(delta, movedFrom);
+    const nodeType = type === "node" ? delta._t === "a" ? "array" : "object" : "";
+    if (typeof key2 !== "undefined") {
+      this.nodeBegin(context, key2, leftKey, type, nodeType, isLast);
+    } else {
+      this.rootBegin(context, type, nodeType);
+    }
+    let typeFormattter;
+    try {
+      typeFormattter = type !== "unknown" ? this[`format_${type}`] : this.typeFormattterNotFound(context, type);
+      typeFormattter.call(this, context, delta, leftValue, key2, leftKey, movedFrom);
+    } catch (err) {
+      this.typeFormattterErrorFormatter(context, err, delta, leftValue, key2, leftKey, movedFrom);
+      if (typeof console !== "undefined" && console.error) {
+        console.error(err.stack);
+      }
+    }
+    if (typeof key2 !== "undefined") {
+      this.nodeEnd(context, key2, leftKey, type, nodeType, isLast);
+    } else {
+      this.rootEnd(context, type, nodeType);
+    }
+  }
+  formatDeltaChildren(context, delta, left2) {
+    this.forEachDeltaKey(delta, left2, (key2, leftKey, movedFrom, isLast) => {
+      this.recurse(context, delta[key2], left2 ? left2[leftKey] : void 0, key2, leftKey, movedFrom, isLast);
+    });
+  }
+  forEachDeltaKey(delta, left2, fn2) {
+    const keys = Object.keys(delta);
+    const arrayKeys = delta._t === "a";
+    const moveDestinations = {};
+    let name;
+    if (typeof left2 !== "undefined") {
+      for (name in left2) {
+        if (Object.prototype.hasOwnProperty.call(left2, name)) {
+          if (typeof delta[name] === "undefined" && (!arrayKeys || typeof delta[`_${name}`] === "undefined")) {
+            keys.push(name);
           }
         }
       }
-      for (i2 = 0; i2 < tableArray.length; ++i2) {
-        for (ii = 0; ii < tableArray[i2].length; ++ii) {
-          if (i2 === 1) {
-            if (tableArray[i2][ii].slice(-1) === ":") {
-              tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii].slice(-1), cellSpacesCount - 1, "-") + ":";
-            } else {
-              tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii], cellSpacesCount, "-");
+    }
+    for (name in delta) {
+      if (Object.prototype.hasOwnProperty.call(delta, name)) {
+        const value = delta[name];
+        if (Array.isArray(value) && value[2] === 3) {
+          const movedDelta = value;
+          moveDestinations[`${movedDelta[1]}`] = {
+            key: name,
+            value: left2 && left2[parseInt(name.substring(1), 10)]
+          };
+          if (this.includeMoveDestinations !== false) {
+            if (typeof left2 === "undefined" && typeof delta[movedDelta[1]] === "undefined") {
+              keys.push(movedDelta[1].toString());
             }
-          } else {
-            tableArray[i2][ii] = showdown2.helper.padEnd(tableArray[i2][ii], cellSpacesCount);
           }
         }
-        txt += "| " + tableArray[i2].join(" | ") + " |\n";
       }
-      return txt.trim();
-    });
-    showdown2.subParser("makeMarkdown.tableCell", function(node, globals) {
-      var txt = "";
-      if (!node.hasChildNodes()) {
-        return "";
+    }
+    if (arrayKeys) {
+      keys.sort(arrayKeyComparer);
+    } else {
+      keys.sort();
+    }
+    for (let index = 0, length = keys.length; index < length; index++) {
+      const key2 = keys[index];
+      if (arrayKeys && key2 === "_t") {
+        continue;
       }
-      var children = node.childNodes, childrenLength = children.length;
-      for (var i2 = 0; i2 < childrenLength; ++i2) {
-        txt += showdown2.subParser("makeMarkdown.node")(children[i2], globals, true);
+      const leftKey = arrayKeys ? parseInt(trimUnderscore(key2), 10) : key2;
+      const isLast = index === length - 1;
+      fn2(key2, leftKey, moveDestinations[leftKey], isLast);
+    }
+  }
+  getDeltaType(delta, movedFrom) {
+    if (typeof delta === "undefined") {
+      if (typeof movedFrom !== "undefined") {
+        return "movedestination";
+      }
+      return "unchanged";
+    }
+    if (Array.isArray(delta)) {
+      if (delta.length === 1) {
+        return "added";
+      }
+      if (delta.length === 2) {
+        return "modified";
+      }
+      if (delta.length === 3 && delta[2] === 0) {
+        return "deleted";
+      }
+      if (delta.length === 3 && delta[2] === 2) {
+        return "textdiff";
+      }
+      if (delta.length === 3 && delta[2] === 3) {
+        return "moved";
+      }
+    } else if (typeof delta === "object") {
+      return "node";
+    }
+    return "unknown";
+  }
+  parseTextDiff(value) {
+    const output = [];
+    const lines = value.split("\n@@ ");
+    for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
+      const line2 = lines[i2];
+      const lineOutput = {
+        pieces: []
+      };
+      const location = /^(?:@@ )?[-+]?(\d+),(\d+)/.exec(line2).slice(1);
+      lineOutput.location = {
+        line: location[0],
+        chr: location[1]
+      };
+      const pieces = line2.split("\n").slice(1);
+      for (let pieceIndex = 0, piecesLength = pieces.length; pieceIndex < piecesLength; pieceIndex++) {
+        const piece = pieces[pieceIndex];
+        if (!piece.length) {
+          continue;
+        }
+        const pieceOutput = {
+          type: "context"
+        };
+        if (piece.substring(0, 1) === "+") {
+          pieceOutput.type = "added";
+        } else if (piece.substring(0, 1) === "-") {
+          pieceOutput.type = "deleted";
+        }
+        pieceOutput.text = piece.slice(1);
+        lineOutput.pieces.push(pieceOutput);
+      }
+      output.push(lineOutput);
+    }
+    return output;
+  }
+}
+class HtmlFormatter extends BaseFormatter {
+  typeFormattterErrorFormatter(context, err) {
+    context.out(`<pre class="jsondiffpatch-error">${err}</pre>`);
+  }
+  formatValue(context, value) {
+    context.out(`<pre>${htmlEscape(JSON.stringify(value, null, 2))}</pre>`);
+  }
+  formatTextDiffString(context, value) {
+    const lines = this.parseTextDiff(value);
+    context.out('<ul class="jsondiffpatch-textdiff">');
+    for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
+      const line2 = lines[i2];
+      context.out(`<li><div class="jsondiffpatch-textdiff-location"><span class="jsondiffpatch-textdiff-line-number">${line2.location.line}</span><span class="jsondiffpatch-textdiff-char">${line2.location.chr}</span></div><div class="jsondiffpatch-textdiff-line">`);
+      const pieces = line2.pieces;
+      for (let pieceIndex = 0, piecesLength = pieces.length; pieceIndex < piecesLength; pieceIndex++) {
+        const piece = pieces[pieceIndex];
+        context.out(`<span class="jsondiffpatch-textdiff-${piece.type}">${htmlEscape(decodeURI(piece.text))}</span>`);
+      }
+      context.out("</div></li>");
+    }
+    context.out("</ul>");
+  }
+  rootBegin(context, type, nodeType) {
+    const nodeClass = `jsondiffpatch-${type}${nodeType ? ` jsondiffpatch-child-node-type-${nodeType}` : ""}`;
+    context.out(`<div class="jsondiffpatch-delta ${nodeClass}">`);
+  }
+  rootEnd(context) {
+    context.out(`</div>${context.hasArrows ? `<script type="text/javascript">setTimeout(${adjustArrows.toString()},10);<\/script>` : ""}`);
+  }
+  nodeBegin(context, key2, leftKey, type, nodeType) {
+    const nodeClass = `jsondiffpatch-${type}${nodeType ? ` jsondiffpatch-child-node-type-${nodeType}` : ""}`;
+    context.out(`<li class="${nodeClass}" data-key="${leftKey}"><div class="jsondiffpatch-property-name">${leftKey}</div>`);
+  }
+  nodeEnd(context) {
+    context.out("</li>");
+  }
+  format_unchanged(context, delta, left2) {
+    if (typeof left2 === "undefined") {
+      return;
+    }
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatValue(context, left2);
+    context.out("</div>");
+  }
+  format_movedestination(context, delta, left2) {
+    if (typeof left2 === "undefined") {
+      return;
+    }
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatValue(context, left2);
+    context.out("</div>");
+  }
+  format_node(context, delta, left2) {
+    const nodeType = delta._t === "a" ? "array" : "object";
+    context.out(`<ul class="jsondiffpatch-node jsondiffpatch-node-type-${nodeType}">`);
+    this.formatDeltaChildren(context, delta, left2);
+    context.out("</ul>");
+  }
+  format_added(context, delta) {
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatValue(context, delta[0]);
+    context.out("</div>");
+  }
+  format_modified(context, delta) {
+    context.out('<div class="jsondiffpatch-value jsondiffpatch-left-value">');
+    this.formatValue(context, delta[0]);
+    context.out('</div><div class="jsondiffpatch-value jsondiffpatch-right-value">');
+    this.formatValue(context, delta[1]);
+    context.out("</div>");
+  }
+  format_deleted(context, delta) {
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatValue(context, delta[0]);
+    context.out("</div>");
+  }
+  format_moved(context, delta) {
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatValue(context, delta[0]);
+    context.out(`</div><div class="jsondiffpatch-moved-destination">${delta[1]}</div>`);
+    context.out(
+      /* jshint multistr: true */
+      `<div class="jsondiffpatch-arrow" style="position: relative; left: -34px;">
+          <svg width="30" height="60" style="position: absolute; display: none;">
+          <defs>
+              <marker id="markerArrow" markerWidth="8" markerHeight="8"
+                 refx="2" refy="4"
+                     orient="auto" markerUnits="userSpaceOnUse">
+                  <path d="M1,1 L1,7 L7,4 L1,1" style="fill: #339;" />
+              </marker>
+          </defs>
+          <path d="M30,0 Q-10,25 26,50"
+            style="stroke: #88f; stroke-width: 2px; fill: none; stroke-opacity: 0.5; marker-end: url(#markerArrow);"
+          ></path>
+          </svg>
+      </div>`
+    );
+    context.hasArrows = true;
+  }
+  format_textdiff(context, delta) {
+    context.out('<div class="jsondiffpatch-value">');
+    this.formatTextDiffString(context, delta[0]);
+    context.out("</div>");
+  }
+}
+function htmlEscape(text) {
+  let html = text;
+  const replacements = [
+    [/&/g, "&amp;"],
+    [/</g, "&lt;"],
+    [/>/g, "&gt;"],
+    [/'/g, "&apos;"],
+    [/"/g, "&quot;"]
+  ];
+  for (let i2 = 0; i2 < replacements.length; i2++) {
+    html = html.replace(replacements[i2][0], replacements[i2][1]);
+  }
+  return html;
+}
+const adjustArrows = function jsondiffpatchHtmlFormatterAdjustArrows(nodeArg) {
+  const node = nodeArg || document;
+  const getElementText = ({ textContent, innerText }) => textContent || innerText;
+  const eachByQuery = (el, query, fn2) => {
+    const elems = el.querySelectorAll(query);
+    for (let i2 = 0, l2 = elems.length; i2 < l2; i2++) {
+      fn2(elems[i2]);
+    }
+  };
+  const eachChildren = ({ children }, fn2) => {
+    for (let i2 = 0, l2 = children.length; i2 < l2; i2++) {
+      fn2(children[i2], i2);
+    }
+  };
+  eachByQuery(node, ".jsondiffpatch-arrow", ({ parentNode, children, style }) => {
+    const arrowParent = parentNode;
+    const svg = children[0];
+    const path = svg.children[1];
+    svg.style.display = "none";
+    const destination = getElementText(arrowParent.querySelector(".jsondiffpatch-moved-destination"));
+    const container = arrowParent.parentNode;
+    let destinationElem;
+    eachChildren(container, (child) => {
+      if (child.getAttribute("data-key") === destination) {
+        destinationElem = child;
       }
-      return txt.trim();
     });
-    showdown2.subParser("makeMarkdown.txt", function(node) {
-      var txt = node.nodeValue;
-      txt = txt.replace(/ +/g, " ");
-      txt = txt.replace(/¨NBSP;/g, " ");
-      txt = showdown2.helper.unescapeHTMLEntities(txt);
-      txt = txt.replace(/([*_~|`])/g, "\\$1");
-      txt = txt.replace(/^(\s*)>/g, "\\$1>");
-      txt = txt.replace(/^#/gm, "\\#");
-      txt = txt.replace(/^(\s*)([-=]{3,})(\s*)$/, "$1\\$2$3");
-      txt = txt.replace(/^( {0,3}\d+)\./gm, "$1\\.");
-      txt = txt.replace(/^( {0,3})([+-])/gm, "$1\\$2");
-      txt = txt.replace(/]([\s]*)\(/g, "\\]$1\\(");
-      txt = txt.replace(/^ {0,3}\[([\S \t]*?)]:/gm, "\\[$1]:");
-      return txt;
+    if (!destinationElem) {
+      return;
+    }
+    try {
+      const distance = destinationElem.offsetTop - arrowParent.offsetTop;
+      svg.setAttribute("height", `${Math.abs(distance) + 6}`);
+      style.top = `${-8 + (distance > 0 ? 0 : distance)}px`;
+      const curve = distance > 0 ? `M30,0 Q-10,${Math.round(distance / 2)} 26,${distance - 4}` : `M30,${-distance} Q-10,${Math.round(-distance / 2)} 26,4`;
+      path.setAttribute("d", curve);
+      svg.style.display = "";
+    } catch (err) {
+    }
+  });
+};
+let defaultInstance;
+function format(delta, left2) {
+  if (!defaultInstance) {
+    defaultInstance = new HtmlFormatter();
+  }
+  return defaultInstance.format(delta, left2);
+}
+const StateDiffView = ({ starting, ending, style }) => {
+  const changes = diff(unescapeNewlines(starting), unescapeNewlines(ending));
+  const html_result = format(changes);
+  return m$1`<div
+    dangerouslySetInnerHTML=${{ __html: unescapeNewlines(html_result) }}
+    style=${{ style }}
+  ></div>`;
+};
+function unescapeNewlines(obj) {
+  if (typeof obj === "string") {
+    return obj.replace(/\\n/g, "\n");
+  } else if (typeof obj === "object") {
+    for (let key2 in obj) {
+      obj[key2] = unescapeNewlines(obj[key2]);
+    }
+  }
+  return obj;
+}
+const StateEventView = ({ id, event, depth, stateManager }) => {
+  const startingState = stateManager.getState();
+  const resolvedState = stateManager.applyChanges(event.changes);
+  const summary = summarizeChanges(event.changes);
+  const tabs = [
+    m$1`<${StateDiffView}
+      starting=${startingState}
+      ending=${resolvedState}
+      name="Diff"
+      style=${{ margin: "1em 0" }}
+    />`
+  ];
+  const changePreview = generatePreview(event.changes, resolvedState);
+  if (changePreview) {
+    tabs.unshift(
+      m$1`<div name="Summary" style=${{ margin: "1em 0" }}>
+        ${changePreview}
+      </div>`
+    );
+  }
+  const title = event.event === "state" ? "State Updated" : "Store Updated";
+  return m$1`
+  <${EventPanel} id=${id} title="${title}" icon=${ApplicationIcons.metadata} text=${tabs.length === 1 ? summary : void 0} depth=${depth} collapse=${changePreview === void 0 ? true : void 0}>
+    ${tabs}
+  </${EventPanel}>`;
+};
+const generatePreview = (changes, resolvedState) => {
+  for (const changeType of RenderableChangeTypes) {
+    const requiredMatchCount = changeType.signature.remove.length + changeType.signature.replace.length + changeType.signature.add.length;
+    let matchingOps = 0;
+    for (const change of changes) {
+      if (changeType.signature.remove.includes(change.path) || changeType.signature.replace.includes(change.path) || changeType.signature.add.includes(change.path)) {
+        matchingOps++;
+      }
+      if (matchingOps === requiredMatchCount) {
+        return changeType.render(resolvedState);
+      }
+    }
+  }
+  return void 0;
+};
+const summarizeChanges = (changes) => {
+  const changeMap = {
+    add: [],
+    copy: [],
+    move: [],
+    replace: [],
+    remove: [],
+    test: []
+  };
+  for (const change of changes) {
+    changeMap[change.op].push(change.path);
+  }
+  const changeList = [];
+  const totalOpCount = Object.keys(changeMap).reduce((prev, current) => {
+    return prev + changeMap[current].length;
+  }, 0);
+  if (totalOpCount > 2) {
+    Object.keys(changeMap).forEach((key2) => {
+      const opChanges = changeMap[key2];
+      if (opChanges.length > 0) {
+        changeList.push(`${key2} ${opChanges.length}`);
+      }
     });
-    var root2 = this;
-    if (module.exports) {
-      module.exports = showdown2;
+  } else {
+    Object.keys(changeMap).forEach((key2) => {
+      const opChanges = changeMap[key2];
+      if (opChanges.length > 0) {
+        changeList.push(`${key2} ${opChanges.join(", ")}`);
+      }
+    });
+  }
+  return changeList.join(", ");
+};
+const StepEventView = ({ depth, event }) => {
+  const descriptor = stepDescriptor(event);
+  if (event.action === "end") {
+    if (descriptor.endSpace) {
+      return m$1`<div style=${{ height: "1.5em" }}></div>`;
     } else {
-      root2.showdown = showdown2;
+      return m$1``;
     }
-  }).call(commonjsGlobal);
-})(showdown);
-var showdownExports = showdown.exports;
-showdownExports.setOption("simpleLineBreaks", true);
-showdownExports.setOption("literalMidWordUnderscores", true);
-const converter = new showdownExports.Converter();
-const MarkdownDiv = (props) => {
-  const { markdown, style } = props;
-  const escaped = markdown ? escape(markdown) : "";
-  const preRendered = preRenderText(escaped);
-  const renderedHtml = converter.makeHtml(preRendered);
-  const withCode = unescapeCodeHtmlEntities(renderedHtml);
-  const markup = { __html: withCode };
-  return m$1`<div
-    dangerouslySetInnerHTML=${markup}
-    style=${style}
-    class="${props.class ? `${props.class} ` : ""}markdown-content"
+  }
+  const title = descriptor.name || `${event.type ? event.type + ": " : "Step: "}${event.name}`;
+  return m$1`<${EventPanel}
+    title="${title}"
+    depth=${depth}
+    icon=${descriptor.icon}
+    style=${descriptor.style}
   />`;
 };
-const kLetterListPattern = /^([a-zA-Z][).]\s.*?)$/gm;
-const kCommonmarkReferenceLinkPattern = /\[(.*)\]:( +.+)/g;
-const preRenderText = (txt) => {
-  const rendered = txt.replaceAll(
-    kLetterListPattern,
-    "<p style='margin-bottom: 0.2em;'>$1</p>"
+const rootStepStyle = {
+  backgroundColor: "var(--bs-light)",
+  fontWeight: "600"
+};
+const stepDescriptor = (event) => {
+  const rootStepDescriptor = {
+    style: rootStepStyle,
+    endSpace: true
+  };
+  if (event.type === "solver") {
+    switch (event.name) {
+      case "chain_of_thought":
+        return {
+          icon: ApplicationIcons.solvers.chain_of_thought,
+          ...rootStepDescriptor
+        };
+      case "generate":
+        return {
+          icon: ApplicationIcons.solvers.generate,
+          ...rootStepDescriptor
+        };
+      case "self_critique":
+        return {
+          icon: ApplicationIcons.solvers.self_critique,
+          ...rootStepDescriptor
+        };
+      case "system_message":
+        return {
+          icon: ApplicationIcons.solvers.system_message,
+          ...rootStepDescriptor
+        };
+      case "use_tools":
+        return {
+          icon: ApplicationIcons.solvers.use_tools,
+          ...rootStepDescriptor
+        };
+      case "multiple_choice":
+        return {
+          icon: ApplicationIcons["multiple-choice"],
+          ...rootStepDescriptor
+        };
+      default:
+        return {
+          icon: ApplicationIcons.solvers.default,
+          ...rootStepDescriptor
+        };
+    }
+  } else if (event.type === "scorer") {
+    return {
+      icon: ApplicationIcons.scorer,
+      ...rootStepDescriptor
+    };
+  } else {
+    switch (event.name) {
+      case "sample_init":
+        return {
+          icon: ApplicationIcons.sample,
+          ...rootStepDescriptor,
+          name: "Sample Init"
+        };
+      default:
+        return {
+          icon: ApplicationIcons.step,
+          style: {},
+          endSpace: false
+        };
+    }
+  }
+};
+const SubtaskEventView = ({ id, depth, event, stateManager }) => {
+  return m$1`
+    <${EventPanel} id=${id} depth=${depth} title="Subtask: ${event.name}" icon=${ApplicationIcons.subtask}>
+      <${SubtaskSummary} name="Summary"  input=${event.input} result=${event.result}/>
+      ${event.events.length > 0 ? m$1`<${TranscriptView}
+              id="${id}-subtask"
+              name="Transcript"
+              events=${event.events}
+              stateManager=${stateManager}
+            />` : ""}
+    </${EventPanel}>`;
+};
+const SubtaskSummary = ({ input, result }) => {
+  result = typeof result === "object" ? result : { result };
+  return m$1` <div
+    style=${{
+    display: "grid",
+    gridTemplateColumns: "minmax(0,max-content) max-content minmax(0,max-content)",
+    columnGap: "1em",
+    margin: "1em 0"
+  }}
+  >
+    <div style=${{ ...TextStyle.label }}>Input</div>
+    <div style=${{ fontSize: FontSize.large, padding: "0 2em" }}>
+      <i class="${ApplicationIcons.arrows.right}" />
+    </div>
+
+    <div style=${{ ...TextStyle.label }}>Output</div>
+    <${Rendered} values=${input} />
+    <div></div>
+    <${Rendered} values=${result} />
+  </div>`;
+};
+const Rendered = ({ values }) => {
+  if (Array.isArray(values)) {
+    return values.map((val) => {
+      return m$1`<${Rendered} values=${val} />`;
+    });
+  } else if (values && typeof values === "object") {
+    return m$1`<${MetaDataView} entries=${values} />`;
+  } else {
+    return values;
+  }
+};
+const ModelEventView = ({ id, depth, event }) => {
+  var _a, _b;
+  const totalUsage = (_a = event.output.usage) == null ? void 0 : _a.total_tokens;
+  const subtitle = totalUsage ? `(${totalUsage} tokens)` : "";
+  const outputMessages = (_b = event.output.choices) == null ? void 0 : _b.map((choice) => {
+    return choice.message;
+  });
+  const entries = { ...event.config };
+  entries["tool_choice"] = event.tool_choice;
+  delete entries["max_connections"];
+  const tableSectionStyle = {
+    width: "fit-content",
+    alignSelf: "start",
+    justifySelf: "start"
+  };
+  return m$1`
+  <${EventPanel} id=${id} depth=${depth} title="Model Call: ${event.model} ${subtitle}" icon=${ApplicationIcons.model}>
+  
+    <div name="Completion">
+    <${ChatView}
+      id="${id}-model-output"
+      messages=${[...outputMessages || []]}
+      style=${{ paddingTop: "1em" }}
+      />
+    </div>
+
+    <div name="All" style=${{ margin: "1em 0" }}>
+
+      <div style=${{ display: "grid", gridTemplateColumns: "1fr 1fr", columnGap: "1em" }}>
+      <${EventSection} title="Configuration" style=${tableSectionStyle}>
+        <${MetaDataGrid} entries=${entries} plain=${true}/>
+      </${EventSection}>
+
+      <${EventSection} title="Usage" style=${tableSectionStyle}>
+        <${MetaDataGrid} entries=${event.output.usage} plain=${true}/>
+      </${EventSection}>
+
+      <${EventSection} title="Tools" style=${{ gridColumn: "-1/1", ...tableSectionStyle }}>
+        <${ToolsConfig} tools=${event.tools}/>
+      </${EventSection}>
+
+      </div>
+
+      <${EventSection} title="Messages">
+        <${ChatView}
+          id="${id}-model-input-full"
+          messages=${[...event.input, ...outputMessages || []]}
+          />      
+      </${EventSection}>
+
+    </div>
+
+    ${event.call ? m$1`<${APIView} name="API" call=${event.call} style=${{ margin: "1em 0", width: "100%" }} />` : ""}
+   
+  </${EventPanel}>`;
+};
+const APIView = ({ call, style }) => {
+  if (!call) {
+    return "";
+  }
+  return m$1`<div style=${style}>
+
+    <${EventSection} title="Request">
+      <${APICodeCell} contents=${call.request} />
+    </${EventSection}>
+    <${EventSection} title="Response">
+      <${APICodeCell} contents=${call.response} />
+    </${EventSection}>
+
+    </div>`;
+};
+const APICodeCell = ({ id, contents }) => {
+  if (!contents) {
+    return "";
+  }
+  const sourceCode = JSON.stringify(contents, void 0, 2);
+  const codeRef = A();
+  if (codeRef.current) {
+    codeRef.current.innerHTML = Prism$1.highlight(
+      sourceCode,
+      Prism$1.languages.javascript,
+      "javacript"
+    );
+  }
+  return m$1`<div>
+    <pre
+      style=${{
+    background: "var(--bs-light)",
+    width: "100%",
+    padding: "0.5em",
+    borderRadius: "3px"
+  }}
+    >
+      <code 
+        id=${id} 
+        ref=${codeRef}
+        class="sourceCode-js" 
+        style=${{
+    fontSize: FontSize.small,
+    whiteSpace: "pre-wrap",
+    wordWrap: "anywhere"
+  }}>
+      </code>
+      </pre>
+  </div>`;
+};
+const ToolsConfig = ({ tools }) => {
+  const toolEls = tools.map((tool) => {
+    return m$1`<div style=${{ ...TextStyle.label, ...TextStyle.secondary }}>
+        ${tool.name}
+      </div>
+      <div>${tool.description}</div>`;
+  });
+  return m$1`<div
+    style=${{
+    display: "grid",
+    gridTemplateColumns: "max-content max-content",
+    columnGap: "1em"
+  }}
+  >
+    ${toolEls}
+  </div>`;
+};
+const EventRow = ({ title, icon, depth, children }) => {
+  const paddingLeft = depth * 1.5 + 0.5;
+  const contentEl = title ? m$1`<div
+        style=${{
+    padding: `0.5em 0.5em 0.5em ${paddingLeft}em`,
+    display: "grid",
+    gridTemplateColumns: "max-content max-content minmax(0, 1fr)",
+    columnGap: "0.5em",
+    fontSize: FontSize.small
+  }}
+      >
+        <i
+          class=${icon || ApplicationIcons.metadata}
+          style=${{ ...TextStyle.secondary }}
+        />
+        <div style=${{ ...TextStyle.label, ...TextStyle.secondary }}>
+          ${title}
+        </div>
+        <div>${children}</div>
+      </div>` : "";
+  const card = m$1` <div
+    class="card"
+    style=${{
+    padding: "0.1em 0.5em",
+    marginBottom: "-1px"
+  }}
+  >
+    ${contentEl}
+  </div>`;
+  return card;
+};
+const LoggerEventView = ({ id, depth, event }) => {
+  return m$1`
+  <${EventRow} 
+    id=${id}
+    depth=${depth}
+    title=${event.message.level} 
+    icon=${ApplicationIcons.logging[event.message.level.toLowerCase()]}  
+  >
+  <div
+    style=${{ width: "100%", display: "grid", gridTemplateColumns: "1fr max-content", columnGap: "1em", fontSize: FontSize.base }}
+  >
+    <div style=${{ fontSize: FontSize.smaller }}>${event.message.message}</div>
+    <div style=${{ fontSize: FontSize.smaller, ...TextStyle.secondary }}>${event.message.filename}:${event.message.lineno}</div>
+  </div>
+  </${EventRow}>`;
+};
+const InfoEventView = ({ id, depth, event }) => {
+  return m$1`
+  <${EventPanel} id=${id} depth=${depth} title="Info" icon=${ApplicationIcons.info}>
+  <div
+    style=${{ display: "grid", gridTemplateColumns: "auto auto" }}
+  >
+    <div><i class=${ApplicationIcons.logging.info} /></div>
+    <div>${event.message}</div>
+    <div></div>
+  </div>
+  </${EventPanel}>`;
+};
+const ScoreEventView = ({ id, depth, event }) => {
+  return m$1`
+  <${EventPanel} id=${id} depth=${depth} title="Score" icon=${ApplicationIcons.scorer}>
+  
+    <div
+      name="Explanation"
+      style=${{ display: "grid", gridTemplateColumns: "max-content auto", columnGap: "1em", margin: "1em 0" }}
+    >
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Answer</div>
+      <div>${event.score.answer}</div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Explanation</div>
+      <div><${MarkdownDiv} markdown=${event.score.explanation}/></div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Score</div>  
+      <div>${event.score.value}</div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+    </div>
+    ${event.score.metadata ? m$1`<div name="Metadata">
+            <${MetaDataGrid}
+              entries=${event.score.metadata}
+              compact=${true}
+              style=${{ margin: "1em 0" }}
+            />
+          </div>` : void 0}
+
+
+  </${EventPanel}>`;
+};
+const ToolEventView = ({ id, depth, stateManager, event }) => {
+  const { input, functionCall, inputType } = resolveToolInput(
+    event.function,
+    event.arguments
   );
-  return rendered.replaceAll(kCommonmarkReferenceLinkPattern, "[$1]:$2");
+  const title = `Tool: ${event.function}`;
+  return m$1`
+  <${EventPanel} id=${id} depth=${depth} title="${title}" icon=${ApplicationIcons.solvers.use_tools}>
+  <div name="Summary">
+    <${ExpandablePanel}>
+      ${event.result ? m$1`<${ToolOutput} output=${event.result} style=${{ margin: "1em 0" }} />` : m$1`<div style=${{ margin: "1em 0", fontSize: FontSize.small }}>No output</div>`}
+    </${ExpandablePanel}>
+  </div>
+  <div name="Transcript">
+    <${ToolCallView}
+      functionCall=${functionCall}
+      input=${input}
+      inputType=${inputType}
+      output=${event.result}
+      mode="compact"
+      />
+        ${event.events.length > 0 ? m$1`<${TranscriptView}
+                id="${id}-subtask"
+                name="Transcript"
+                events=${event.events}
+                stateManager=${stateManager}
+              />` : ""}
+
+  </div>
+  </${EventPanel}>`;
 };
-const escape = (content) => {
-  return content.replace(/[<>&'"]/g, function(c2) {
-    switch (c2) {
-      case "<":
-        return "&lt;";
-      case ">":
-        return "&gt;";
-      case "&":
-        return "&amp;";
-      case "'":
-        return "&apos;";
-      case '"':
-        return "&quot;";
+const TranscriptView = ({ id, events, stateManager }) => {
+  const resolvedEvents = fixupEventStream(events);
+  let depth = 0;
+  const rows = resolvedEvents.map((event, index) => {
+    const row = m$1`
+      <div
+        style=${{
+      paddingTop: 0,
+      paddingBottom: 0
+    }}
+      >
+        <div>
+          ${renderNode(
+      `${id}-event${index}`,
+      event,
+      Math.max(depth - 1, 0),
+      stateManager
+    )}
+        </div>
+      </div>
+    `;
+    if (event.event === "step") {
+      if (event.action === "end") {
+        depth = depth - 1;
+      } else {
+        depth = depth + 1;
+      }
     }
+    return row;
   });
+  return m$1`<div
+    id=${id}
+    style=${{
+    fontSize: FontSize.small,
+    display: "grid",
+    margin: "1em 0",
+    width: "100%"
+  }}
+  >
+    ${rows}
+  </div>`;
 };
-function unescapeCodeHtmlEntities(str) {
-  const htmlEntities = {
-    "&lt;": "<",
-    "&gt;": ">",
-    "&amp;": "&",
-    "&#x5C;": "\\",
-    "&quot;": '"'
+const renderNode = (id, event, depth, stateManager) => {
+  switch (event.event) {
+    case "sample_init":
+      return m$1`<${SampleInitEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    case "info":
+      return m$1`<${InfoEventView} id=${id} depth=${depth} event=${event} />`;
+    case "logger":
+      return m$1`<${LoggerEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+      />`;
+    case "model":
+      return m$1`<${ModelEventView} id=${id} depth=${depth} event=${event} />`;
+    case "score":
+      return m$1`<${ScoreEventView} id=${id} depth=${depth} event=${event} />`;
+    case "state":
+      return m$1`<${StateEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    case "step":
+      return m$1`<${StepEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    case "store":
+      return m$1`<${StateEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    case "subtask":
+      return m$1`<${SubtaskEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    case "tool":
+      return m$1`<${ToolEventView}
+        depth=${depth}
+        id=${id}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+    default:
+      return m$1``;
+  }
+};
+const fixupEventStream = (events) => {
+  const initEventIndex = events.findIndex((e2) => {
+    return e2.event === "sample_init";
+  });
+  const initEvent = events[initEventIndex];
+  const fixedUp = [...events];
+  if (initEvent) {
+    fixedUp.splice(initEventIndex, 0, {
+      timestamp: initEvent.timestamp,
+      event: "step",
+      action: "begin",
+      type: null,
+      name: "sample_init"
+    });
+    fixedUp.splice(initEventIndex + 2, 0, {
+      timestamp: initEvent.timestamp,
+      event: "step",
+      action: "end",
+      type: null,
+      name: "sample_init"
+    });
+  }
+  return fixedUp;
+};
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2022 Joachim Wester
+ * MIT licensed
+ */
+var __extends = /* @__PURE__ */ function() {
+  var extendStatics = function(d2, b2) {
+    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d3, b3) {
+      d3.__proto__ = b3;
+    } || function(d3, b3) {
+      for (var p2 in b3) if (b3.hasOwnProperty(p2)) d3[p2] = b3[p2];
+    };
+    return extendStatics(d2, b2);
   };
-  return str.replace(
-    /(<code[^>]*>)([\s\S]*?)(<\/code>)/gi,
-    function(match, starttag, content, endtag) {
-      return starttag + content.replace(
-        /&(?:amp|lt|gt|quot|#39|#x2F|#x5C|#96);/g,
-        function(entity) {
-          return htmlEntities[entity] || entity;
-        }
-      ) + endtag;
+  return function(d2, b2) {
+    extendStatics(d2, b2);
+    function __() {
+      this.constructor = d2;
     }
-  );
+    d2.prototype = b2 === null ? Object.create(b2) : (__.prototype = b2.prototype, new __());
+  };
+}();
+var _hasOwnProperty = Object.prototype.hasOwnProperty;
+function hasOwnProperty(obj, key2) {
+  return _hasOwnProperty.call(obj, key2);
 }
-const MessageContent = (props) => {
-  const { contents } = props;
-  if (Array.isArray(contents)) {
-    return contents.map((content, index) => {
-      if (typeof content === "string") {
-        return messageRenderers["text"].render({
-          text: content,
-          index: index === contents.length - 1
-        });
-      } else {
-        const renderer = messageRenderers[content.type];
-        if (renderer) {
-          return renderer.render(content, index === contents.length - 1);
-        } else {
-          console.error(`Unknown message content type '${content.type}'`);
+function _objectKeys(obj) {
+  if (Array.isArray(obj)) {
+    var keys_1 = new Array(obj.length);
+    for (var k2 = 0; k2 < keys_1.length; k2++) {
+      keys_1[k2] = "" + k2;
+    }
+    return keys_1;
+  }
+  if (Object.keys) {
+    return Object.keys(obj);
+  }
+  var keys = [];
+  for (var i2 in obj) {
+    if (hasOwnProperty(obj, i2)) {
+      keys.push(i2);
+    }
+  }
+  return keys;
+}
+function _deepClone(obj) {
+  switch (typeof obj) {
+    case "object":
+      return JSON.parse(JSON.stringify(obj));
+    case "undefined":
+      return null;
+    default:
+      return obj;
+  }
+}
+function isInteger(str) {
+  var i2 = 0;
+  var len = str.length;
+  var charCode;
+  while (i2 < len) {
+    charCode = str.charCodeAt(i2);
+    if (charCode >= 48 && charCode <= 57) {
+      i2++;
+      continue;
+    }
+    return false;
+  }
+  return true;
+}
+function escapePathComponent(path) {
+  if (path.indexOf("/") === -1 && path.indexOf("~") === -1)
+    return path;
+  return path.replace(/~/g, "~0").replace(/\//g, "~1");
+}
+function unescapePathComponent(path) {
+  return path.replace(/~1/g, "/").replace(/~0/g, "~");
+}
+function hasUndefined(obj) {
+  if (obj === void 0) {
+    return true;
+  }
+  if (obj) {
+    if (Array.isArray(obj)) {
+      for (var i_1 = 0, len = obj.length; i_1 < len; i_1++) {
+        if (hasUndefined(obj[i_1])) {
+          return true;
         }
       }
-    });
-  } else {
-    return messageRenderers["text"].render({ text: contents });
+    } else if (typeof obj === "object") {
+      var objKeys = _objectKeys(obj);
+      var objKeysLength = objKeys.length;
+      for (var i2 = 0; i2 < objKeysLength; i2++) {
+        if (hasUndefined(obj[objKeys[i2]])) {
+          return true;
+        }
+      }
+    }
+  }
+  return false;
+}
+function patchErrorMessageFormatter(message, args) {
+  var messageParts = [message];
+  for (var key2 in args) {
+    var value = typeof args[key2] === "object" ? JSON.stringify(args[key2], null, 2) : args[key2];
+    if (typeof value !== "undefined") {
+      messageParts.push(key2 + ": " + value);
+    }
+  }
+  return messageParts.join("\n");
+}
+var PatchError = (
+  /** @class */
+  function(_super) {
+    __extends(PatchError2, _super);
+    function PatchError2(message, name, index, operation, tree) {
+      var _newTarget = this.constructor;
+      var _this = _super.call(this, patchErrorMessageFormatter(message, { name, index, operation, tree })) || this;
+      _this.name = name;
+      _this.index = index;
+      _this.operation = operation;
+      _this.tree = tree;
+      Object.setPrototypeOf(_this, _newTarget.prototype);
+      _this.message = patchErrorMessageFormatter(message, { name, index, operation, tree });
+      return _this;
+    }
+    return PatchError2;
+  }(Error)
+);
+var JsonPatchError = PatchError;
+var deepClone = _deepClone;
+var objOps = {
+  add: function(obj, key2, document2) {
+    obj[key2] = this.value;
+    return { newDocument: document2 };
+  },
+  remove: function(obj, key2, document2) {
+    var removed = obj[key2];
+    delete obj[key2];
+    return { newDocument: document2, removed };
+  },
+  replace: function(obj, key2, document2) {
+    var removed = obj[key2];
+    obj[key2] = this.value;
+    return { newDocument: document2, removed };
+  },
+  move: function(obj, key2, document2) {
+    var removed = getValueByPointer(document2, this.path);
+    if (removed) {
+      removed = _deepClone(removed);
+    }
+    var originalValue = applyOperation(document2, { op: "remove", path: this.from }).removed;
+    applyOperation(document2, { op: "add", path: this.path, value: originalValue });
+    return { newDocument: document2, removed };
+  },
+  copy: function(obj, key2, document2) {
+    var valueToCopy = getValueByPointer(document2, this.from);
+    applyOperation(document2, { op: "add", path: this.path, value: _deepClone(valueToCopy) });
+    return { newDocument: document2 };
+  },
+  test: function(obj, key2, document2) {
+    return { newDocument: document2, test: _areEquals(obj[key2], this.value) };
+  },
+  _get: function(obj, key2, document2) {
+    this.value = obj[key2];
+    return { newDocument: document2 };
   }
 };
-const messageRenderers = {
-  text: {
-    render: (content, isLast) => {
-      return m$1`<${MarkdownDiv}
-        markdown=${content.text}
-        style=${{ wordBreak: "break-all" }}
-        class=${isLast ? "no-last-para-padding" : ""}
-      />`;
+var arrOps = {
+  add: function(arr, i2, document2) {
+    if (isInteger(i2)) {
+      arr.splice(i2, 0, this.value);
+    } else {
+      arr[i2] = this.value;
     }
+    return { newDocument: document2, index: i2 };
   },
-  image: {
-    render: (content) => {
-      if (content.image.startsWith("data:")) {
-        return m$1`<img
-          src="${content.image}"
-          style=${{
-          maxWidth: "400px",
-          border: "solid var(--bs-border-color) 1px"
-        }}
-        />`;
+  remove: function(arr, i2, document2) {
+    var removedList = arr.splice(i2, 1);
+    return { newDocument: document2, removed: removedList[0] };
+  },
+  replace: function(arr, i2, document2) {
+    var removed = arr[i2];
+    arr[i2] = this.value;
+    return { newDocument: document2, removed };
+  },
+  move: objOps.move,
+  copy: objOps.copy,
+  test: objOps.test,
+  _get: objOps._get
+};
+function getValueByPointer(document2, pointer) {
+  if (pointer == "") {
+    return document2;
+  }
+  var getOriginalDestination = { op: "_get", path: pointer };
+  applyOperation(document2, getOriginalDestination);
+  return getOriginalDestination.value;
+}
+function applyOperation(document2, operation, validateOperation, mutateDocument, banPrototypeModifications, index) {
+  if (validateOperation === void 0) {
+    validateOperation = false;
+  }
+  if (mutateDocument === void 0) {
+    mutateDocument = true;
+  }
+  if (banPrototypeModifications === void 0) {
+    banPrototypeModifications = true;
+  }
+  if (index === void 0) {
+    index = 0;
+  }
+  if (validateOperation) {
+    if (typeof validateOperation == "function") {
+      validateOperation(operation, 0, document2, operation.path);
+    } else {
+      validator(operation, 0);
+    }
+  }
+  if (operation.path === "") {
+    var returnValue = { newDocument: document2 };
+    if (operation.op === "add") {
+      returnValue.newDocument = operation.value;
+      return returnValue;
+    } else if (operation.op === "replace") {
+      returnValue.newDocument = operation.value;
+      returnValue.removed = document2;
+      return returnValue;
+    } else if (operation.op === "move" || operation.op === "copy") {
+      returnValue.newDocument = getValueByPointer(document2, operation.from);
+      if (operation.op === "move") {
+        returnValue.removed = document2;
+      }
+      return returnValue;
+    } else if (operation.op === "test") {
+      returnValue.test = _areEquals(document2, operation.value);
+      if (returnValue.test === false) {
+        throw new JsonPatchError("Test operation failed", "TEST_OPERATION_FAILED", index, operation, document2);
+      }
+      returnValue.newDocument = document2;
+      return returnValue;
+    } else if (operation.op === "remove") {
+      returnValue.removed = document2;
+      returnValue.newDocument = null;
+      return returnValue;
+    } else if (operation.op === "_get") {
+      operation.value = document2;
+      return returnValue;
+    } else {
+      if (validateOperation) {
+        throw new JsonPatchError("Operation `op` property is not one of operations defined in RFC-6902", "OPERATION_OP_INVALID", index, operation, document2);
       } else {
-        return m$1`<code>${content.image}</code>`;
+        return returnValue;
       }
     }
-  },
-  tool: {
-    render: (content) => {
-      return m$1`<pre
-        style=${{
-        marginLeft: "2px",
-        padding: "0.5em 0.5em 0.5em 0.5em",
-        whiteSpace: "pre-wrap",
-        marginBottom: "0"
-      }}
-      ><code class="sourceCode" style=${{ wordWrap: "anywhere" }}>
-      ${content.text}
-      </code></pre>`;
+  } else {
+    if (!mutateDocument) {
+      document2 = _deepClone(document2);
+    }
+    var path = operation.path || "";
+    var keys = path.split("/");
+    var obj = document2;
+    var t2 = 1;
+    var len = keys.length;
+    var existingPathFragment = void 0;
+    var key2 = void 0;
+    var validateFunction = void 0;
+    if (typeof validateOperation == "function") {
+      validateFunction = validateOperation;
+    } else {
+      validateFunction = validator;
+    }
+    while (true) {
+      key2 = keys[t2];
+      if (key2 && key2.indexOf("~") != -1) {
+        key2 = unescapePathComponent(key2);
+      }
+      if (banPrototypeModifications && (key2 == "__proto__" || key2 == "prototype" && t2 > 0 && keys[t2 - 1] == "constructor")) {
+        throw new TypeError("JSON-Patch: modifying `__proto__` or `constructor/prototype` prop is banned for security reasons, if this was on purpose, please set `banPrototypeModifications` flag false and pass it to this function. More info in fast-json-patch README");
+      }
+      if (validateOperation) {
+        if (existingPathFragment === void 0) {
+          if (obj[key2] === void 0) {
+            existingPathFragment = keys.slice(0, t2).join("/");
+          } else if (t2 == len - 1) {
+            existingPathFragment = operation.path;
+          }
+          if (existingPathFragment !== void 0) {
+            validateFunction(operation, 0, document2, existingPathFragment);
+          }
+        }
+      }
+      t2++;
+      if (Array.isArray(obj)) {
+        if (key2 === "-") {
+          key2 = obj.length;
+        } else {
+          if (validateOperation && !isInteger(key2)) {
+            throw new JsonPatchError("Expected an unsigned base-10 integer value, making the new referenced value the array element with the zero-based index", "OPERATION_PATH_ILLEGAL_ARRAY_INDEX", index, operation, document2);
+          } else if (isInteger(key2)) {
+            key2 = ~~key2;
+          }
+        }
+        if (t2 >= len) {
+          if (validateOperation && operation.op === "add" && key2 > obj.length) {
+            throw new JsonPatchError("The specified index MUST NOT be greater than the number of elements in the array", "OPERATION_VALUE_OUT_OF_BOUNDS", index, operation, document2);
+          }
+          var returnValue = arrOps[operation.op].call(operation, obj, key2, document2);
+          if (returnValue.test === false) {
+            throw new JsonPatchError("Test operation failed", "TEST_OPERATION_FAILED", index, operation, document2);
+          }
+          return returnValue;
+        }
+      } else {
+        if (t2 >= len) {
+          var returnValue = objOps[operation.op].call(operation, obj, key2, document2);
+          if (returnValue.test === false) {
+            throw new JsonPatchError("Test operation failed", "TEST_OPERATION_FAILED", index, operation, document2);
+          }
+          return returnValue;
+        }
+      }
+      obj = obj[key2];
+      if (validateOperation && t2 < len && (!obj || typeof obj !== "object")) {
+        throw new JsonPatchError("Cannot perform operation at the desired path", "OPERATION_PATH_UNRESOLVABLE", index, operation, document2);
+      }
     }
   }
-};
-const ExpandablePanel = ({ collapse, border, lines = 7, children }) => {
-  const [collapsed, setCollapsed] = h(collapse);
-  const [showToggle, setShowToggle] = h(false);
-  const contentsRef = A();
-  const observerRef = A();
-  y(() => {
-    setCollapsed(collapse);
-  }, [children, collapse]);
-  y(() => {
-    const checkScrollable = () => {
-      if (collapse && contentsRef.current) {
-        const isScrollable = contentsRef.current.offsetHeight < contentsRef.current.scrollHeight;
-        setShowToggle(isScrollable);
+}
+function applyPatch(document2, patch, validateOperation, mutateDocument, banPrototypeModifications) {
+  if (mutateDocument === void 0) {
+    mutateDocument = true;
+  }
+  if (banPrototypeModifications === void 0) {
+    banPrototypeModifications = true;
+  }
+  if (validateOperation) {
+    if (!Array.isArray(patch)) {
+      throw new JsonPatchError("Patch sequence must be an array", "SEQUENCE_NOT_AN_ARRAY");
+    }
+  }
+  if (!mutateDocument) {
+    document2 = _deepClone(document2);
+  }
+  var results = new Array(patch.length);
+  for (var i2 = 0, length_1 = patch.length; i2 < length_1; i2++) {
+    results[i2] = applyOperation(document2, patch[i2], validateOperation, true, banPrototypeModifications, i2);
+    document2 = results[i2].newDocument;
+  }
+  results.newDocument = document2;
+  return results;
+}
+function applyReducer(document2, operation, index) {
+  var operationResult = applyOperation(document2, operation);
+  if (operationResult.test === false) {
+    throw new JsonPatchError("Test operation failed", "TEST_OPERATION_FAILED", index, operation, document2);
+  }
+  return operationResult.newDocument;
+}
+function validator(operation, index, document2, existingPathFragment) {
+  if (typeof operation !== "object" || operation === null || Array.isArray(operation)) {
+    throw new JsonPatchError("Operation is not an object", "OPERATION_NOT_AN_OBJECT", index, operation, document2);
+  } else if (!objOps[operation.op]) {
+    throw new JsonPatchError("Operation `op` property is not one of operations defined in RFC-6902", "OPERATION_OP_INVALID", index, operation, document2);
+  } else if (typeof operation.path !== "string") {
+    throw new JsonPatchError("Operation `path` property is not a string", "OPERATION_PATH_INVALID", index, operation, document2);
+  } else if (operation.path.indexOf("/") !== 0 && operation.path.length > 0) {
+    throw new JsonPatchError('Operation `path` property must start with "/"', "OPERATION_PATH_INVALID", index, operation, document2);
+  } else if ((operation.op === "move" || operation.op === "copy") && typeof operation.from !== "string") {
+    throw new JsonPatchError("Operation `from` property is not present (applicable in `move` and `copy` operations)", "OPERATION_FROM_REQUIRED", index, operation, document2);
+  } else if ((operation.op === "add" || operation.op === "replace" || operation.op === "test") && operation.value === void 0) {
+    throw new JsonPatchError("Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)", "OPERATION_VALUE_REQUIRED", index, operation, document2);
+  } else if ((operation.op === "add" || operation.op === "replace" || operation.op === "test") && hasUndefined(operation.value)) {
+    throw new JsonPatchError("Operation `value` property is not present (applicable in `add`, `replace` and `test` operations)", "OPERATION_VALUE_CANNOT_CONTAIN_UNDEFINED", index, operation, document2);
+  } else if (document2) {
+    if (operation.op == "add") {
+      var pathLen = operation.path.split("/").length;
+      var existingPathLen = existingPathFragment.split("/").length;
+      if (pathLen !== existingPathLen + 1 && pathLen !== existingPathLen) {
+        throw new JsonPatchError("Cannot perform an `add` operation at the desired path", "OPERATION_PATH_CANNOT_ADD", index, operation, document2);
+      }
+    } else if (operation.op === "replace" || operation.op === "remove" || operation.op === "_get") {
+      if (operation.path !== existingPathFragment) {
+        throw new JsonPatchError("Cannot perform the operation at a path that does not exist", "OPERATION_PATH_UNRESOLVABLE", index, operation, document2);
+      }
+    } else if (operation.op === "move" || operation.op === "copy") {
+      var existingValue = { op: "_get", path: operation.from, value: void 0 };
+      var error = validate([existingValue], document2);
+      if (error && error.name === "OPERATION_PATH_UNRESOLVABLE") {
+        throw new JsonPatchError("Cannot perform the operation from a path that does not exist", "OPERATION_FROM_UNRESOLVABLE", index, operation, document2);
       }
-    };
-    observerRef.current = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          checkScrollable();
-        }
-      });
-    });
-    if (contentsRef.current) {
-      observerRef.current.observe(contentsRef.current);
     }
-    checkScrollable();
-    return () => {
-      if (observerRef.current && contentsRef.current) {
-        observerRef.current.unobserve(contentsRef.current);
+  }
+}
+function validate(sequence, document2, externalValidator) {
+  try {
+    if (!Array.isArray(sequence)) {
+      throw new JsonPatchError("Patch sequence must be an array", "SEQUENCE_NOT_AN_ARRAY");
+    }
+    if (document2) {
+      applyPatch(_deepClone(document2), _deepClone(sequence), externalValidator || true);
+    } else {
+      externalValidator = externalValidator || validator;
+      for (var i2 = 0; i2 < sequence.length; i2++) {
+        externalValidator(sequence[i2], i2, document2, void 0);
       }
-    };
-  }, [collapse, contentsRef, observerRef]);
-  let contentsStyle = { fontSize: "0.8rem" };
-  if (collapse && collapsed) {
-    contentsStyle = { ...contentsStyle, ...sharedStyles.lineClamp(lines) };
+    }
+  } catch (e2) {
+    if (e2 instanceof JsonPatchError) {
+      return e2;
+    } else {
+      throw e2;
+    }
   }
-  if (border) {
-    contentsStyle.border = "solid var(--bs-light-border-subtle) 1px";
+}
+function _areEquals(a2, b2) {
+  if (a2 === b2)
+    return true;
+  if (a2 && b2 && typeof a2 == "object" && typeof b2 == "object") {
+    var arrA = Array.isArray(a2), arrB = Array.isArray(b2), i2, length, key2;
+    if (arrA && arrB) {
+      length = a2.length;
+      if (length != b2.length)
+        return false;
+      for (i2 = length; i2-- !== 0; )
+        if (!_areEquals(a2[i2], b2[i2]))
+          return false;
+      return true;
+    }
+    if (arrA != arrB)
+      return false;
+    var keys = Object.keys(a2);
+    length = keys.length;
+    if (length !== Object.keys(b2).length)
+      return false;
+    for (i2 = length; i2-- !== 0; )
+      if (!b2.hasOwnProperty(keys[i2]))
+        return false;
+    for (i2 = length; i2-- !== 0; ) {
+      key2 = keys[i2];
+      if (!_areEquals(a2[key2], b2[key2]))
+        return false;
+    }
+    return true;
   }
-  return m$1`<div
-      class="expandable-panel"
-      ref=${contentsRef}
-      style=${contentsStyle}
-    >
-      ${children}
-    </div>
-    ${showToggle ? m$1`<${MoreToggle}
-          collapsed=${collapsed}
-          setCollapsed=${setCollapsed}
-          border=${!border}
-        />` : ""}`;
-};
-const MoreToggle = ({ collapsed, border, setCollapsed }) => {
-  const text = collapsed ? "more" : "less";
-  const icon2 = collapsed ? icons["expand-down"] : icons["collapse-up"];
-  const topStyle = {
-    display: "flex",
-    marginBottom: "0.5em"
-  };
-  if (border) {
-    topStyle.borderTop = "solid var(--bs-light-border-subtle) 1px";
-    topStyle.marginTop = "0.5em";
+  return a2 !== a2 && b2 !== b2;
+}
+const core = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  JsonPatchError,
+  _areEquals,
+  applyOperation,
+  applyPatch,
+  applyReducer,
+  deepClone,
+  getValueByPointer,
+  validate,
+  validator
+}, Symbol.toStringTag, { value: "Module" }));
+/*!
+ * https://github.com/Starcounter-Jack/JSON-Patch
+ * (c) 2017-2021 Joachim Wester
+ * MIT license
+ */
+var beforeDict = /* @__PURE__ */ new WeakMap();
+var Mirror = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function Mirror2(obj) {
+      this.observers = /* @__PURE__ */ new Map();
+      this.obj = obj;
+    }
+    return Mirror2;
+  }()
+);
+var ObserverInfo = (
+  /** @class */
+  /* @__PURE__ */ function() {
+    function ObserverInfo2(callback, observer) {
+      this.callback = callback;
+      this.observer = observer;
+    }
+    return ObserverInfo2;
+  }()
+);
+function getMirror(obj) {
+  return beforeDict.get(obj);
+}
+function getObserverFromMirror(mirror, callback) {
+  return mirror.observers.get(callback);
+}
+function removeObserverFromMirror(mirror, observer) {
+  mirror.observers.delete(observer.callback);
+}
+function unobserve(root2, observer) {
+  observer.unobserve();
+}
+function observe(obj, callback) {
+  var patches = [];
+  var observer;
+  var mirror = getMirror(obj);
+  if (!mirror) {
+    mirror = new Mirror(obj);
+    beforeDict.set(obj, mirror);
   } else {
-    topStyle.marginTop = "0";
-  }
-  return m$1`
-    <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: "0.7rem",
-    border: "none",
-    padding: "0.1rem .5rem"
-  }}
-          onclick=${() => {
-    setCollapsed(!collapsed);
-  }}
-        >
-          <i class="${icon2}" /> ${text}
-        </button>
-      </div>
-    </div>
-  `;
-};
-const ChatView = ({ id: id2, messages, style }) => {
-  const toolMessages = {};
-  const nonToolMessages = messages.map((msg) => {
-    if (msg.role === "tool") {
-      toolMessages[msg.tool_call_id] = msg;
+    var observerInfo = getObserverFromMirror(mirror, callback);
+    observer = observerInfo && observerInfo.observer;
+  }
+  if (observer) {
+    return observer;
+  }
+  observer = {};
+  mirror.value = _deepClone(obj);
+  if (callback) {
+    observer.callback = callback;
+    observer.next = null;
+    var dirtyCheck = function() {
+      generate(observer);
+    };
+    var fastCheck = function() {
+      clearTimeout(observer.next);
+      observer.next = setTimeout(dirtyCheck);
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("mouseup", fastCheck);
+      window.addEventListener("keyup", fastCheck);
+      window.addEventListener("mousedown", fastCheck);
+      window.addEventListener("keydown", fastCheck);
+      window.addEventListener("change", fastCheck);
+    }
+  }
+  observer.patches = patches;
+  observer.object = obj;
+  observer.unobserve = function() {
+    generate(observer);
+    clearTimeout(observer.next);
+    removeObserverFromMirror(mirror, observer);
+    if (typeof window !== "undefined") {
+      window.removeEventListener("mouseup", fastCheck);
+      window.removeEventListener("keyup", fastCheck);
+      window.removeEventListener("mousedown", fastCheck);
+      window.removeEventListener("keydown", fastCheck);
+      window.removeEventListener("change", fastCheck);
     }
-    return msg;
-  }).filter((msg) => {
-    return msg.role !== "tool";
-  });
-  const systemMessages = [];
-  const collapsedMessages = nonToolMessages.map((msg) => {
-    if (msg.role === "system") {
-      systemMessages.push(msg);
+  };
+  mirror.observers.set(callback, new ObserverInfo(callback, observer));
+  return observer;
+}
+function generate(observer, invertible) {
+  if (invertible === void 0) {
+    invertible = false;
+  }
+  var mirror = beforeDict.get(observer.object);
+  _generate(mirror.value, observer.object, observer.patches, "", invertible);
+  if (observer.patches.length) {
+    applyPatch(mirror.value, observer.patches);
+  }
+  var temp = observer.patches;
+  if (temp.length > 0) {
+    observer.patches = [];
+    if (observer.callback) {
+      observer.callback(temp);
     }
-    return msg;
-  }).filter((msg) => {
-    return msg.role !== "system";
-  });
-  const systemMessage = systemMessages.reduce(
-    (reduced, message) => {
-      const systemContents = Array.isArray(message.content) ? message.content : [message.content];
-      reduced.content.push(...systemContents.map(normalizeContent));
-      return reduced;
-    },
-    { role: "system", content: [] }
-  );
-  if (systemMessage && systemMessage.content.length > 0) {
-    collapsedMessages.unshift(systemMessage);
   }
-  return m$1`
-    <div style=${{ paddingTop: "0.5em", ...style }}>
-      ${collapsedMessages.map((msg) => {
-    return m$1`<${ChatMessage}
-          id=${`${id2}-chat-messages`}
-          message=${msg}
-          toolMessages=${toolMessages}
-        />`;
-  })}
-    </div>
-  `;
-};
-const normalizeContent = (content) => {
-  if (typeof content === "string") {
-    return {
-      type: "text",
-      text: content
-    };
-  } else {
-    return content;
+  return temp;
+}
+function _generate(mirror, obj, patches, path, invertible) {
+  if (obj === mirror) {
+    return;
+  }
+  if (typeof obj.toJSON === "function") {
+    obj = obj.toJSON();
+  }
+  var newKeys = _objectKeys(obj);
+  var oldKeys = _objectKeys(mirror);
+  var deleted = false;
+  for (var t2 = oldKeys.length - 1; t2 >= 0; t2--) {
+    var key2 = oldKeys[t2];
+    var oldVal = mirror[key2];
+    if (hasOwnProperty(obj, key2) && !(obj[key2] === void 0 && oldVal !== void 0 && Array.isArray(obj) === false)) {
+      var newVal = obj[key2];
+      if (typeof oldVal == "object" && oldVal != null && typeof newVal == "object" && newVal != null && Array.isArray(oldVal) === Array.isArray(newVal)) {
+        _generate(oldVal, newVal, patches, path + "/" + escapePathComponent(key2), invertible);
+      } else {
+        if (oldVal !== newVal) {
+          if (invertible) {
+            patches.push({ op: "test", path: path + "/" + escapePathComponent(key2), value: _deepClone(oldVal) });
+          }
+          patches.push({ op: "replace", path: path + "/" + escapePathComponent(key2), value: _deepClone(newVal) });
+        }
+      }
+    } else if (Array.isArray(mirror) === Array.isArray(obj)) {
+      if (invertible) {
+        patches.push({ op: "test", path: path + "/" + escapePathComponent(key2), value: _deepClone(oldVal) });
+      }
+      patches.push({ op: "remove", path: path + "/" + escapePathComponent(key2) });
+      deleted = true;
+    } else {
+      if (invertible) {
+        patches.push({ op: "test", path, value: mirror });
+      }
+      patches.push({ op: "replace", path, value: obj });
+    }
   }
+  if (!deleted && newKeys.length == oldKeys.length) {
+    return;
+  }
+  for (var t2 = 0; t2 < newKeys.length; t2++) {
+    var key2 = newKeys[t2];
+    if (!hasOwnProperty(mirror, key2) && obj[key2] !== void 0) {
+      patches.push({ op: "add", path: path + "/" + escapePathComponent(key2), value: _deepClone(obj[key2]) });
+    }
+  }
+}
+function compare(tree1, tree2, invertible) {
+  if (invertible === void 0) {
+    invertible = false;
+  }
+  var patches = [];
+  _generate(tree1, tree2, patches, "", invertible);
+  return patches;
+}
+const duplex = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  compare,
+  generate,
+  observe,
+  unobserve
+}, Symbol.toStringTag, { value: "Module" }));
+Object.assign({}, core, duplex, {
+  JsonPatchError: PatchError,
+  deepClone: _deepClone,
+  escapePathComponent,
+  unescapePathComponent
+});
+const initStateManager = () => {
+  let state = {};
+  return {
+    /**
+     * Retrieves the current state object.
+     *
+     * @returns {Object} The current state object.
+     */
+    getState: () => {
+      return state;
+    },
+    /**
+     * Updates the current state with a new state object.
+     *
+     * @param {Object} newState - The new state object to update with.
+     */
+    setState: (newState) => {
+      state = structuredClone(newState);
+    },
+    /**
+     * Updates the current state with a new state object.
+     *
+     * @param {import("../../types/log").Changes} changes - The new state object to update with.
+     */
+    applyChanges: (changes) => {
+      state = structuredClone(state);
+      changes.forEach((change) => {
+        applyOperation(state, change);
+      });
+      return state;
+    }
+  };
 };
-const ChatMessage = ({ id: id2, message, toolMessages }) => {
-  const iconCls = iconForMsg(message);
-  const icon2 = iconCls ? m$1`<i class="${iconCls}"></i>` : "";
-  const collapse = message.role === "system";
-  return m$1`
-    <div
-      class="container-fluid ${message.role}"
-      style=${{
-    fontSize: "0.9rem",
-    fontWeight: "300",
-    paddingBottom: ".5em",
-    justifyContent: "flex-start",
-    marginLeft: "0",
-    marginRight: "0",
-    opacity: message.role === "system" ? "0.7" : "1",
-    whiteSpace: "normal"
-  }}
-    >
-      <div class="row row-cols-2">
-        <div
-          class="col"
-          style=${{
-    flex: "0 1 1em",
-    paddingLeft: "0",
-    paddingRight: "0.5em",
-    marginLeft: "0",
-    fontWeight: "500"
-  }}
-        >
-          ${icon2}
-        </div>
-        <div
-          class="col"
-          style=${{
-    flex: "1 0 auto",
-    marginLeft: ".3rem",
-    paddingLeft: "0"
-  }}
-        >
-          <div style=${{ fontWeight: "500" }}>${message.role}</div>
-          <${ExpandablePanel} collapse=${collapse}>
-            <${MessageContents}
-              key=${`${id2}-contents`}
-              message=${message}
-              toolMessages=${toolMessages}
-            />
-          </${ExpandablePanel}>
-        </div>
-      </div>
-    </div>
-  `;
+const kContentProtocol = "tc://";
+const SampleTranscript = ({ id, evalEvents }) => {
+  const stateManager = initStateManager();
+  const denormalizedEvents = resolveEventContent(evalEvents);
+  return m$1`<${TranscriptView}
+    id=${id}
+    events=${denormalizedEvents}
+    stateManager=${stateManager}
+  />`;
 };
-const MessageContents = ({ message, toolMessages }) => {
-  if (message.tool_calls && message.tool_calls.length) {
-    const result = [];
-    if (message.content) {
-      result.push(
-        m$1`<div style=${{ marginBottom: "1em" }}>
-          <${MessageContent} contents=${message.content} />
-        </div>`
-      );
+const resolveEventContent = (evalEvents) => {
+  return (
+    /** @type {import("../types/log").Events} */
+    evalEvents.events.map((e2) => {
+      return resolveValue(e2, evalEvents);
+    })
+  );
+};
+const resolveValue = (value, evalEvents) => {
+  if (Array.isArray(value)) {
+    return value.map((v2) => resolveValue(v2, evalEvents));
+  } else if (value && typeof value === "object") {
+    const resolvedObject = {};
+    for (const key2 of Object.keys(value)) {
+      resolvedObject[key2] = resolveValue(value[key2], evalEvents);
     }
-    const toolCalls = message.tool_calls.map((tool_call) => {
-      const toolMessage = toolMessages[tool_call.id];
-      const { input, functionCall, inputType } = resolveToolInput(tool_call);
-      const resolvedToolOutput = resolveToolMessage(toolMessage);
-      return m$1`<p>
-        <i class="bi bi-tools" style=${{
-        marginRight: "0.2rem",
-        opacity: "0.4"
-      }}></i>
-        <code style=${{ fontSize: "0.7rem" }}>${functionCall}</code>
-        <div>
-          ${toolMessage ? m$1`
-              <div style=${{ marginLeft: "1.5em" }}>
-              <${ToolInput} type=${inputType} contents=${input}/>
-              <${ExpandablePanel} collapse=${true} border=${true} lines=10>
-              <${MessageContent} contents=${resolvedToolOutput} />
-              </${ExpandablePanel}>
-              </div>
-              ` : ""}
-        </div>
-        </p>`;
-    });
-    if (toolCalls) {
-      result.push(...toolCalls);
+    return resolvedObject;
+  } else if (typeof value === "string") {
+    if (value.startsWith(kContentProtocol)) {
+      return evalEvents.content[value.replace(kContentProtocol, "")];
     }
-    return result;
-  } else {
-    return m$1`<${MessageContent} contents=${message.content} />`;
   }
+  return value;
 };
-const ToolInput = ({ type, contents }) => {
-  if (!contents) {
-    return "";
-  }
-  if (typeof contents === "object" || Array.isArray(contents)) {
-    contents = JSON.stringify(contents);
+const InlineSampleDisplay = ({
+  index,
+  id,
+  sample,
+  sampleDescriptor,
+  context
+}) => {
+  return m$1`<div
+    style=${{ flexDirection: "row", width: "100%", margin: "1em" }}
+  >
+    <${SampleDisplay}
+      index=${index}
+      id=${id}
+      sample=${sample}
+      sampleDescriptor=${sampleDescriptor}
+      context=${context}
+    />
+  </div>`;
+};
+const SampleDisplay = ({
+  index,
+  id,
+  sample,
+  sampleDescriptor,
+  context
+}) => {
+  const baseId = `sample-${index}`;
+  const msgTabId = `${baseId}-messages`;
+  const transcriptTabId = `${baseId}-transcript`;
+  const scoringTabId = `${baseId}-scoring`;
+  const metdataTabId = `${baseId}-metadata`;
+  y(() => {
+    if (sample.transcript && sample.transcript.events.length > 0) {
+      setSelectedTab(transcriptTabId);
+    } else {
+      setSelectedTab(msgTabId);
+    }
+  }, [sample]);
+  const [selectedTab, setSelectedTab] = h(void 0);
+  const onSelectedTab = (e2) => {
+    const id2 = e2.currentTarget.id;
+    setSelectedTab(id2);
+    return false;
+  };
+  const tabs = [
+    m$1`
+    <${TabPanel} id=${msgTabId} title="Messages" icon=${ApplicationIcons.messages} onSelected=${onSelectedTab} selected=${selectedTab === msgTabId}>
+      <${ChatView} key=${`${baseId}-chat`} id=${`${baseId}-chat`} messages=${sample.messages} style=${{ paddingLeft: ".8em", paddingTop: "1em" }}/>
+    </${TabPanel}>`
+  ];
+  if (sample.transcript && sample.transcript.events.length > 0) {
+    tabs.unshift(m$1`
+      <${TabPanel} id=${transcriptTabId} title="Transcript" icon=${ApplicationIcons.transcript} onSelected=${onSelectedTab} selected=${selectedTab === transcriptTabId || selectedTab === void 0} scrollable=${false}>
+        <${SampleTranscript} id=${`${baseId}-transcript`} evalEvents=${sample.transcript}/>
+      </${TabPanel}>`);
   }
-  const toolInputRef = A();
-  T(() => {
-    const tokens = Prism.languages[type];
-    if (toolInputRef.current && tokens) {
-      const html = Prism.highlight(contents, tokens, type);
-      toolInputRef.current.innerHTML = html;
+  const scorerNames = Object.keys(sample.scores);
+  if (scorerNames.length === 1) {
+    tabs.push(m$1`
+      <${TabPanel} id=${scoringTabId} title="Scoring" icon=${ApplicationIcons.scorer} onSelected=${onSelectedTab} selected=${selectedTab === scoringTabId}>
+        <${SampleScoreView}
+          sample=${sample}
+          context=${context}
+          sampleDescriptor=${sampleDescriptor}
+          scorer=${Object.keys(sample.scores)[0]}
+          style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}
+        />
+      </${TabPanel}>`);
+  } else {
+    for (const scorer of Object.keys(sample.scores)) {
+      const tabId = `score-${scorer}`;
+      tabs.push(m$1`
+        <${TabPanel} id="${tabId}" title="${scorer}" icon=${ApplicationIcons.scorer} onSelected=${onSelectedTab} selected=${selectedTab === tabId}>
+          <${SampleScoreView}
+            sample=${sample}
+            context=${context}
+            sampleDescriptor=${sampleDescriptor}
+            scorer=${scorer}
+            style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}
+          />
+        </${TabPanel}>`);
     }
-  }, [toolInputRef.current, type, contents]);
-  return m$1` <pre
-    class="tool-output"
-    style=${{
-    padding: "0.5em",
-    marginTop: "0.25em",
-    marginBottom: "1rem"
-  }}
-  >
-      <code ref=${toolInputRef} class="sourceCode${type ? ` language-${type}` : ""}" style=${{
-    overflowWrap: "anywhere",
-    whiteSpace: "pre-wrap"
+  }
+  const sampleMetadatas = metadataViewsForSample(baseId, sample, context);
+  if (sampleMetadatas.length > 0) {
+    tabs.push(
+      m$1`
+      <${TabPanel} 
+          id=${metdataTabId} 
+          title="Metadata" 
+          icon=${ApplicationIcons.metadata}
+          onSelected=${onSelectedTab} 
+          selected=${selectedTab === metdataTabId}>
+         <div style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}> 
+        ${sampleMetadatas}
+        </div>
+      </${TabPanel}>`
+    );
+  }
+  return m$1`<${SampleSummary}
+    id=${sample.id}
+    sample=${sample}
+    sampleDescriptor=${sampleDescriptor}/>
+
+  <${TabSet} id="task-sample-details-tab-${id}" styles=${{
+    tabs: {
+      fontSize: FontSize.base
+    },
+    tabBody: {}
   }}>
-        ${contents}
-        </code>
-    </pre>`;
+    ${tabs}
+  </${TabSet}>`;
 };
-const iconForMsg = (msg) => {
-  let iconCls = icons.role.assistant;
-  if (msg.role === "user") {
-    iconCls = icons.role.user;
-  } else if (msg.role === "system") {
-    iconCls = icons.role.system;
-  } else if (msg.role === "tool") {
-    iconCls = icons.role.tool;
+const metadataViewsForSample = (id, sample, context) => {
+  var _a, _b, _c;
+  const sampleMetadatas = [];
+  if (Object.keys(sample == null ? void 0 : sample.metadata).length > 0) {
+    sampleMetadatas.push(
+      m$1` <${MetaDataView}
+        id="task-sample-metadata-${id}"
+        classes="tab-pane"
+        entries="${sample == null ? void 0 : sample.metadata}"
+        style=${{ marginTop: "1em" }}
+        context=${context}
+      />`
+    );
   }
-  return iconCls;
+  if (((_a = sample == null ? void 0 : sample.score) == null ? void 0 : _a.metadata) && Object.keys((_b = sample == null ? void 0 : sample.score) == null ? void 0 : _b.metadata).length > 0) {
+    sampleMetadatas.push(
+      m$1`<${MetaDataView}
+        id="task-sample-metadata-${id}"
+        classes="tab-pane"
+        entries="${(_c = sample == null ? void 0 : sample.score) == null ? void 0 : _c.metadata}"
+        style=${{ marginTop: "1em" }}
+        context=${context}
+      />`
+    );
+  }
+  return sampleMetadatas;
 };
-const resolveToolMessage = (toolMessage) => {
-  var _a;
-  if (!toolMessage) {
-    return void 0;
+const SampleSummary = ({ id, sample, style, sampleDescriptor }) => {
+  const input = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.input) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.input) : 0;
+  const target = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.target) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.target) : 0;
+  const answer = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.answer) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.answer) : 0;
+  const scoreInput = [inputString(sample.input)];
+  if (sample.choices && sample.choices.length > 0) {
+    scoreInput.push("");
+    scoreInput.push(
+      ...sample.choices.map((choice, index) => {
+        return `${String.fromCharCode(65 + index)}) ${choice}`;
+      })
+    );
+  }
+  const columns = [];
+  columns.push({
+    label: "Id",
+    value: id,
+    size: "minmax(min-content, max-content)"
+  });
+  columns.push({
+    label: "Input",
+    value: scoreInput,
+    size: `${input}fr`,
+    clamp: true
+  });
+  if (sample.target) {
+    columns.push({
+      label: "Target",
+      value: m$1`<${MarkdownDiv}
+        markdown=${arrayToString(arrayToString((sample == null ? void 0 : sample.target) || "none"))}
+        style=${{ paddingLeft: "0" }}
+        class="no-last-para-padding"
+      />`,
+      size: `${target}fr`,
+      clamp: true
+    });
   }
-  const content = ((_a = toolMessage.error) == null ? void 0 : _a.message) || toolMessage.tool_error || toolMessage.content;
-  if (typeof content === "string") {
-    return [
-      {
-        type: "tool",
-        text: content
-      }
-    ];
-  } else {
-    return content.map((con) => {
-      if (typeof content === "string") {
-        return {
-          type: "tool",
-          text: content
-        };
-      } else if (con.type === "text") {
-        return {
-          ...con,
-          type: "tool"
-        };
-      }
+  const fullAnswer = sample && sampleDescriptor ? sampleDescriptor.selectedScorer(sample).answer() : void 0;
+  if (fullAnswer) {
+    columns.push({
+      label: "Answer",
+      value: sample ? m$1`<${MarkdownDiv}
+            markdown=${arrayToString(shortenCompletion(fullAnswer))}
+            style=${{ paddingLeft: "0" }}
+            class="no-last-para-padding"
+          />` : "",
+      size: `${answer}fr`,
+      clamp: true
     });
   }
-};
-const resolveToolInput = (tool_call) => {
-  const toolName = tool_call.function;
-  const extractInputMetadata = () => {
-    if (toolName === "bash") {
-      return ["cmd", "bash"];
-    } else if (toolName === "python") {
-      return ["code", "python"];
-    } else if (toolName === "web_search") {
-      return ["query", "text"];
-    } else {
-      return [void 0, void 0];
-    }
-  };
-  const [inputKey, inputType] = extractInputMetadata();
-  const extractInput = (inputKey2, tool_call2) => {
-    const formatArg = (key2, value) => {
-      const quotedValue = typeof value === "string" ? `"${value}"` : value;
-      return `${key2}: ${quotedValue}`;
+  columns.push({
+    label: "Score",
+    value: sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScore(sample).render(),
+    size: "minmax(2em, auto)",
+    center: true
+  });
+  return m$1`
+    <div
+      id=${`sample-${id}`}
+      style=${{
+    display: "grid",
+    gridTemplateColumns: `${columns.map((col) => {
+      return col.size;
+    }).join(" ")}`,
+    gridColumnGap: "0.5em",
+    fontSize: FontSize.base,
+    borderBottom: "solid var(--bs-border-color) 1px",
+    marginBottom: "1em",
+    padding: "0em 1em 1em 1em",
+    ...style
+  }}
+    >
+      ${columns.map((col) => {
+    const style2 = {
+      ...TextStyle.label,
+      ...TextStyle.secondary,
+      fontSize: FontSize.base
     };
-    if (tool_call2.arguments) {
-      if (Object.keys(tool_call2.arguments).length === 1) {
-        return {
-          input: tool_call2.arguments[Object.keys(tool_call2.arguments)[0]],
-          args: []
-        };
-      } else if (tool_call2.arguments[inputKey2]) {
-        const input2 = tool_call2.arguments[inputKey2];
-        const args2 = Object.keys(tool_call2.arguments).filter((key2) => {
-          return key2 !== inputKey2;
-        }).map((key2) => {
-          return formatArg(key2, tool_call2.arguments[key2]);
-        });
-        return {
-          input: input2,
-          args: args2
-        };
-      } else {
-        const args2 = Object.keys(tool_call2.arguments).map((key2) => {
-          return formatArg(key2, tool_call2.arguments[key2]);
-        });
-        return {
-          input: void 0,
-          args: args2
-        };
-      }
+    if (col.center) {
+      style2["display"] = "flex";
+      style2["justifyContent"] = "center";
     }
-    return {
-      input: void 0,
-      args: []
+    return m$1`<div style=${{ ...style2 }}>${col.label}</div>`;
+  })}
+      ${columns.map((col) => {
+    const style2 = {
+      ...col.clamp ? ApplicationStyles.threeLineClamp : {}
     };
-  };
-  const { input, args } = extractInput(inputKey, tool_call);
-  const functionCall = args.length > 0 ? `${toolName}(${args.join(",")})` : toolName;
-  return {
-    functionCall,
-    input,
-    inputType
-  };
-};
-const RenderedContent = ({
-  id: id2,
-  entry,
-  context,
-  defaultRendering,
-  options
-}) => {
-  if (entry.value === null) {
-    return "[null]";
-  }
-  const renderer = Object.keys(contentRenderers).map((key2) => {
-    return contentRenderers[key2];
-  }).sort((a2, b2) => {
-    return a2.bucket - b2.bucket;
-  }).find((renderer2) => {
-    return renderer2.canRender(entry);
-  });
-  let value = entry.value;
-  if (renderer) {
-    const { rendered, afterBody } = renderer.render(
-      id2,
-      entry,
-      defaultRendering,
-      options,
-      context
-    );
-    if (rendered !== void 0) {
-      value = rendered;
-      if (afterBody !== void 0) {
-        context.afterBody(afterBody);
-      }
+    if (col.center) {
+      style2.display = "flex";
+      style2.justifyContent = "center";
     }
-  }
-  return m$1`${value}`;
-};
-const Buckets = {
-  first: 0,
-  intermediate: 10,
-  final: 1e3
+    style2.wordWrap = "anywhere";
+    return m$1`<div style=${{ ...style2 }}>${col.value}</div>`;
+  })}
+    </div>
+  `;
 };
-const contentRenderers = {
-  AnsiString: {
-    bucket: Buckets.first,
-    canRender: (entry) => {
-      return typeof entry.value === "string" && entry.value.indexOf("\x1B") > -1;
-    },
-    render: (id2, entry) => {
-      return {
-        rendered: m$1`<${ANSIDisplay} output=${entry.value} />`
-      };
-    }
-  },
-  Model: {
-    bucket: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "object" && entry.value._model;
-    },
-    render: (_id, entry) => {
-      return {
-        rendered: m$1`<i class="${icons.model}"></i> ${entry.value._model}`
-      };
-    }
-  },
-  Boolean: {
-    order: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "boolean";
-    },
-    render: (id2, entry) => {
-      entry.value = entry.value.toString();
-      return contentRenderers.String.render(id2, entry);
-    }
-  },
-  Number: {
-    order: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "number";
-    },
-    render: (id2, entry) => {
-      entry.value = entry.value.toString();
-      return contentRenderers.String.render(id2, entry);
-    }
-  },
-  String: {
-    bucket: Buckets.final,
-    canRender: (entry) => {
-      return typeof entry.value === "string";
-    },
-    render: (_id, entry, defaultRendering) => {
-      const rendered = defaultRendering ? defaultRendering(entry.value.trim()) : entry.value.trim();
-      return {
-        rendered
-      };
-    }
-  },
-  Array: {
-    bucket: Buckets.intermediate,
-    canRender: (entry) => {
-      const isArray = Array.isArray(entry.value);
-      if (isArray) {
-        const types = new Set(
-          entry.value.map((entry2) => {
-            return typeof entry2;
-          })
-        );
-        return types.size === 1;
-      } else {
-        return false;
-      }
-    },
-    render: (id2, entry, _defaultRendering, _options, context) => {
-      const arrayMap = {};
-      entry.value.forEach((entry2, index) => {
-        arrayMap[`[${index}]`] = entry2;
-      });
-      const arrayRendered = m$1`<${MetaDataView}
-        id=${id2}
-        style=${{ fontSize: "0.8rem" }}
-        entries="${arrayMap}"
-        tableOptions="borderless,sm"
-        context=${context}
-        compact
-      />`;
-      return { rendered: arrayRendered };
-    }
-  },
-  ChatMessage: {
-    bucket: Buckets.first,
-    canRender: (entry) => {
-      var _a, _b;
-      const val = entry.value;
-      return Array.isArray(val) && val.length > 0 && ((_a = val[0]) == null ? void 0 : _a.role) !== void 0 && ((_b = val[0]) == null ? void 0 : _b.content) !== void 0;
-    },
-    render: (_id, entry) => {
-      return {
-        rendered: m$1`<${ChatView} messages=${entry.value} />`
-      };
-    }
-  },
-  web_search: {
-    bucket: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "object" && entry.name === "web_search";
+const SampleDialog = (props) => {
+  const {
+    id,
+    index,
+    title,
+    sample,
+    sampleDescriptor,
+    nextSample,
+    prevSample,
+    context
+  } = props;
+  if (!sample) {
+    return m$1`<${LargeModal} id=${id} title="No Sample"><${EmptyPanel}>No Sample Selected</${EmptyPanel}></${LargeModal}>`;
+  }
+  const tools = T(() => {
+    const nextTool = {
+      label: "Next Sample",
+      icon: ApplicationIcons.next,
+      onclick: nextSample,
+      enabled: !!nextSample
+    };
+    const prevTool = {
+      label: "Previous Sample",
+      icon: ApplicationIcons.previous,
+      onclick: prevSample,
+      enabled: !!prevSample
+    };
+    return {
+      left: [prevTool],
+      right: [nextTool]
+    };
+  }, [prevSample, nextSample]);
+  const handleKeyUp = q(
+    (e2) => {
+      switch (e2.key) {
+        case "ArrowRight":
+          if (nextSample) {
+            nextSample();
+          }
+          break;
+        case "ArrowLeft":
+          if (prevSample) {
+            prevSample();
+          }
+          break;
+      }
     },
-    render: (_id, entry) => {
-      const results = [];
-      results.push(
-        m$1`<div style=${{ marginBottom: "0.5rem", fontWeight: "500" }}>
-          <i class=${icons.search}></i> ${entry.value.query}
-        </div>`
-      );
-      entry.value.results.forEach((result) => {
-        results.push(
-          m$1`<div>
-            <a href="${result.url}">${result.url}</a>
-          </div>`
-        );
-        results.push(
-          m$1`<div style=${{ fontSize: "0.7rem", marginBottom: "0.5rem" }}>
-            ${result.summary}
-          </div>`
-        );
-      });
-      return {
-        rendered: results
-      };
+    [prevSample, nextSample]
+  );
+  return m$1`
+    <${LargeModal} 
+      id=${id} 
+      detail=${title}
+      detailTools=${tools}
+      onkeyup=${handleKeyUp}   
+    >
+    <${SampleDisplay}
+      index=${index}
+      id=${id}
+      sample=${sample}
+      sampleDescriptor=${sampleDescriptor}
+      context=${context}/>
+    </${LargeModal}>`;
+};
+const STYLE_INNER = "position:relative; overflow:hidden; width:100%; min-height:100%;";
+const STYLE_CONTENT = "position:absolute; top:0; left:0; height:100%; width:100%; overflow:visible;";
+class VirtualList extends b {
+  constructor(props) {
+    super(props);
+    this.state = {
+      height: 0,
+      offset: 0
+    };
+    this.resize = this.resize.bind(this);
+    this.handleScroll = throttle(this.handleScroll.bind(this), 100);
+    this.containerRef = m$2();
+  }
+  resize() {
+    if (this.state.height !== this.base.offsetHeight) {
+      this.setState({ height: this.base.offsetHeight });
     }
-  },
-  Html: {
-    bucket: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "object" && entry.value._html;
-    },
-    render: (id2, entry) => {
-      return {
-        rendered: entry.value._html
-      };
+  }
+  handleScroll() {
+    if (this.base) {
+      this.setState({ offset: this.base.scrollTop });
     }
-  },
-  Object: {
-    bucket: Buckets.intermediate,
-    canRender: (entry) => {
-      return typeof entry.value === "object";
-    },
-    render: (id2, entry, _defaultRendering, _options, context) => {
-      const summary = [];
-      const keys = Object.keys(entry.value);
-      if (keys.length > 4) {
-        summary.push(...keys.slice(0, 2));
-        summary.push("...");
-        summary.push(...keys.slice(keys.length - 2));
-      } else {
-        summary.push(...keys);
-      }
-      return {
-        rendered: m$1`<${MetaDataView}
-          id=${id2}
-          style=${{ fontSize: "0.8rem" }}
-          entries="${entry.value}"
-          tableOptions="borderless,sm"
-          context=${context}
-        />`
-      };
+    if (this.props.sync) {
+      this.forceUpdate();
     }
   }
-};
-const LoggingPanel = ({ logFile, capabilities, logging, context }) => {
-  if (!logging || logging.length === 0) {
-    return m$1`<${EmptyPanel} style=${{
-      fontSize: "0.8rem"
-    }}>No Messages</${EmptyPanel}>`;
+  componentDidUpdate() {
+    this.resize();
   }
-  if (logging.length > 1e3 && capabilities.downloadFiles) {
-    const file = `log.txt`;
-    const logContents = logging.map((row) => {
-      return `[${row.level.toUpperCase()}] (${new Date(row.created).toISOString()}) ${row.message}`;
+  componentDidMount() {
+    this.resize();
+    window.addEventListener("resize", this.resize);
+  }
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.resize);
+  }
+  render({ data, rowMap, renderRow, overscanCount = 10, ...props }, { offset: offset2 = 0, height = 0 }) {
+    const firstVisibleIdx = rowMap.findIndex((row) => {
+      return row.start + row.height >= offset2;
     });
-    return m$1`<div style=${{ width: "100%" }}>
-      <${DownloadPanel}
-        message="There are too many logging entries to render."
-        buttonLabel="Download Log File"
-        logFile=${logFile}
-        fileName=${file}
-        fileContents=${logContents.join("\n")}
-      />
-    </div>`;
-  } else {
-    return m$1`
-      <table
-        class="table table-hover table-sm"
-        style=${{
-      fontSize: "0.9rem",
-      width: "100%",
-      marginBottom: "0rem",
-      tableLayout: "fixed",
-      alignSelf: "flex-start"
-    }}
-      >
-        <colgroup>
-          <col span="1" style="width: 1.6rem;" />
-          <col span="1" style="width: 10rem;" />
-          <col span="1" />
-        </colgroup>
-        <tbody>
-          ${logging.map((log, index) => {
-      const logDate = new Date(log.created);
-      return m$1`<tr>
-              <td>
-                <i
-                  class="${icon(log.level)}"
-                  style=${{
-        marginLeft: "0.5rem",
-        fontSize: "0.7rem",
-        color: color(log.level)
-      }}
-                ></i>
-              </td>
-              <td>
-                <pre
-                  style=${{
-        fontSize: "0.7rem",
-        marginLeft: "0.2rem",
-        marginTop: "0.2rem",
-        marginBottom: "0.2rem"
-      }}
-                >
-              ${logDate.toLocaleDateString()} ${logDate.toLocaleTimeString()}
-              </pre
-                >
-              </td>
-              <td>
-                <${RenderedContent}
-                  id="log-message-${index}"
-                  entry=${{
-        name: "log_message",
-        value: log.message
-      }}
-                  context=${context}
-                  defaultRendering=${(val) => {
-        return m$1`<pre
-                      style=${{
-          marginTop: "0.3rem",
-          marginBottom: "0.2rem",
-          fontSize: "0.7rem",
-          whiteSpace: "pre-wrap"
-        }}
-                    >
-${val}</pre
-                    >`;
-      }}
-                />
-              </td>
-            </tr>`;
+    const firstIndex = firstVisibleIdx > -1 ? firstVisibleIdx : 0;
+    const lastVisibleIdx = rowMap.findIndex((row) => {
+      return row.start + row.height >= offset2 + height;
+    });
+    const lastIndex = lastVisibleIdx > -1 ? lastVisibleIdx : rowMap.length - 1;
+    const lastRow = rowMap[rowMap.length - 1];
+    const totalHeight = lastRow ? lastRow.start + lastRow.height : 0;
+    let visibleRowCount = lastIndex - firstIndex;
+    if (overscanCount) {
+      visibleRowCount += overscanCount;
+    }
+    const start2 = firstVisibleIdx;
+    const end2 = Math.min(data.length, start2 + visibleRowCount);
+    const selection = data.slice(start2, end2);
+    const top2 = firstVisibleIdx !== -1 ? rowMap[firstVisibleIdx].start : 0;
+    const rows = m$1`<div onscroll=${this.handleScroll} ...${props}>
+      <div style=${`${STYLE_INNER} height:${totalHeight}px;`}>
+        <div style=${`${STYLE_CONTENT} top:${top2}px;`} ref=${this.containerRef}>
+          ${selection.map((item, index) => {
+      const component = renderRow(item, start2 + index);
+      return m$1` <div key=${`list-item-${start2 + index}`}>
+              ${component}
+            </div>`;
     })}
-        </tbody>
-      </table>
-    `;
+        </div>
+      </div>
+    </div>`;
+    return rows;
   }
-};
-const icon = (level) => {
-  const icon2 = icons.logging[level.toLowerCase()];
-  return icon2 || icons.logging.notset;
-};
-const color = (level) => {
-  const color2 = colors.logging[level.toLowerCase()];
-  return color2 || colors.debug;
-};
-const ghCommitUrl = (origin, commit) => {
-  const baseUrl = origin.replace(/\.git$/, "");
-  return `${baseUrl}/commit/${commit}`;
-};
-const CardHeader = ({ id: id2, icon: icon2, label, classes, style, children }) => {
-  return m$1`<div class="card-header ${classes || ""}" ...${{ id: id2, style }}>
-    ${icon2 ? m$1`<i
-          class="${icon2}"
-          style=${{
-    paddingRight: "0.2rem"
+}
+const kSampleHeight = 88;
+const kSeparatorHeight = 24;
+const SampleList = (props) => {
+  const {
+    listRef,
+    items,
+    sampleDescriptor,
+    style,
+    selectedIndex,
+    setSelectedIndex,
+    selectedScore,
+    nextSample,
+    prevSample,
+    showSample
+  } = props;
+  if (items.length === 0) {
+    return m$1`<${EmptyPanel}>No Samples</${EmptyPanel}>`;
+  }
+  const heightForType = (type) => {
+    return type === "sample" ? kSampleHeight : kSeparatorHeight;
+  };
+  const rowMap = T(() => {
+    return items.reduce((values, current, index) => {
+      const height = heightForType(current.type);
+      const previous = values.length > 0 ? values[values.length - 1] : void 0;
+      const start2 = previous === void 0 ? 0 : previous.start + previous.height;
+      values.push({
+        index,
+        height,
+        start: start2
+      });
+      return values;
+    }, []);
+  }, [items]);
+  y(() => {
+    const listEl = listRef.current;
+    if (listEl) {
+      const selected = rowMap[selectedIndex];
+      if (selected) {
+        const itemTop = selected.start;
+        const itemBottom = selected.start + selected.height;
+        const scrollTop = listEl.base.scrollTop;
+        const scrollBottom = scrollTop + listEl.base.offsetHeight;
+        if (itemTop >= scrollTop && itemBottom <= scrollBottom) {
+          return;
+        }
+        if (itemTop < scrollTop) {
+          listEl.base.scrollTo({ top: itemTop });
+          return;
+        }
+        if (itemBottom > scrollBottom) {
+          listEl.base.scrollTo({ top: itemBottom - listEl.base.offsetHeight });
+          return;
+        }
+      }
+    }
+  }, [selectedIndex, rowMap, listRef]);
+  const renderRow = (item, index) => {
+    if (item.type === "sample") {
+      return m$1`
+        <${SampleRow}
+          id=${item.number}
+          index=${index}
+          sample=${item.data}
+          height=${kSampleHeight}
+          sampleDescriptor=${sampleDescriptor}
+          selected=${selectedIndex === index}
+          setSelected=${setSelectedIndex}
+          selectedScore=${selectedScore}
+          showSample=${showSample}
+        />
+      `;
+    } else if (item.type === "separator") {
+      return m$1`
+        <${SeparatorRow}
+          id=${`sample-group${item.number}`}
+          title=${item.data}
+          height=${kSeparatorHeight}
+        />
+      `;
+    } else {
+      return "";
+    }
+  };
+  const onkeydown = (e2) => {
+    switch (e2.key) {
+      case "ArrowUp":
+        prevSample();
+        e2.preventDefault();
+        e2.stopPropagation();
+        return false;
+      case "ArrowDown":
+        nextSample();
+        e2.preventDefault();
+        e2.stopPropagation();
+        return false;
+      case "Enter":
+        showSample();
+        e2.preventDefault();
+        e2.stopPropagation();
+        return false;
+    }
+  };
+  const listStyle = { ...style, flex: "1", overflowY: "auto", outline: "none" };
+  const headerRow = m$1`<div
+    style=${{
+    display: "grid",
+    ...gridColumnStyles(sampleDescriptor),
+    fontSize: FontSize.smaller,
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    paddingBottom: "0.3em",
+    paddingTop: "0.3em",
+    borderBottom: "solid var(--bs-light-border-subtle) 1px"
   }}
-        ></i>` : ""}
-    ${label ? label : ""} ${children}
-  </div> `;
-};
-const CardBody = ({ id: id2, classes, style, children }) => {
-  return m$1`<div class="card-body ${classes || ""}" ...${{ id: id2, style }}>
-    ${children}
+  >
+    <div>Id</div>
+    <div>Input</div>
+    <div>Target</div>
+    <div>Answer</div>
+    <div>Score</div>
   </div>`;
-};
-const Card = ({ id: id2, classes, style, children }) => {
-  return m$1`
-    <div class="card ${classes || ""}" ...${{ id: id2, style }}>${children}</div>
-  `;
-};
-const kPlanCardBodyId = "task-plan-card-body";
-const PlanCard = ({ log, context }) => {
-  var _a;
-  return m$1`
-    <${Card}>
-      <${CardHeader} icon=${icons.config} label="Config"/>
-      <${CardBody} id="${kPlanCardBodyId}" style=${{
-    paddingTop: "0",
-    paddingBottom: "0",
-    borderTop: "solid var(--bs-border-color) 1px"
-  }}>
-      
-        <${PlanDetailView}
-          evaluation=${log == null ? void 0 : log.eval}
-          plan=${log == null ? void 0 : log.plan}
-          scores=${(_a = log == null ? void 0 : log.results) == null ? void 0 : _a.scores}
-          context=${context}
-        />
-      </${CardBody}>
-    </${Card}>
-  `;
-};
-const planItemStyle = {
-  fontSize: "0.9rem",
-  marginBottom: "0em"
-};
-const planSepStyle = {
-  marginLeft: ".3em",
-  marginRight: ".3em",
-  marginTop: "em",
-  marginBottom: "-0.1em"
-};
-const ScorerDetailView = ({ name, scores, params, context }) => {
-  if (scores.length > 1) {
-    params["scores"] = scores;
-  }
-  return m$1`<${DetailStep}
-    icon=${icons.scorer}
-    name=${name}
-    params=${params}
-    context=${context}
-    style=${planItemStyle}
-  />`;
-};
-const DatasetDetailView = ({ dataset, context, style }) => {
-  if (!dataset || Object.keys(dataset).length === 0) {
-    return m$1`<span style=${{ ...planItemStyle, ...style }}
-      >No dataset information available</span
-    >`;
-  }
-  return m$1`<${MetaDataView}
-    entries="${dataset}"
-    tableOptions="borderless,sm"
-    context=${context}
-    style=${{ ...planItemStyle, ...style }}
-  />`;
-};
-const SolversDetailView = ({ steps, context }) => {
-  const separator = m$1` <div style=${{ ...planItemStyle, ...planSepStyle }}>
-    <i class="${icons.arrows.right}"></i>
+  return m$1` <div
+    style=${{ display: "flex", flexDirection: "column", width: "100%" }}
+  >
+    ${headerRow}
+    <${VirtualList}
+      ref=${listRef}
+      data=${items}
+      tabIndex="0"
+      renderRow=${renderRow}
+      onkeydown=${onkeydown}
+      rowMap=${rowMap}
+      style=${listStyle}
+    />
   </div>`;
-  const details = steps == null ? void 0 : steps.map((step, index) => {
-    return m$1`
-      <${DetailStep}
-        name=${step.solver}
-        context=${context}
-        style=${planItemStyle}
-      />
-      ${index < steps.length - 1 ? separator : ""}
-    `;
-  });
+};
+const SeparatorRow = ({ id, title, height }) => {
   return m$1`<div
+    id=${id}
     style=${{
-    display: "flex",
-    flexDirection: "columns"
+    padding: ".25em 1em .25em 1em",
+    textTransform: "uppercase",
+    ...TextStyle.secondary,
+    fontSize: FontSize.smaller,
+    fontWeight: 600,
+    borderBottom: "solid 1px var(--bs-border-color)",
+    height: `${height}px`
   }}
   >
-    ${details}
+    <div>${title}</div>
   </div>`;
 };
-const DetailStep = ({ icon: icon2, name, params, style, context }) => {
-  const iconHtml = icon2 ? m$1`<i class="${icon2}" style=${{ marginRight: ".3em" }}></i>` : "";
+const SampleRow = ({
+  id,
+  index,
+  sample,
+  sampleDescriptor,
+  height,
+  selected,
+  setSelected,
+  showSample
+}) => {
+  const selectedStyle = selected ? {
+    boxShadow: "inset 0 0 0px 2px var(--bs-focus-ring-color)"
+  } : {};
+  const cellStyle = {
+    paddingLeft: "0em",
+    paddingRight: "0em"
+  };
   return m$1`
-    <div style=${style}>
-      ${iconHtml} ${name}
+    <div
+      id=${`sample-${id}`}
+      onclick=${() => {
+    if (setSelected) {
+      setSelected(index);
+    }
+    if (showSample) {
+      showSample();
+    }
+  }}
+      style=${{
+    height: `${height}px`,
+    display: "grid",
+    ...gridColumnStyles(sampleDescriptor),
+    paddingTop: "1em",
+    paddingBottom: "1em",
+    gridTemplateRows: `${height - 28}px`,
+    fontSize: FontSize.base,
+    borderBottom: "solid var(--bs-border-color) 1px",
+    cursor: "pointer",
+    ...selectedStyle,
+    overflowY: "hidden"
+  }}
+    >
+      <div class="sample-index" style=${{ ...cellStyle }}>${id}</div>
       <div
+        class="sample-input"
         style=${{
-    marginLeft: "1.3rem",
-    marginTop: "0.2rem",
-    marginBottom: "0.3rem"
+    ...ApplicationStyles.threeLineClamp,
+    wordWrap: "anywhere",
+    ...cellStyle
   }}
       >
-        ${m$1`<${MetaDataView}
-          entries="${params}"
-          context=${context}
-          style=${{ fontSize: "0.8rem" }}
-        />`}
+        ${inputString(sample.input)}
       </div>
-    </div>
-  `;
-};
-const PlanDetailView = ({ evaluation, plan, context, scores }) => {
-  if (!evaluation) {
-    return "";
-  }
-  const config = (evaluation == null ? void 0 : evaluation.config) || {};
-  const steps = plan == null ? void 0 : plan.steps;
-  const metadata = evaluation == null ? void 0 : evaluation.metadata;
-  const revision = evaluation == null ? void 0 : evaluation.revision;
-  const packages = evaluation == null ? void 0 : evaluation.packages;
-  const model_args = evaluation == null ? void 0 : evaluation.model_args;
-  const task_args = evaluation == null ? void 0 : evaluation.task_args;
-  const generate_config = plan == null ? void 0 : plan.config;
-  const taskInformation = {
-    ["Task ID"]: evaluation == null ? void 0 : evaluation.task_id,
-    ["Run ID"]: evaluation == null ? void 0 : evaluation.run_id
-  };
-  if (revision) {
-    taskInformation[`${revision.type ? `${toTitleCase(revision.type)} ` : ""}Revision`] = {
-      _html: m$1`<a href="${ghCommitUrl(revision.origin, revision.commit)}"
-        >${revision.commit}</a
-      >`
-    };
-  }
-  if (packages) {
-    taskInformation["Inspect"] = {
-      _html: m$1`${Object.keys(packages).map((key2) => {
-        return `${key2} ${packages[key2]}`;
-      }).join("<br/>\n")}`
-    };
-  }
-  if (evaluation == null ? void 0 : evaluation.model) {
-    config["model"] = evaluation.model;
-  }
-  if (evaluation == null ? void 0 : evaluation.model_base_url) {
-    config["model_base_url"] = evaluation.model_base_url;
-  }
-  if (evaluation == null ? void 0 : evaluation.sandbox) {
-    config["sandbox"] = evaluation.sandbox[0];
-    if (evaluation.sandbox[1]) {
-      config["sandbox_config"] = evaluation.sandbox[1];
-    }
-  }
-  const floatingColumnStyle = {
-    flex: "0 1 1",
-    width: "unset",
-    textAlign: "left",
-    paddingLeft: "0.6rem",
-    paddingRight: "0.6rem"
-  };
-  const wideColumnStyle = {
-    flex: "1 1 1",
-    width: "unset",
-    paddingLeft: "0.6rem",
-    paddingRight: "0.6rem"
-  };
-  const oneColumnStyle = {
-    flex: "0 0 100%"
-  };
-  const twoColumnStyle = {
-    flex: "0 0 50%"
-  };
-  const planMetadataStyle = {
-    fontSize: "0.8rem"
+      <div
+        class="sample-target"
+        style=${{
+    ...ApplicationStyles.threeLineClamp,
+    ...cellStyle
+  }}
+      >
+        <${MarkdownDiv}
+          markdown=${arrayToString(sample == null ? void 0 : sample.target)}
+          style=${{ paddingLeft: "0" }}
+          class="no-last-para-padding"
+        />
+      </div>
+      <div
+        class="sample-answer"
+        style=${{
+    ...ApplicationStyles.threeLineClamp,
+    ...cellStyle
+  }}
+      >
+        ${sample ? m$1`
+              <${MarkdownDiv}
+                markdown=${shortenCompletion(
+    sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScorer(sample).answer()
+  )}
+                style=${{ paddingLeft: "0" }}
+                class="no-last-para-padding"
+              />
+            ` : ""}
+      </div>
+
+      <div
+        style=${{
+    fontSize: FontSize.small,
+    ...cellStyle,
+    display: "flex"
+  }}
+      >
+        ${sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScore(sample).render()}
+      </div>
+    </div>
+  `;
+};
+const gridColumnStyles = (sampleDescriptor) => {
+  const { input, target, answer } = gridColumns(sampleDescriptor);
+  return {
+    gridGap: "0.5em",
+    gridTemplateColumns: `minmax(2rem, auto) ${input}fr ${target}fr ${answer}fr minmax(2rem, auto)`,
+    paddingLeft: "1em",
+    paddingRight: "1em"
   };
-  const taskColumns = [];
-  taskColumns.push({
-    title: "Dataset",
-    style: floatingColumnStyle,
-    contents: m$1`<${DatasetDetailView}
-      dataset=${evaluation.dataset}
-      context=${context}
-    />`
-  });
-  taskColumns.push({
-    title: "Plan",
-    style: wideColumnStyle,
-    contents: m$1`
-      <${SolversDetailView} steps=${steps} context=${context} />
-    `
-  });
-  if (scores) {
-    const scorers = scores.reduce((accum, score) => {
-      if (!accum[score.scorer]) {
-        accum[score.scorer] = {
-          scores: [score.name],
-          params: score.params
-        };
-      } else {
-        accum[score.scorer].scores.push(score.name);
+};
+const gridColumns = (sampleDescriptor) => {
+  const input = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.input) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.input) : 0;
+  const target = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.target) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.target) : 0;
+  const answer = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.answer) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.answer) : 0;
+  return { input, target, answer };
+};
+const SamplesTab = (props) => {
+  const {
+    task,
+    model,
+    samples,
+    sampleDescriptor,
+    filter,
+    sort: sort$1,
+    epoch,
+    context,
+    selectedScore
+    //setSelectedScore,
+  } = props;
+  const [selectedIndex, setSelectedIndex] = h(0);
+  const [filteredSamples, setFilteredSamples] = h([]);
+  const [items, setItems] = h([]);
+  const sampleListRef = A();
+  const sampleDialogRef = A();
+  y(() => {
+    setFilteredSamples(
+      (samples || []).filter((sample) => {
+        if (epoch && epoch !== "all") {
+          if (epoch !== sample.epoch + "") {
+            return false;
+          }
+        }
+        if (filter.filterFn && filter.value) {
+          return filter.filterFn(sample, filter.value);
+        } else {
+          return true;
+        }
+      })
+    );
+  }, [samples, filter, sort$1, epoch]);
+  const showSample = q(() => {
+    const dialogEl = sampleDialogRef.current;
+    if (dialogEl) {
+      const modal = new Modal(dialogEl.base);
+      modal.show();
+    }
+  }, [sampleDialogRef]);
+  const hideSample = q(() => {
+    const dialogEl = sampleDialogRef.current;
+    if (dialogEl && dialogEl.base) {
+      const modal = Modal.getInstance(dialogEl.base);
+      if (modal) {
+        modal.hide();
       }
-      return accum;
-    }, {});
-    if (Object.keys(scorers).length > 0) {
-      const label = Object.keys(scorers).length === 1 ? "Scorer" : "Scorers";
-      const scorerPanels = Object.keys(scorers).map((key2) => {
-        return m$1`<${ScorerDetailView}
-          name=${key2}
-          scores=${scorers[key2].scores}
-          params=${scorers[key2].params}
-          context=${context}
-        />`;
-      });
-      taskColumns.push({
-        title: label,
-        style: floatingColumnStyle,
-        contents: scorerPanels
+    }
+  }, [sampleDialogRef]);
+  y(() => {
+    const dialogEl = sampleDialogRef.current;
+    if (dialogEl) {
+      dialogEl.base.addEventListener("hidden.bs.modal", () => {
+        const listEl = sampleListRef.current;
+        if (listEl) {
+          listEl.base.focus();
+        }
       });
     }
-  }
-  const metadataColumns = [];
-  const cols = colCount(
-    metadataColumns,
-    task_args,
-    model_args,
-    config,
-    metadata
-  );
-  const configColumnStyle = cols.length === 1 ? oneColumnStyle : twoColumnStyle;
-  metadataColumns.push({
-    title: "Task Information",
-    style: configColumnStyle,
-    contents: m$1`
-      <${MetaDataView}
-        style=${planMetadataStyle}
-        classes="task-title-deets-grid"
-        entries="${taskInformation}"
-        tableOptions="borderless,sm"
-        context=${context}
-      />
-    `
-  });
-  if (task_args && Object.keys(task_args).length > 0) {
-    metadataColumns.push({
-      title: "Task Args",
-      style: configColumnStyle,
-      contents: m$1`
-        <${MetaDataView}
-          style=${planMetadataStyle}
-          classes="task-plan-task-args-grid"
-          entries="${task_args}"
-          tableOptions="sm"
-          context=${context}
-        />
-      `
-    });
-  }
-  if (model_args && Object.keys(model_args).length > 0) {
-    metadataColumns.push({
-      title: "Model Args",
-      style: configColumnStyle,
-      contents: m$1`
-        <${MetaDataView}
-          style=${planMetadataStyle}
-          classes="task-plan-model-args-grid"
-          entries="${model_args}"
-          tableOptions="sm"
-          context=${context}
-        />
-      `
-    });
-  }
-  if (config && Object.keys(config).length > 0) {
-    metadataColumns.push({
-      title: "Configuration",
-      style: configColumnStyle,
-      contents: m$1`
-        <${MetaDataView}
-          style=${planMetadataStyle}
-          classes="task-plan-configuration"
-          entries="${config}"
-          tableOptions="sm"
-          context=${context}
-        />
-      `
-    });
-  }
-  if (generate_config && Object.keys(generate_config).length > 0) {
-    metadataColumns.push({
-      title: "Generate Config",
-      style: configColumnStyle,
-      contents: m$1`
-        <${MetaDataView}
-          style=${planMetadataStyle}
-          classes="task-plan-generate-configuration"
-          entries="${generate_config}"
-          tableOptions="sm"
-          context=${context}
-        />
-      `
+  }, [sampleDialogRef, sampleListRef]);
+  y(() => {
+    const { sorted, order: order2 } = sort(sort$1, filteredSamples, sampleDescriptor);
+    const sampleProcessor = getSampleProcessor(
+      filteredSamples,
+      sort$1,
+      epoch,
+      order2,
+      sampleDescriptor
+    );
+    const items2 = sorted.flatMap((sample, index) => {
+      const results = [];
+      const previousSample2 = index !== 0 ? sorted[index - 1] : void 0;
+      const items3 = sampleProcessor(sample, index, previousSample2);
+      results.push(...items3);
+      return results;
     });
-  }
-  if (metadata && Object.keys(metadata).length > 0) {
-    metadataColumns.push({
-      title: "Metadata",
-      style: configColumnStyle,
-      contents: m$1`
-        <${MetaDataView}
-          style=${planMetadataStyle}
-          classes="task-plan-metadata"
-          entries="${metadata}"
-          tableOptions="sm"
-          context=${context}
-        />
-      `
+    setItems(items2);
+    const firstSample = items2.findIndex((val) => {
+      return val.type === "sample";
     });
+    if (items2.length) {
+      setSelectedIndex(firstSample);
+    }
+    return items2;
+  }, [filteredSamples, sort$1, epoch, sampleDescriptor]);
+  y(() => {
+    hideSample();
+  }, [items]);
+  const nextSampleIndex = q(() => {
+    for (let i2 = selectedIndex + 1; i2 < items.length; i2++) {
+      if (items[i2].type === "sample") {
+        return i2;
+      }
+    }
+    return -1;
+  }, [selectedIndex, items]);
+  const previousSampleIndex = q(() => {
+    for (let i2 = selectedIndex - 1; i2 >= 0; i2--) {
+      if (items[i2].type === "sample") {
+        return i2;
+      }
+    }
+    return -1;
+  }, [selectedIndex, items]);
+  const nextSample = q(() => {
+    const next = nextSampleIndex();
+    if (next > -1) {
+      setSelectedIndex(next);
+    }
+  }, [selectedIndex, filteredSamples, nextSampleIndex]);
+  const previousSample = q(() => {
+    const prev = previousSampleIndex();
+    if (prev > -1) {
+      setSelectedIndex(prev);
+    }
+  }, [selectedIndex, filteredSamples, previousSampleIndex]);
+  const elements = [];
+  if ((samples == null ? void 0 : samples.length) === 1 && items.length === 1) {
+    elements.push(
+      m$1` <${InlineSampleDisplay}
+        index="0"
+        key=${`${task}-single-sample`}
+        id="sample-display"
+        sample=${samples[0]}
+        sampleDescriptor=${sampleDescriptor}
+        context=${context}
+      />`
+    );
+  } else {
+    elements.push(
+      m$1`<${SampleList}
+        listRef=${sampleListRef}
+        items=${items}
+        sampleDescriptor=${sampleDescriptor}
+        selectedIndex=${selectedIndex}
+        setSelectedIndex=${setSelectedIndex}
+        selectedScore=${selectedScore}
+        nextSample=${nextSample}
+        prevSample=${previousSample}
+        showSample=${showSample}
+      />`
+    );
   }
-  return m$1`
-    <div style=${{ paddingTop: "0", paddingBottom: "1em", marginLeft: "0" }}>
-      <div
-        class="row"
-        style=${{
-    justifyContent: "space-between",
-    flexWrap: "wrap",
-    paddingBottom: "0.7rem",
-    borderBottom: "solid 1px var(--bs-border-color)"
-  }}
-      >
-        ${taskColumns.map((col) => {
-    return m$1`<${PlanColumn} title="${col.title}" style=${col.style}>
-        ${col.contents}
-      </${PlanColumn}>
-      `;
-  })}
-      </div>
-
-      <div
-        class="row"
-        style=${{ justifyContent: "flex-start", flexWrap: "wrap" }}
-      >
-        ${metadataColumns.map((col) => {
-    return m$1`<${PlanColumn} title="${col.title}" style=${col.style}>
-            ${col.contents}
-          </${PlanColumn}>
-          `;
-  })}
-      </div>
-    </div>
-  `;
+  elements.push(m$1`
+    <${SampleDialog}
+      ref=${sampleDialogRef}
+      task=${task}
+      model=${model}
+      title=${items.length > 0 ? items[selectedIndex].label : void 0}
+      index=${items.length > 0 ? items[selectedIndex].number : void 0}
+      sample=${items.length > 0 ? items[selectedIndex].data : void 0}
+      sampleDescriptor=${sampleDescriptor}
+      nextSample=${nextSample}
+      prevSample=${previousSample}
+      context=${context}
+    />
+  `);
+  return elements;
 };
-const colCount = (...other) => {
-  let count = 0;
-  for (const o2 in other) {
-    if (o2 && Object.keys(o2).length > 0) {
-      count++;
+const getSampleProcessor = (samples, sort2, epoch, order2, sampleDescriptor) => {
+  if ((sampleDescriptor == null ? void 0 : sampleDescriptor.epochs) > 1) {
+    if (byEpoch(sort2) || epoch !== "all") {
+      return groupByEpoch(samples, sampleDescriptor, order2);
+    } else if (bySample(sort2)) {
+      return groupBySample(samples, sampleDescriptor, order2);
     }
   }
-  return count;
-};
-const PlanColumn = ({ title, classes, style, children }) => {
-  return m$1`
-    <div class="${classes || ""}" ...${{ style }}>
-      <div class="card-subheading">${title}</div>
-      ${children}
-    </div>
-  `;
-};
-const isNumeric = (n2) => {
-  return !isNaN(parseFloat(n2)) && isFinite(n2);
+  return noGrouping(samples, order2);
 };
-const kScoreTypePassFail = "passfail";
-const kScoreTypeCategorical = "categorical";
-const kScoreTypeNumeric = "numeric";
-const kScoreTypeOther = "other";
-const kScoreTypeObject = "object";
-const samplesDescriptor = (selectedScore, scorers, samples, epochs, context) => {
-  if (!samples) {
-    return void 0;
-  }
-  const score = (sample, scorer = selectedScore == null ? void 0 : selectedScore.scorer) => {
-    if (sample.scores[scorer]) {
-      return sample.scores[scorer];
-    } else {
-      return void 0;
-    }
+const noGrouping = (samples, order2) => {
+  const counter = getCounter(samples.length, 1, order2);
+  return (sample, index) => {
+    counter.incrementItem();
+    const itemCount = counter.item();
+    return [
+      {
+        label: `Sample ${itemCount}`,
+        number: itemCount,
+        index,
+        data: sample,
+        type: "sample"
+      }
+    ];
   };
-  const scoreValue = (sample) => {
-    if (Object.keys(sample.scores).length === 0 || !selectedScore) {
-      return void 0;
-    }
-    if (selectedScore.scorer !== selectedScore.name && sample.scores[selectedScore.scorer] && sample.scores[selectedScore.scorer].value) {
-      return sample.scores[selectedScore.scorer].value[selectedScore.name];
-    } else if (sample.scores[selectedScore.name]) {
-      return sample.scores[selectedScore.name].value;
-    } else {
-      return void 0;
+};
+const groupBySample = (samples, sampleDescriptor, order2) => {
+  samples = samples.sort((a2, b2) => {
+    return ("" + a2.id).localeCompare(b2.id);
+  });
+  const groupCount = samples.length / sampleDescriptor.epochs;
+  const itemCount = samples.length / groupCount;
+  const counter = getCounter(itemCount, groupCount, order2);
+  return (sample, index, previousSample) => {
+    const results = [];
+    const lastId = previousSample ? previousSample.id : void 0;
+    if (sample.id !== lastId) {
+      counter.incrementGroup();
+      results.push({
+        label: `Sample ${itemCount}`,
+        number: counter.group(),
+        index,
+        data: `Sample ${counter.group()}`,
+        type: "separator"
+      });
+      counter.resetItem();
     }
+    counter.incrementItem();
+    results.push({
+      label: `Sample ${counter.group()} (Epoch ${counter.item()})`,
+      number: counter.item(),
+      index,
+      data: sample,
+      type: "sample"
+    });
+    return results;
   };
-  const scoreAnswer = (sample, scorer) => {
-    if (sample) {
-      const sampleScore = score(sample, scorer);
-      if (sampleScore && sampleScore.answer) {
-        return sampleScore.answer;
-      } else if (sample.output.choices && sample.output.choices.length > 0) {
-        const content = sample.output.choices[0].message.content;
-        if (typeof content === "string") {
-          return content;
-        } else {
-          return content.length > 0 ? content[0].text : "";
-        }
-      }
-    } else {
-      return void 0;
+};
+const groupByEpoch = (samples, sampleDescriptor, order2) => {
+  const groupCount = sampleDescriptor.epochs;
+  const itemCount = samples.length / groupCount;
+  const counter = getCounter(itemCount, groupCount, order2);
+  return (sample, index, previousSample) => {
+    const results = [];
+    const lastEpoch = previousSample ? previousSample.epoch : -1;
+    if (lastEpoch !== sample.epoch) {
+      counter.incrementGroup();
+      results.push({
+        label: `Epoch ${counter.group()}`,
+        number: counter.group(),
+        index,
+        data: `Epoch ${counter.group()}`,
+        type: "separator"
+      });
+      counter.resetItem();
     }
+    counter.incrementItem();
+    results.push({
+      label: `Sample ${counter.item()} (Epoch ${counter.group()})`,
+      number: counter.item(),
+      index,
+      data: sample,
+      type: "sample"
+    });
+    return results;
   };
-  const scoreExplanation = (sample, scorer) => {
-    if (sample) {
-      const sampleScore = score(sample, scorer);
-      if (sampleScore && sampleScore.explanation) {
-        return sampleScore.explanation;
+};
+const getCounter = (itemCount, groupCount, order2) => {
+  let itemIndex = order2 !== "desc" ? 0 : itemCount + 1;
+  let groupIndex = order2 !== "desc" ? 0 : groupCount + 1;
+  return {
+    resetItem: () => {
+      itemIndex = order2 !== "desc" ? 0 : itemCount + 1;
+    },
+    incrementItem: () => {
+      if (order2 !== "desc") {
+        itemIndex++;
+      } else {
+        itemIndex--;
+      }
+    },
+    incrementGroup: () => {
+      if (order2 !== "desc") {
+        groupIndex++;
+      } else {
+        groupIndex--;
       }
+    },
+    item: () => {
+      return itemIndex;
+    },
+    group: () => {
+      return groupIndex;
     }
-    return void 0;
   };
-  const uniqScoreValues = [
-    ...new Set(
-      samples.filter((sample) => !!sample.scores).filter((sample) => {
-        if (!selectedScore) {
-          return true;
-        }
-        if (selectedScore.scorer !== selectedScore.name) {
-          return Object.keys(sample.scores).includes(selectedScore.scorer) && Object.keys(sample.scores[selectedScore.scorer].value).includes(
-            selectedScore.name
-          );
-        } else {
-          return Object.keys(sample.scores).includes(selectedScore.name);
-        }
-      }).map((sample) => {
-        return scoreValue(sample);
-      }).filter((value) => {
-        return value !== null;
-      })
-    )
-  ];
-  const uniqScoreTypes = [
-    ...new Set(uniqScoreValues.map((scoreValue2) => typeof scoreValue2))
-  ];
-  let scoreDescriptor;
-  for (const categorizer of scoreCategorizers) {
-    scoreDescriptor = categorizer.describe(
-      uniqScoreValues,
-      uniqScoreTypes,
-      context
-    );
-    if (scoreDescriptor) {
-      break;
-    }
+};
+const EpochFilter = ({ epochs, epoch, setEpoch }) => {
+  const options = ["all"];
+  for (let i2 = 1; i2 <= epochs; i2++) {
+    options.push(i2 + "");
   }
-  const sizes = samples.reduce(
-    (previous, current) => {
-      var _a;
-      previous[0] = Math.max(previous[0], inputString(current.input).length);
-      previous[1] = Math.max(previous[1], arrayToString(current.target).length);
-      previous[2] = Math.max(previous[2], ((_a = scoreAnswer(current)) == null ? void 0 : _a.length) || 0);
-      return previous;
-    },
-    [0, 0, 0]
-  );
-  const base = sizes[0] + sizes[1] + sizes[2] || 1;
-  const messageShape = {
-    input: sizes[0] / base,
-    target: sizes[1] / base,
-    answer: sizes[2] / base
-  };
-  const scoreRendered = (sample) => {
-    const score2 = scoreValue(sample);
-    if (score2 === null || score2 === "undefined") {
-      return "null";
-    } else if (scoreDescriptor.render) {
-      return scoreDescriptor.render(score2);
+  return m$1`
+    <div style=${{ display: "flex" }}>
+      <span
+        class="epoch-filter-label"
+        style=${{
+    alignSelf: "center",
+    fontSize: FontSize.smaller,
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    marginRight: "0.3em",
+    marginLeft: "0.2em"
+  }}
+        >Epochs:</span
+      >
+      <select
+        class="form-select form-select-sm"
+        aria-label=".epoch-filter-label"
+        style=${{ fontSize: FontSize.smaller }}
+        value=${epoch}
+        onChange=${(e2) => {
+    setEpoch(e2.target.value);
+  }}
+      >
+        ${options.map((option) => {
+    return m$1`<option value="${option}">${option}</option>`;
+  })}
+      </select>
+    </div>
+  `;
+};
+const SampleFilter = ({ descriptor, filter, filterChanged }) => {
+  var _a;
+  const filterCategory = (e2) => {
+    const val = e2.currentTarget.value;
+    if (val === "all") {
+      filterChanged({
+        value: void 0,
+        filterFn: void 0
+      });
     } else {
-      return score2;
-    }
-  };
-  const scorerDescriptor = (sample, scorer) => {
-    return {
-      explanation: () => {
-        return scoreExplanation(sample, scorer);
-      },
-      answer: () => {
-        return scoreAnswer(sample, scorer);
-      },
-      scores: () => {
-        if (!sample || !sample.scores) {
-          return [];
-        }
-        const scoreNames = scorers.map((score2) => {
-          return score2.name;
-        });
-        const sampleScorer = sample.scores[scorer];
-        const scoreVal = sampleScorer.value;
-        if (typeof scoreVal === "object") {
-          const names = Object.keys(scoreVal);
-          if (names.find((name) => {
-            return !scoreNames.includes(name);
-          })) {
-            return [
-              {
-                name: scorer,
-                rendered: () => {
-                  return scoreDescriptor.render(scoreVal);
-                }
-              }
-            ];
+      filterChanged({
+        value: val,
+        filterFn: (sample, value) => {
+          const score = descriptor.selectedScore(sample);
+          if (typeof score.value === "string") {
+            return score.value.toLowerCase() === (value == null ? void 0 : value.toLowerCase());
+          } else if (typeof score.value === "object") {
+            return JSON.stringify(score.value) == value;
           } else {
-            const scores = names.map((name) => {
-              return {
-                name,
-                rendered: () => {
-                  return scoreDescriptor.render(scoreVal[name]);
-                }
-              };
-            });
-            return scores;
+            return score.value === value;
           }
-        } else {
-          return [
-            {
-              name: scorer,
-              rendered: () => {
-                return scoreDescriptor.render(scoreVal);
-              }
-            }
-          ];
-        }
-      }
-    };
-  };
-  return {
-    scoreDescriptor,
-    epochs,
-    messageShape,
-    selectedScore: (sample) => {
-      return {
-        value: scoreValue(sample),
-        render: () => {
-          return scoreRendered(sample);
         }
-      };
-    },
-    scorer: (sample, scorer) => {
-      return scorerDescriptor(sample, scorer);
-    },
-    selectedScorer: (sample) => {
-      return scorerDescriptor(sample, selectedScore == null ? void 0 : selectedScore.scorer);
+      });
     }
   };
-};
-const scoreCategorizers = [
-  {
-    describe: (values, types) => {
-      if (values.length === 2 && types.length === 1 && types[0] === "boolean") {
-        return booleanScoreCategorizer();
-      }
+  const filterInput = (e2) => {
+    filterChanged({
+      value: e2.currentTarget.value,
+      filterFn: filterText(descriptor)
+    });
+  };
+  switch ((_a = descriptor == null ? void 0 : descriptor.scoreDescriptor) == null ? void 0 : _a.scoreType) {
+    case kScoreTypePassFail: {
+      const options = [{ text: "All", value: "all" }];
+      options.push(
+        ...descriptor.scoreDescriptor.categories.map((cat) => {
+          return { text: cat.text, value: cat.val };
+        })
+      );
+      return m$1`<${SelectFilter}
+        value=${filter.value || "all"}
+        options=${options}
+        filterFn=${filterCategory}
+      />`;
     }
-  },
-  {
-    describe: (values) => {
-      if ((values.length === 1 || values.length === 2) && values.every((val) => {
-        return val === 1 || val === 0;
-      })) {
-        return booleanScoreCategorizer();
+    case kScoreTypeCategorical: {
+      const options = [{ text: "All", value: "all" }];
+      options.push(
+        ...descriptor.scoreDescriptor.categories.map((cat) => {
+          return { text: cat, value: cat };
+        })
+      );
+      return m$1`<${SelectFilter}
+        value=${filter.value || "all"}
+        options=${options}
+        filterFn=${filterCategory}
+      />`;
+    }
+    case kScoreTypeNumeric: {
+      return m$1`
+        <input
+          type="text"
+          class="form-control"
+          value=${filter.value}
+          placeholder="Filter Samples (score)"
+          style=${{ width: "150px" }}
+          onInput=${filterInput}
+        />
+      `;
+    }
+    case kScoreTypeObject: {
+      if (!descriptor.scoreDescriptor.categories) {
+        return "";
       }
+      const options = [{ text: "All", value: "all" }];
+      options.push(
+        ...descriptor.scoreDescriptor.categories.map((cat) => {
+          return { text: cat.text, value: cat.value };
+        })
+      );
+      return m$1`<${SelectFilter}
+        value=${filter.value || "all"}
+        options=${options}
+        filterFn=${filterCategory}
+      />`;
     }
-  },
-  {
-    describe: (values, types) => {
-      if (types[0] === "string" && types.length === 1 && values.length < 5 && !values.find((val) => {
-        return val !== "I" && val !== "C" && val !== "P" && val !== "N";
-      })) {
-        return passFailScoreCategorizer(values);
-      }
+    default: {
+      return void 0;
     }
-  },
-  {
-    describe: (values, types) => {
-      if (values.length < 10 && types.length === 1 && types[0] === "string") {
-        return {
-          scoreType: kScoreTypeCategorical,
-          categories: values,
-          compare: (a2, b2) => {
-            return a2.localeCompare(b2);
+  }
+};
+const SelectFilter = ({ value, options, filterFn }) => {
+  return m$1`
+    <div style=${{ display: "flex" }}>
+      <span
+        class="sample-label"
+        style=${{
+    alignSelf: "center",
+    fontSize: FontSize.smaller,
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    marginRight: "0.3em",
+    marginLeft: "0.2em"
+  }}
+        >Scores:</span
+      >
+      <select
+        class="form-select form-select-sm"
+        aria-label=".sample-label"
+        style=${{ fontSize: FontSize.smaller }}
+        value=${value}
+        onChange=${filterFn}
+      >
+        ${options.map((option) => {
+    return m$1`<option value="${option.value}">${option.text}</option>`;
+  })}
+      </select>
+    </div>
+  `;
+};
+const filterText = (descriptor) => {
+  return (sample, value) => {
+    const score = descriptor.selectedScore(sample);
+    if (!value) {
+      return true;
+    } else {
+      if (isNumeric(value)) {
+        if (typeof score.value === "number") {
+          return score.value === Number(value);
+        } else {
+          return Number(score.value) === Number(value);
+        }
+      } else {
+        const filters = [
+          {
+            prefix: ">=",
+            fn: (score2, val) => {
+              return score2 >= val;
+            }
           },
-          render: (score) => {
-            return score;
-          }
-        };
-      }
-    }
-  },
-  {
-    describe: (values, types) => {
-      if (types.length !== 0 && types[0] === "number") {
-        return {
-          scoreType: kScoreTypeNumeric,
-          min: Math.min(...values),
-          max: Math.max(...values),
-          compare: (a2, b2) => {
-            return a2 - b2;
+          {
+            prefix: "<=",
+            fn: (score2, val) => {
+              return score2 <= val;
+            }
           },
-          render: (score) => {
-            return formatDecimalNoTrailingZeroes(score);
+          {
+            prefix: ">",
+            fn: (score2, val) => {
+              return score2 > val;
+            }
+          },
+          {
+            prefix: "<",
+            fn: (score2, val) => {
+              return score2 < val;
+            }
+          },
+          {
+            prefix: "=",
+            fn: (score2, val) => {
+              return score2 === val;
+            }
+          },
+          {
+            prefix: "!=",
+            fn: (score2, val) => {
+              return score2 !== val;
+            }
           }
-        };
-      }
-    }
-  },
-  {
-    describe: (values, types) => {
-      if (types.length !== 0 && types[0] === "object") {
-        const buckets = values.map((val) => {
-          return JSON.stringify(val);
-        });
-        const vals = new Set(buckets);
-        let categories = void 0;
-        if (vals.size < 10) {
-          categories = Array.from(vals).map((val) => {
-            return {
-              val,
-              text: val
-            };
-          });
-        }
-        return {
-          scoreType: kScoreTypeObject,
-          categories,
-          render: (score) => {
-            if (score === null || score === void 0) {
-              return "[null]";
+        ];
+        for (const filter of filters) {
+          if (value == null ? void 0 : value.startsWith(filter.prefix)) {
+            const val = value.slice(filter.prefix.length).trim();
+            if (!val) {
+              return true;
             }
-            const scores = [];
-            const keys = Object.keys(score);
-            keys.forEach((key2, index) => {
-              const value = score[key2];
-              const formattedValue = isNumeric(value) ? formatPrettyDecimal(parseFloat(value)) : value;
-              const style = {
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center",
-                marginLeft: "0.5rem"
-              };
-              if (index + 1 < keys.length) {
-                style["paddingBottom"] = "1em";
-              }
-              scores.push(m$1`
-                <div style=${style}>
-                  <div style=${{ fontSize: "0.9em", fontWeight: 300 }}>
-                    ${key2}
-                  </div>
-                  <div style=${{ fontSize: "1.5em", fontWeight: 600 }}>
-                    ${formattedValue}
-                  </div>
-                </div>
-              `);
-            });
-            return scores;
+            const num = Number(val);
+            return filter.fn(score.value, num);
           }
-        };
+        }
+        if (typeof score.value === "string") {
+          return score.value.toLowerCase() === (value == null ? void 0 : value.toLowerCase());
+        } else {
+          return score.value === value;
+        }
       }
     }
-  },
-  {
-    describe: (values, types, context) => {
-      return {
-        scoreType: kScoreTypeOther,
-        render: (score) => {
-          return m$1`<${RenderedContent}
-            id="asdasdas"
-            entry=${{ value: score }}
-            context=${context}
-          />`;
-        }
-      };
+  };
+};
+const SelectScorer = ({ scores, score, setScore }) => {
+  const scorers = scores.reduce((accum, scorer) => {
+    if (!accum.find((sc) => {
+      return scorer.scorer === sc.scorer;
+    })) {
+      accum.push(scorer);
+    }
+    return accum;
+  }, []);
+  if (scorers.length === 1) {
+    return m$1`
+      <div style=${{ display: "flex" }}>
+        <span
+          class="select-scorer-label"
+          style=${{
+      alignSelf: "center",
+      fontSize: FontSize.smaller,
+      ...TextStyle.label,
+      ...TextStyle.secondary
+    }}
+          >Score:</span
+        >
+        <${ScoreSelector}
+          scores=${scores}
+          selectedIndex=${scoreIndex(score, scores)}
+          selectedIndexChanged=${(index) => {
+      setScore(scores[index]);
+    }}
+        />
+      </div>
+    `;
+  } else {
+    const scorerScores = scores.filter((sc) => {
+      return sc.scorer === score.scorer;
+    });
+    const selectors = [
+      m$1`<${ScorerSelector}
+        scorers=${scorers}
+        selectedIndex=${scorerIndex(score, scorers)}
+        selectedIndexChanged=${(index) => {
+        setScore(scorers[index]);
+      }}
+      />`
+    ];
+    if (scorerScores.length > 1) {
+      selectors.push(
+        m$1`<${ScoreSelector}
+          style=${{ marginLeft: "1em" }}
+          scores=${scorerScores}
+          selectedIndex=${scoreIndex(score, scorerScores)}
+          selectedIndexChanged=${(index) => {
+          setScore(scorerScores[index]);
+        }}
+        />`
+      );
     }
+    return m$1`
+      <div style=${{ display: "flex" }}>
+        <span
+          class="select-scorer-label"
+          style=${{
+      alignSelf: "center",
+      fontSize: FontSize.smaller,
+      ...TextStyle.label,
+      ...TextStyle.secondary,
+      marginRight: "0.3em",
+      marginLeft: "0.2em"
+    }}
+          >Scorer:</span
+        >
+        ${selectors}
+      </div>
+    `;
   }
-];
-const filledCircleStyle = {
-  border: "solid 1px",
-  fontSize: "0.8em",
-  width: "2em",
-  height: "2em",
-  display: "inline-flex",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "50%"
 };
-const booleanScoreCategorizer = () => {
-  return {
-    scoreType: "boolean",
-    render: (score) => {
-      const scoreColorStyle = score ? sharedStyles.scoreFills.green : sharedStyles.scoreFills.red;
-      return m$1`<span
-        style=${{
-        ...scoreColorStyle,
-        ...filledCircleStyle
-      }}
-        >${score}</span
-      >`;
-    }
-  };
+const ScoreSelector = ({
+  scores,
+  selectedIndex,
+  selectedIndexChanged,
+  style
+}) => {
+  return m$1`<select
+    class="form-select form-select-sm"
+    aria-label=".select-scorer-label"
+    style=${{ fontSize: FontSize.smaller, ...style }}
+    value=${scores[selectedIndex].name}
+    onChange=${(e2) => {
+    selectedIndexChanged(e2.target.selectedIndex);
+  }}
+  >
+    ${scores.map((score) => {
+    return m$1`<option value="${score.name}">${score.name}</option>`;
+  })}
+  </select>`;
+};
+const ScorerSelector = ({ scorers, selectedIndex, selectedIndexChanged }) => {
+  return m$1`<select
+    class="form-select form-select-sm"
+    aria-label=".epoch-filter-label"
+    style=${{ fontSize: FontSize.smaller }}
+    value=${scorers[selectedIndex].scorer}
+    onChange=${(e2) => {
+    selectedIndexChanged(e2.target.selectedIndex);
+  }}
+  >
+    ${scorers.map((scorer) => {
+    return m$1`<option value="${scorer.scorer}">${scorer.scorer}</option>`;
+  })}
+  </select>`;
 };
-const passFailScoreCategorizer = (values) => {
-  const categories = [];
-  if (values.includes("C")) {
-    categories.push({
-      val: "C",
-      text: "Correct"
-    });
-  }
-  if (values.includes("P")) {
-    categories.push({
-      val: "P",
-      text: "Partial"
-    });
+const scoreIndex = (score, scores) => scores.findIndex((sc) => {
+  return sc.name === score.name && sc.scorer === score.scorer;
+});
+const scorerIndex = (score, scores) => scores.findIndex((sc) => {
+  return sc.scorer === score.scorer;
+});
+const SampleTools = (props) => {
+  const {
+    epoch,
+    setEpoch,
+    filter,
+    filterChanged,
+    sort: sort2,
+    setSort,
+    epochs,
+    sampleDescriptor,
+    score,
+    setScore,
+    scores
+  } = props;
+  const hasEpochs = epochs > 1;
+  const tools = [];
+  if (scores.length > 1) {
+    tools.push(
+      m$1`<${SelectScorer}
+        scores=${scores}
+        score=${score}
+        setScore=${setScore}
+      />`
+    );
   }
-  if (values.includes("I")) {
-    categories.push({
-      val: "I",
-      text: "Incorrect"
-    });
+  if (hasEpochs) {
+    tools.push(
+      m$1`<${EpochFilter}
+        epoch=${epoch}
+        setEpoch="${setEpoch}"
+        epochs=${epochs}
+      />`
+    );
   }
-  if (values.includes("N")) {
-    categories.push({
-      val: "N",
-      text: "Refusal"
-    });
+  tools.push(
+    m$1`<${SampleFilter}
+      filter=${filter}
+      filterChanged=${filterChanged}
+      descriptor=${sampleDescriptor}
+    />`
+  );
+  tools.push(
+    m$1`<${SortFilter}
+      sampleDescriptor=${sampleDescriptor}
+      sort=${sort2}
+      setSort=${setSort}
+      epochs=${hasEpochs}
+    />`
+  );
+  return tools;
+};
+const ModelTokenTable = ({ model_usage }) => {
+  return m$1`
+  <${TokenTable}>
+    <${TokenHeader}/>
+    <tbody>
+    ${Object.keys(model_usage).map((key2) => {
+    const vals = Object.values(model_usage[key2]);
+    return m$1`<${TokenRow} model=${key2} values=${vals} />`;
+  })}
+    </tbody>
+  </${TokenTable}>
+  `;
+};
+const TokenTable = ({ children }) => {
+  return m$1`<table
+    class="table table-sm"
+    style=${{ width: "100%", fontSize: FontSize.smaller, marginTop: "0.7rem" }}
+  >
+    ${children}
+  </table>`;
+};
+const thStyle = {
+  padding: 0,
+  fontWeight: 300,
+  fontSize: FontSize.small,
+  ...TextStyle.label,
+  ...TextStyle.secondary
+};
+const TokenHeader = () => {
+  return m$1`<thead>
+    <tr>
+      <td></td>
+      <td
+        colspan="3"
+        align="center"
+        class="card-subheading"
+        style=${{
+    paddingBottom: "0.7rem",
+    fontSize: FontSize.small,
+    ...TextStyle.label,
+    ...TextStyle.secondary
+  }}
+      >
+        Tokens
+      </td>
+    </tr>
+    <tr>
+      <th style=${thStyle}>Model</th>
+      <th style=${thStyle}>Input</th>
+      <th style=${thStyle}>Output</th>
+      <th style=${thStyle}>Total</th>
+    </tr>
+  </thead>`;
+};
+const TokenRow = ({ model, values }) => {
+  return m$1`<tr>
+    <td>${model}</td>
+    ${values.map((val) => {
+    return m$1`<td>${val.toLocaleString()}</td>`;
+  })}
+  </tr>`;
+};
+const kUsageCardBodyId = "usage-card-body";
+const UsageCard = ({ stats, context }) => {
+  if (!stats) {
+    return "";
   }
-  const order2 = ["C", "P", "I", "N"];
-  return {
-    scoreType: kScoreTypePassFail,
-    categories,
-    render: (score) => {
-      if (score === "C") {
-        return m$1`<span
-          style=${{
-          ...sharedStyles.scoreFills.green,
-          ...filledCircleStyle
-        }}
-          >C</span
-        >`;
-      } else if (score === "I") {
-        return m$1`<span
-          style=${{
-          ...sharedStyles.scoreFills.red,
-          ...filledCircleStyle
-        }}
-          >I</span
-        >`;
-      } else if (score === "P") {
-        return m$1`<span
-          style=${{
-          ...sharedStyles.scoreFills.orange,
-          ...filledCircleStyle
-        }}
-          >P</span
-        >`;
-      } else if (score === "N") {
-        return m$1`<span
-          style=${{
-          ...sharedStyles.scoreFills.red,
-          ...filledCircleStyle
-        }}
-          >N</span
-        >`;
-      } else {
-        return score;
-      }
-    },
-    compare: (a2, b2) => {
-      const sort2 = order2.indexOf(a2) - order2.indexOf(b2);
-      return sort2;
+  const totalDuration = duration(stats);
+  const usageMetadataStyle = {
+    fontSize: FontSize.smaller
+  };
+  return m$1`
+
+    <${Card}>
+      <${CardHeader} icon=${ApplicationIcons.usage} label="Usage"/>
+      <${CardBody} id=${kUsageCardBodyId} style=${{
+    paddingTop: "0",
+    paddingBottom: "0",
+    borderTop: "solid var(--bs-border-color) 1px"
+  }}>
+        <div style=${{
+    paddingTop: "0",
+    paddingBottom: "1em",
+    marginLeft: "0",
+    display: "flex"
+  }}>
+
+          <div style=${{ flex: "1 1 40%", marginRight: "1em" }}>
+          <div style=${{ marginTop: "1em", fontSize: FontSize.smaller, ...TextStyle.label, ...TextStyle.secondary }}>Duration</div>
+          <${MetaDataView}
+            entries="${{
+    ["Start"]: new Date(stats.started_at).toLocaleString(),
+    ["End"]: new Date(stats.completed_at).toLocaleString(),
+    ["Duration"]: totalDuration
+  }}"
+            tableOptions="borderless,sm"
+            context=${context}
+            style=${usageMetadataStyle}
+          />
+          </div>
+
+          <div style=${{ flex: "1 1 60%" }}>
+            <${ModelTokenTable} model_usage=${stats.model_usage}/>
+          </div>
+        </div>
+      </${CardBody}>
+    </${Card}>
+  `;
+};
+const duration = (stats) => {
+  const start2 = new Date(stats.started_at);
+  const end2 = new Date(stats.completed_at);
+  const durationMs = end2.getTime() - start2.getTime();
+  const durationSec = durationMs / 1e3;
+  return formatTime(durationSec);
+};
+const CopyButton = ({ value }) => {
+  return m$1`<button
+    class="copy-button"
+    style=${{
+    border: "none",
+    backgroundColor: "inherit",
+    opacity: "0.5",
+    paddingTop: "0px"
+  }}
+    data-clipboard-text=${value}
+    onclick=${(e2) => {
+    const iEl = e2.target;
+    if (iEl) {
+      iEl.className = `${ApplicationIcons.confirm} primary`;
+      setTimeout(() => {
+        iEl.className = ApplicationIcons.copy;
+      }, 1250);
     }
-  };
+    return false;
+  }}
+  >
+    <i class=${ApplicationIcons.copy}></i>
+  </button>`;
 };
-const kSampleAscVal = "sample-asc";
-const kSampleDescVal = "sample-desc";
-const kEpochAscVal = "epoch-asc";
-const kEpochDescVal = "epoch-desc";
-const kScoreAscVal = "score-asc";
-const kScoreDescVal = "score-desc";
-const kDefaultSort = kSampleAscVal;
-const SortFilter = ({ sampleDescriptor, sort: sort2, setSort, epochs }) => {
-  var _a;
-  const options = [
-    { label: "sample asc", val: kSampleAscVal },
-    { label: "sample desc", val: kSampleDescVal }
-  ];
-  if (epochs) {
-    options.push({
-      label: "epoch asc",
-      val: kEpochAscVal
-    });
-    options.push({
-      label: "epoch desc",
-      val: kEpochDescVal
-    });
+const LabeledValue = ({
+  label,
+  style,
+  valueStyle,
+  layout = "column",
+  children
+}) => {
+  const flexDirection = layout === "column" ? "column" : "row";
+  return m$1` <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>`;
+};
+const SecondaryBar = ({ log, status, style }) => {
+  var _a, _b, _c;
+  if (!log || status !== "success") {
+    return "";
   }
-  if ((_a = sampleDescriptor == null ? void 0 : sampleDescriptor.scoreDescriptor) == null ? void 0 : _a.compare) {
-    options.push({
-      label: "score asc",
-      val: kScoreAscVal
-    });
-    options.push({
-      label: "score desc",
-      val: kScoreDescVal
+  const staticColStyle = {
+    flexShrink: "0"
+  };
+  const epochs = log.eval.config.epochs || 1;
+  const hyperparameters = {
+    ...log.plan.config,
+    ...log.eval.task_args
+  };
+  const hasConfig = Object.keys(hyperparameters).length > 0;
+  const values = [];
+  values.push({
+    size: "minmax(12%, auto)",
+    value: m$1`<${LabeledValue} label="Dataset" style=${staticColStyle}>
+    <${DatasetSummary}
+      dataset=${(_a = log.eval) == null ? void 0 : _a.dataset}
+      samples=${log.samples}
+      epochs=${epochs} />
+  </${LabeledValue}>
+`
+  });
+  const label = ((_b = log == null ? void 0 : log.results) == null ? void 0 : _b.scores.length) > 1 ? "Scorers" : "Scorer";
+  values.push({
+    size: "minmax(12%, auto)",
+    value: m$1`<${LabeledValue} label="${label}" style=${staticColStyle} style=${{ justifySelf: hasConfig ? "center" : "right" }}>
+    <${ScorerSummary} 
+      scorers=${(_c = log == null ? void 0 : log.results) == null ? void 0 : _c.scores} />
+  </${LabeledValue}>`
+  });
+  if (hasConfig) {
+    values.push({
+      size: "minmax(12%, auto)",
+      value: m$1`<${LabeledValue} label="Config" style=${{ justifySelf: "right" }}>
+      <${ParamSummary} params=${hyperparameters}/>
+    </${LabeledValue}>`
     });
   }
   return m$1`
-    <div style=${{ display: "flex" }}>
-      <span
-        class="epoch-filter-label"
-        style=${{ alignSelf: "center", marginRight: "0.5em" }}
-        >Sort:</span
-      >
-      <select
-        class="form-select form-select-sm"
-        aria-label=".epoch-filter-label"
-        style=${{ fontSize: "0.7rem" }}
-        value=${sort2}
-        onChange=${(e2) => {
-    setSort(e2.target.value);
+    <div
+      style=${{
+    margin: "0",
+    padding: "0.2em 1em 0.2em 1em",
+    display: "grid",
+    gridColumnGap: "1em",
+    borderTop: "1px solid var(--bs-border-color)",
+    gridTemplateColumns: `${values.map((val) => {
+      return val.size;
+    }).join(" ")}`,
+    ...style
   }}
-      >
-        ${options.map((option) => {
-    return m$1`<option value="${option.val}">${option.label}</option>`;
+    >
+      ${values.map((val) => {
+    return val.value;
   })}
-      </select>
     </div>
   `;
 };
-const byEpoch = (sort2) => {
-  return sort2 === kEpochAscVal || sort2 === kEpochDescVal;
+const DatasetSummary = ({ dataset, samples, epochs, style }) => {
+  if (!dataset) {
+    return "";
+  }
+  return m$1`
+    <div style=${style}>
+      ${dataset.name}${(samples == null ? void 0 : samples.length) ? m$1`${formatDataset(dataset.name, samples.length, epochs)}` : ""}
+    </div>
+  `;
 };
-const bySample = (sort2) => {
-  return sort2 === kSampleAscVal || sort2 === kSampleDescVal;
+const ScorerSummary = ({ scorers }) => {
+  if (!scorers) {
+    return "";
+  }
+  const uniqScorers = /* @__PURE__ */ new Set();
+  scorers.forEach((scorer) => {
+    uniqScorers.add(scorer.name);
+  });
+  return Array.from(uniqScorers).join(", ");
 };
-const sort = (sort2, samples, sampleDescriptor) => {
-  const sorted = samples.sort((a2, b2) => {
-    switch (sort2) {
-      case kSampleAscVal:
-        if (isNumeric(a2.id) && isNumeric(b2.id)) {
-          return a2.id - b2.id;
-        } else {
-          return String(a2.id).localeCompare(String(b2.id));
-        }
-      case kSampleDescVal:
-        if (isNumeric(a2.id) && isNumeric(b2.id)) {
-          return b2.id - a2.id;
-        } else {
-          return String(b2.id).localeCompare(String(a2.id));
-        }
-      case kEpochAscVal:
-        return a2.epoch - b2.epoch;
-      case kEpochDescVal:
-        return b2.epoch - a2.epoch;
-      case kScoreAscVal:
-        return sampleDescriptor.scoreDescriptor.compare(
-          sampleDescriptor.selectedScore(a2).value,
-          sampleDescriptor.selectedScore(b2).value
-        );
-      case kScoreDescVal:
-        return sampleDescriptor.scoreDescriptor.compare(
-          sampleDescriptor.selectedScore(b2).value,
-          sampleDescriptor.selectedScore(a2).value
-        );
-    }
+const ParamSummary = ({ params }) => {
+  if (!params) {
+    return "";
+  }
+  const paraValues = Object.keys(params).map((key2) => {
+    return `${key2}: ${params[key2]}`;
   });
-  return {
-    sorted,
-    order: sort2 === kSampleAscVal || sort2 === kEpochAscVal || sort2 === kScoreAscVal ? "asc" : "desc"
-  };
+  if (paraValues.length > 0) {
+    return m$1`<code style=${{ padding: 0, color: "var(--bs-body-color)" }}
+      >${paraValues.join(", ")}</code
+    >`;
+  } else {
+    return "";
+  }
 };
-const LargeModal = (props) => {
-  const { id: id2, title, detail, detailTools, footer, onkeyup, children } = props;
-  const modalFooter = footer ? m$1`<div class="modal-footer">${footer}</div>` : "";
-  const headerEls = [];
-  headerEls.push(
-    m$1`<div
-      class="modal-title"
-      style=${{ fontSize: "0.7em", flex: "1 1 auto" }}
-    >
-      ${title || ""}
-    </div>`
-  );
-  if (detail) {
-    headerEls.push(
-      m$1`<div
-        style=${{
-        marginLeft: "auto",
-        marginRight: "auto",
-        display: "flex",
-        flex: "1 1 auto",
-        justifyContent: "center"
-      }}
-      >
-        ${detailTools.left ? detailTools.left.map((tool) => {
-        return m$1`<${TitleTool} ...${tool} />`;
-      }) : ""}
+const Navbar = ({ file, logs, log, offcanvas }) => {
+  var _a, _b;
+  const toggleOffCanClass = offcanvas ? "" : " d-md-none";
+  const logFileName = file ? filename(file) : "";
+  const task = (_a = log == null ? void 0 : log.eval) == null ? void 0 : _a.task;
+  const model = (_b = log == null ? void 0 : log.eval) == null ? void 0 : _b.model;
+  const results = log == null ? void 0 : log.results;
+  const samples = log == null ? void 0 : log.samples;
+  const status = log == null ? void 0 : log.status;
+  let statusPanel;
+  if (status === "success") {
+    statusPanel = m$1`<${ResultsPanel} results="${results}" />`;
+  } else if (status === "cancelled") {
+    statusPanel = m$1`<${CanceledPanel}
+      sampleCount=${(samples == null ? void 0 : samples.length) || 0}
+    />`;
+  } else if (status === "started") {
+    statusPanel = m$1`<${RunningPanel} />`;
+  }
+  const navbarContents = logFileName ? m$1` <div
+          class="navbar-brand navbar-text mb-0"
+          style=${{
+    display: "flex",
+    paddingTop: 0,
+    marginLeft: "0.5rem",
+    minWidth: "250px"
+  }}
+        >
+          ${logs.files.length > 1 || logs.log_dir ? m$1`<button
+                id="sidebarToggle"
+                class="btn${toggleOffCanClass}"
+                type="button"
+                data-bs-toggle="offcanvas"
+                data-bs-target="#sidebarOffCanvas"
+                aria-controls="sidebarOffCanvas"
+                style=${{
+    padding: "0rem 0.1rem 0.1rem 0rem",
+    display: "flex"
+  }}
+              >
+                <i class=${ApplicationIcons.menu}></i>
+              </button> ` : ""}
+          <div
+            style=${{
+    display: "flex",
+    flexDirection: "column",
+    marginLeft: "0.2rem"
+  }}
+          >
+            <div
+              style=${{
+    marginTop: "0.1rem",
+    display: "grid",
+    gridTemplateColumns: "minmax(30px,max-content) minmax(100px, max-content)"
+  }}
+            >
+              <div
+                style=${{
+    fontWeight: 600,
+    marginRight: "0.3rem",
+    ...ApplicationStyles.wrapText()
+  }}
+                class="task-title"
+                title=${task}
+              >
+                ${task}
+              </div>
+              <div
+                style=${{
+    fontSize: FontSize.base,
+    paddingTop: "0.4rem",
+    ...ApplicationStyles.wrapText()
+  }}
+                class="task-model"
+                title=${model}
+              >
+                ${model}
+              </div>
+            </div>
+            <div
+              style=${{
+    opacity: "0.7",
+    marginTop: "0.1rem",
+    paddingBottom: 0,
+    fontSize: FontSize.small,
+    display: "grid",
+    gridTemplateColumns: "minmax(0,max-content) max-content"
+  }}
+            >
+              <div
+                class="navbar-secondary-text"
+                style=${{
+    ...ApplicationStyles.wrapText()
+  }}
+              >
+                ${logFileName}
+              </div>
+              <${CopyButton} value=${file} />
+            </div>
+          </div>
+        </div>
+
         <div
-          style=${{ fontSize: "0.7em", display: "flex", alignItems: "center" }}
+          class="navbar-text"
+          style=${{
+    justifyContent: "end",
+    marginRight: "1em",
+    marginBottom: "0"
+  }}
         >
-          <div>${detail}</div>
-        </div>
-        ${detailTools.right ? detailTools.right.map((tool) => {
-        return m$1`<${TitleTool} ...${tool} />`;
-      }) : ""}
-      </div>`
-    );
-  }
-  headerEls.push(m$1`<button
-      type="button"
-      class="btn btn-close-large-dialog"
-      data-bs-dismiss="modal"
-      aria-label="Close"
+          ${statusPanel}
+        </div>` : "";
+  return m$1`
+    <nav
+      class="navbar sticky-top"
       style=${{
-    borderWidth: "0px",
-    fontSize: "1.1em",
-    fontWeight: "300",
-    padding: "0em 0.5em",
-    flex: 1,
-    textAlign: "right"
+    flexWrap: "nowrap"
   }}
     >
-      <${HtmlEntity}>&times;</${HtmlEntity}>
-    </button>`);
+      <div
+        style=${{
+    display: "grid",
+    gridTemplateColumns: "1fr auto",
+    width: "100%"
+  }}
+      >
+        ${navbarContents}
+        <${SecondaryBar}
+          log=${log}
+          status=${status}
+          style=${{ gridColumn: "1/-1" }}
+        />
+      </div>
+    </nav>
+  `;
+};
+const CanceledPanel = ({ sampleCount }) => {
   return m$1`<div
-    id=${id2}
-    class="modal"
-    tabindex="0"
-    role="dialog"
-    onkeyup=${onkeyup}
-    style=${{ borderRadius: "none" }}
+    style=${{
+    padding: "1em",
+    marginTop: "0.5em",
+    textTransform: "uppercase",
+    fontSize: FontSize.smaller
+  }}
+  >
+    <i
+      class="${ApplicationIcons.logging.info}"
+      style=${{ fontSize: FontSize.large }}
+    />
+    cancelled (${sampleCount} ${sampleCount === 1 ? "sample" : "samples"})
+  </div>`;
+};
+const RunningPanel = () => {
+  return m$1`<div
+    style=${{
+    marginTop: "0.5em",
+    display: "inline-grid",
+    gridTemplateColumns: "auto auto"
+  }}
   >
+    <div class="spinner-border spinner-border-sm" role="status"></div>
     <div
-      class="modal-dialog modal-dialog-scrollable"
       style=${{
-    maxWidth: "100%",
-    marginLeft: "var(--bs-modal-margin)",
-    marginRight: "var(--bs-modal-margin)"
+    marginLeft: "0.3em",
+    paddingTop: "0.2em",
+    fontSize: FontSize.smaller
   }}
-      role="document"
     >
-      <div class="modal-content" style=${{ height: "100%" }}>
-        <div
-          class="modal-header"
-          style=${{ padding: "0 0 0 1em", display: "flex" }}
-        >
-          ${headerEls}
-        </div>
-        <div class="modal-body">${children}</div>
-        ${modalFooter}
-      </div>
+      Running
     </div>
   </div>`;
 };
-const HtmlEntity = ({ children }) => m$1`<span dangerouslySetInnerHTML=${{ __html: children }} />`;
-const TitleTool = ({ label, icon: icon2, enabled, onclick }) => {
-  return m$1`<button
-    type="button"
-    class="btn btn-outline"
-    aria-label=${label}
-    onclick=${onclick}
-    disabled=${!enabled}
-    style=${{
-    paddingTop: 0,
-    paddingBottom: 0,
-    border: "none",
-    fontSize: "0.9em"
-  }}
-  >
-    <i class="${icon2}" />
-  </button>`;
-};
-const SampleScores = ({ sample, sampleDescriptor, scorer }) => {
-  const scores = scorer ? sampleDescriptor.scorer(sample, scorer).scores() : sampleDescriptor.selectedScorer(sample).scores();
-  if (scores.length === 1) {
-    return scores[0].rendered();
-  } else {
-    const rows = scores.map((score) => {
-      return m$1` <div style=${{ opacity: "0.7" }}>${score.name}</div>
-        <div>${score.rendered()}</div>`;
+const ResultsPanel = ({ results }) => {
+  if (results.scores.length === 1) {
+    const scorers = {};
+    results.scores.map((score) => {
+      scorers[score.name] = Object.keys(score.metrics).map((key2) => {
+        return {
+          name: key2,
+          value: score.metrics[key2].value,
+          reducer: score.reducer
+        };
+      });
     });
+    const metrics = Object.values(scorers)[0];
     return m$1`<div
       style=${{
-      display: "grid",
-      gridTemplateColumns: "max-content max-content",
-      columnGap: "1em"
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "wrap",
+      justifyContent: "end",
+      height: "100%",
+      alignItems: "center"
     }}
     >
-      ${rows}
+      ${metrics.map((metric, i2) => {
+      return m$1`<${VerticalMetric} metric=${metric} isFirst=${i2 === 0} />`;
+    })}
+    </div>`;
+  } else {
+    return m$1`<div
+      style=${{
+      display: "flex",
+      flexDirection: "row",
+      flexWrap: "wrap",
+      justifyContent: "end",
+      height: "100%",
+      alignItems: "center",
+      marginTop: "0.2rem",
+      paddingBottom: "0.4rem",
+      rowGap: "1em"
+    }}
+    >
+      ${results.scores.map((score, index) => {
+      return m$1`<${MultiScorerMetric}
+          scorer=${score}
+          isFirst=${index === 0}
+        />`;
+    })}
     </div>`;
   }
 };
-const labelStyle = {
-  paddingRight: "2em",
-  paddingLeft: "0",
-  paddingBottom: "0"
-};
-const SampleScoreView = ({
-  sample,
-  sampleDescriptor,
-  style,
-  scorer
-}) => {
-  if (!sampleDescriptor) {
-    return "";
-  }
-  const scoreInput = [inputString(sample.input)];
-  if (sample.choices && sample.choices.length > 0) {
-    scoreInput.push("");
-    scoreInput.push(
-      ...sample.choices.map((choice, index) => {
-        return `${String.fromCharCode(65 + index)}) ${choice}`;
-      })
-    );
-  }
-  const scorerDescriptor = sampleDescriptor.scorer(sample, scorer);
-  const explanation = scorerDescriptor.explanation() || "(No Explanation)";
-  const answer = scorerDescriptor.answer();
-  return m$1`
+const VerticalMetric = ({ metric, isFirst }) => {
+  const reducer_component = metric.reducer ? m$1` <div
+        style=${{
+    fontSize: FontSize.smaller,
+    textAlign: "center",
+    paddingTop: "0.3rem",
+    marginBottom: "-0.3rem",
+    ...TextStyle.label,
+    ...TextStyle.secondary
+  }}
+      >
+        ${metric.reducer}
+      </div>` : "";
+  return m$1`<div style=${{ paddingLeft: isFirst ? "0" : "1em" }}>
+    <div
+      class="vertical-metric-label"
+      style=${{
+    fontSize: FontSize.smaller,
+    ...TextStyle.secondary,
+    textAlign: "center",
+    paddingTop: "0.3rem",
+    marginBottom: "-0.2rem",
+    ...TextStyle.label,
+    ...TextStyle.secondary,
+    borderBottom: "solid var(--bs-border-color) 1px"
+  }}
+    >
+      ${metric.name}
+    </div>
+    ${reducer_component}
     <div
-      class="container-fluid"
+      class="vertical-metric-value"
       style=${{
-    paddingTop: "0",
-    paddingLeft: "0",
-    fontSize: "0.8rem",
-    ...style
+    fontSize: FontSize.larger,
+    fontWeight: "500",
+    textAlign: "center"
   }}
     >
-      <div>
-        <div style=${{ ...labelStyle, fontWeight: 600 }}>Input</div>
-        <div>
-          <${MarkdownDiv}
-            markdown=${scoreInput.join("\n")}
-            style=${{ wordBreak: "break-all" }}
-          />
-        </div>
-      </div>
-
-      <table
-        class="table"
-        style=${{ width: "100%", marginBottom: "0", marginTop: "1em" }}
+      ${formatPrettyDecimal(metric.value)}
+    </div>
+  </div>`;
+};
+const MultiScorerMetric = ({ scorer, isFirst }) => {
+  const titleFontSize = Object.keys(scorer.metrics).length === 1 ? FontSize.larger : FontSize.base;
+  const reducerFontSize = Object.keys(scorer.metrics).length === 1 ? FontSize.small : FontSize.smaller;
+  const valueFontSize = Object.keys(scorer.metrics).length === 1 ? FontSize.base : FontSize.base;
+  const reducer_component = scorer.reducer ? m$1`<div
+        style=${{
+    fontSize: reducerFontSize,
+    textAlign: "center",
+    marginBottom: "-0.3rem",
+    ...TextStyle.label,
+    ...TextStyle.secondary
+  }}
       >
-        <thead style=${{ borderBottomColor: "#00000000" }}>
-          <tr>
-            <th style=${labelStyle}>Target</th>
-            <th style=${{ paddingBottom: "0" }}>Answer</th>
-            <th style=${{ paddingLeft: "2em", paddingBottom: "0" }}>Score</th>
-          </tr>
-        </thead>
-        <tbody style=${{ borderBottomColor: "#00000000" }}>
-          <tr>
-            <td
-              style=${{
-    paddingRight: "2em",
-    paddingLeft: "0",
-    paddingTop: "0"
+        ${scorer.reducer}
+      </div>` : "";
+  return m$1`<div style=${{ paddingLeft: isFirst ? "0" : "1.5em" }}>
+    <div
+      style=${{
+    fontSize: titleFontSize,
+    textAlign: "center",
+    borderBottom: "solid var(--bs-border-color) 1px",
+    marginBottom: "-0.1rem",
+    ...TextStyle.label,
+    ...TextStyle.secondary
   }}
-            >
-              <${MarkdownDiv}
-                markdown=${arrayToString(
-    arrayToString((sample == null ? void 0 : sample.target) || "none")
-  )}
-                style=${{ paddingLeft: "0" }}
-                class="no-last-para-padding"
-              />
-            </td>
-            <td style=${{ paddingTop: "0" }}>
-              <${MarkdownDiv}
-                class="no-last-para-padding"
-                markdown=${shortenCompletion(answer)}
-                style=${{ paddingLeft: "0" }}
-              />
-            </td>
-            <td style=${{ paddingLeft: "2em", paddingTop: "0" }}>
-              <${SampleScores}
-                sample=${sample}
-                sampleDescriptor=${sampleDescriptor}
-                scorer=${scorer}
-              />
-            </td>
-          </tr>
-        </tbody>
-      </table>
-
-      ${explanation && explanation !== answer ? m$1`
-        <table class="table" style=${{ width: "100%", marginBottom: "0" }}>
-              <thead>
-                <tr>
-                  <th style=${{
-    paddingBottom: "0",
-    paddingLeft: "0"
-  }}>Explanation</th>
-                </tr>
-              </thead>
-              <tbody>
-                <td style=${{ paddingLeft: "0" }}>
-                  <${MarkdownDiv} markdown=${arrayToString(explanation)} style=${{ paddingLeft: "0" }} class="no-last-para-padding"/>
-                </td>
-              </tbody>
-            </table
-          ` : ""}
+      class="multi-score-label"
+    >
+      ${scorer.name}
+    </div>
+    ${reducer_component}
+    <div
+      style=${{
+    display: "grid",
+    gridTemplateColumns: "auto auto",
+    gridColumnGap: "0.3rem",
+    gridRowGap: "0",
+    fontSize: valueFontSize
+  }}
+    >
+      ${Object.keys(scorer.metrics).map((key2) => {
+    const metric = scorer.metrics[key2];
+    return m$1` <div>${metric.name}</div>
+          <div style=${{ fontWeight: "600" }}>
+            ${formatPrettyDecimal(metric.value)}
+          </div>`;
+  })}
     </div>
-  `;
-};
-const InlineSampleDisplay = ({
-  index,
-  id: id2,
-  sample,
-  sampleDescriptor,
-  context
-}) => {
-  return m$1`<div
-    style=${{ flexDirection: "row", width: "100%", margin: "1em" }}
-  >
-    <${SampleDisplay}
-      index=${index}
-      id=${id2}
-      sample=${sample}
-      sampleDescriptor=${sampleDescriptor}
-      context=${context}
-    />
   </div>`;
 };
-const SampleDisplay = ({
-  index,
-  id: id2,
-  sample,
-  sampleDescriptor,
-  context
-}) => {
-  const baseId = `sample-${index}`;
-  const msgTabId = `${baseId}-messages`;
-  const scoringTabId = `${baseId}-scoring`;
-  const metdataTabId = `${baseId}-metadata`;
-  y(() => {
-    setSelectedTab(msgTabId);
-  }, [sample]);
-  const [selectedTab, setSelectedTab] = h(void 0);
-  const onSelectedTab = (e2) => {
-    const id3 = e2.currentTarget.id;
-    setSelectedTab(id3);
-    return false;
-  };
-  const tabs = [
-    m$1`
-    <${TabPanel} id=${msgTabId} title="Messages" icon=${icons.messages} onSelected=${onSelectedTab} selected=${selectedTab === msgTabId || selectedTab === void 0}>
-      <${ChatView} key=${`${baseId}-chat`} id=${`${baseId}-chat`} messages=${sample.messages}/>
-    </${TabPanel}>`
-  ];
-  const scorerNames = Object.keys(sample.scores);
-  if (scorerNames.length === 1) {
-    tabs.push(m$1`
-      <${TabPanel} id=${scoringTabId} title="Scoring" icon=${icons.scorer} onSelected=${onSelectedTab} selected=${selectedTab === scoringTabId}>
-        <${SampleScoreView}
-          sample=${sample}
-          context=${context}
-          sampleDescriptor=${sampleDescriptor}
-          scorer=${Object.keys(sample.scores)[0]}
-        />
-      </${TabPanel}>`);
+const asyncJsonParse = (text) => {
+  return new Promise((resolve, reject) => {
+    const blob = new Blob([kWorkerCode], { type: "application/javascript" });
+    const blobURL = URL.createObjectURL(blob);
+    const worker = new Worker(blobURL);
+    try {
+      worker.onmessage = function(e2) {
+        if (e2.data.success) {
+          resolve(e2.data.result);
+        } else {
+          reject(new Error(e2.data.error));
+        }
+      };
+      worker.onerror = function(error) {
+        reject(new Error(error.message));
+      };
+      worker.postMessage({ scriptContent: kJson5ScriptBase64, text });
+    } finally {
+      worker.onterminate = function() {
+        URL.revokeObjectURL(blobURL);
+      };
+    }
+  });
+};
+const kWorkerCode = `
+self.onmessage = function (e) {
+  eval(atob(e.data.scriptContent));
+  const text = e.data.text;
+  try {
+    const result = JSON5.parse(text);
+    self.postMessage({ success: true, result });
+  } catch (error) {
+    self.postMessage({ success: false, error: error.message });
+  }
+};`;
+const kJson5ScriptBase64 = `IWZ1bmN0aW9uKHUsRCl7Im9iamVjdCI9PXR5cGVvZiBleHBvcnRzJiYidW5kZWZpbmVkIiE9dHlwZW9mIG1vZHVsZT9tb2R1bGUuZXhwb3J0cz1EKCk6ImZ1bmN0aW9uIj09dHlwZW9mIGRlZmluZSYmZGVmaW5lLmFtZD9kZWZpbmUoRCk6dS5KU09ONT1EKCl9KHRoaXMsZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7ZnVuY3Rpb24gdSh1LEQpe3JldHVybiB1KEQ9e2V4cG9ydHM6e319LEQuZXhwb3J0cyksRC5leHBvcnRzfXZhciBEPXUoZnVuY3Rpb24odSl7dmFyIEQ9dS5leHBvcnRzPSJ1bmRlZmluZWQiIT10eXBlb2Ygd2luZG93JiZ3aW5kb3cuTWF0aD09TWF0aD93aW5kb3c6InVuZGVmaW5lZCIhPXR5cGVvZiBzZWxmJiZzZWxmLk1hdGg9PU1hdGg/c2VsZjpGdW5jdGlvbigicmV0dXJuIHRoaXMiKSgpOyJudW1iZXIiPT10eXBlb2YgX19nJiYoX19nPUQpfSksZT11KGZ1bmN0aW9uKHUpe3ZhciBEPXUuZXhwb3J0cz17dmVyc2lvbjoiMi42LjUifTsibnVtYmVyIj09dHlwZW9mIF9fZSYmKF9fZT1EKX0pLHI9KGUudmVyc2lvbixmdW5jdGlvbih1KXtyZXR1cm4ib2JqZWN0Ij09dHlwZW9mIHU/bnVsbCE9PXU6ImZ1bmN0aW9uIj09dHlwZW9mIHV9KSx0PWZ1bmN0aW9uKHUpe2lmKCFyKHUpKXRocm93IFR5cGVFcnJvcih1KyIgaXMgbm90IGFuIG9iamVjdCEiKTtyZXR1cm4gdX0sbj1mdW5jdGlvbih1KXt0cnl7cmV0dXJuISF1KCl9Y2F0Y2godSl7cmV0dXJuITB9fSxGPSFuKGZ1bmN0aW9uKCl7cmV0dXJuIDchPU9iamVjdC5kZWZpbmVQcm9wZXJ0eSh7fSwiYSIse2dldDpmdW5jdGlvbigpe3JldHVybiA3fX0pLmF9KSxDPUQuZG9jdW1lbnQsQT1yKEMpJiZyKEMuY3JlYXRlRWxlbWVudCksaT0hRiYmIW4oZnVuY3Rpb24oKXtyZXR1cm4gNyE9T2JqZWN0LmRlZmluZVByb3BlcnR5KCh1PSJkaXYiLEE/Qy5jcmVhdGVFbGVtZW50KHUpOnt9KSwiYSIse2dldDpmdW5jdGlvbigpe3JldHVybiA3fX0pLmE7dmFyIHV9KSxFPU9iamVjdC5kZWZpbmVQcm9wZXJ0eSxvPXtmOkY/T2JqZWN0LmRlZmluZVByb3BlcnR5OmZ1bmN0aW9uKHUsRCxlKXtpZih0KHUpLEQ9ZnVuY3Rpb24odSxEKXtpZighcih1KSlyZXR1cm4gdTt2YXIgZSx0O2lmKEQmJiJmdW5jdGlvbiI9PXR5cGVvZihlPXUudG9TdHJpbmcpJiYhcih0PWUuY2FsbCh1KSkpcmV0dXJuIHQ7aWYoImZ1bmN0aW9uIj09dHlwZW9mKGU9dS52YWx1ZU9mKSYmIXIodD1lLmNhbGwodSkpKXJldHVybiB0O2lmKCFEJiYiZnVuY3Rpb24iPT10eXBlb2YoZT11LnRvU3RyaW5nKSYmIXIodD1lLmNhbGwodSkpKXJldHVybiB0O3Rocm93IFR5cGVFcnJvcigiQ2FuJ3QgY29udmVydCBvYmplY3QgdG8gcHJpbWl0aXZlIHZhbHVlIil9KEQsITApLHQoZSksaSl0cnl7cmV0dXJuIEUodSxELGUpfWNhdGNoKHUpe31pZigiZ2V0ImluIGV8fCJzZXQiaW4gZSl0aHJvdyBUeXBlRXJyb3IoIkFjY2Vzc29ycyBub3Qgc3VwcG9ydGVkISIpO3JldHVybiJ2YWx1ZSJpbiBlJiYodVtEXT1lLnZhbHVlKSx1fX0sYT1GP2Z1bmN0aW9uKHUsRCxlKXtyZXR1cm4gby5mKHUsRCxmdW5jdGlvbih1LEQpe3JldHVybntlbnVtZXJhYmxlOiEoMSZ1KSxjb25maWd1cmFibGU6ISgyJnUpLHdyaXRhYmxlOiEoNCZ1KSx2YWx1ZTpEfX0oMSxlKSl9OmZ1bmN0aW9uKHUsRCxlKXtyZXR1cm4gdVtEXT1lLHV9LGM9e30uaGFzT3duUHJvcGVydHksQj1mdW5jdGlvbih1LEQpe3JldHVybiBjLmNhbGwodSxEKX0scz0wLGY9TWF0aC5yYW5kb20oKSxsPXUoZnVuY3Rpb24odSl7dmFyIHI9RFsiX19jb3JlLWpzX3NoYXJlZF9fIl18fChEWyJfX2NvcmUtanNfc2hhcmVkX18iXT17fSk7KHUuZXhwb3J0cz1mdW5jdGlvbih1LEQpe3JldHVybiByW3VdfHwoclt1XT12b2lkIDAhPT1EP0Q6e30pfSkoInZlcnNpb25zIixbXSkucHVzaCh7dmVyc2lvbjplLnZlcnNpb24sbW9kZToiZ2xvYmFsIixjb3B5cmlnaHQ6IsKpIDIwMTkgRGVuaXMgUHVzaGthcmV2ICh6bG9pcm9jay5ydSkifSl9KSgibmF0aXZlLWZ1bmN0aW9uLXRvLXN0cmluZyIsRnVuY3Rpb24udG9TdHJpbmcpLGQ9dShmdW5jdGlvbih1KXt2YXIgcix0PSJTeW1ib2woIi5jb25jYXQodm9pZCAwPT09KHI9InNyYyIpPyIiOnIsIilfIiwoKytzK2YpLnRvU3RyaW5nKDM2KSksbj0oIiIrbCkuc3BsaXQoInRvU3RyaW5nIik7ZS5pbnNwZWN0U291cmNlPWZ1bmN0aW9uKHUpe3JldHVybiBsLmNhbGwodSl9LCh1LmV4cG9ydHM9ZnVuY3Rpb24odSxlLHIsRil7dmFyIEM9ImZ1bmN0aW9uIj09dHlwZW9mIHI7QyYmKEIociwibmFtZSIpfHxhKHIsIm5hbWUiLGUpKSx1W2VdIT09ciYmKEMmJihCKHIsdCl8fGEocix0LHVbZV0/IiIrdVtlXTpuLmpvaW4oU3RyaW5nKGUpKSkpLHU9PT1EP3VbZV09cjpGP3VbZV0/dVtlXT1yOmEodSxlLHIpOihkZWxldGUgdVtlXSxhKHUsZSxyKSkpfSkoRnVuY3Rpb24ucHJvdG90eXBlLCJ0b1N0cmluZyIsZnVuY3Rpb24oKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgdGhpcyYmdGhpc1t0XXx8bC5jYWxsKHRoaXMpfSl9KSx2PWZ1bmN0aW9uKHUsRCxlKXtpZihmdW5jdGlvbih1KXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdSl0aHJvdyBUeXBlRXJyb3IodSsiIGlzIG5vdCBhIGZ1bmN0aW9uISIpfSh1KSx2b2lkIDA9PT1EKXJldHVybiB1O3N3aXRjaChlKXtjYXNlIDE6cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB1LmNhbGwoRCxlKX07Y2FzZSAyOnJldHVybiBmdW5jdGlvbihlLHIpe3JldHVybiB1LmNhbGwoRCxlLHIpfTtjYXNlIDM6cmV0dXJuIGZ1bmN0aW9uKGUscix0KXtyZXR1cm4gdS5jYWxsKEQsZSxyLHQpfX1yZXR1cm4gZnVuY3Rpb24oKXtyZXR1cm4gdS5hcHBseShELGFyZ3VtZW50cyl9fSxwPWZ1bmN0aW9uKHUscix0KXt2YXIgbixGLEMsQSxpPXUmcC5GLEU9dSZwLkcsbz11JnAuUyxjPXUmcC5QLEI9dSZwLkIscz1FP0Q6bz9EW3JdfHwoRFtyXT17fSk6KERbcl18fHt9KS5wcm90b3R5cGUsZj1FP2U6ZVtyXXx8KGVbcl09e30pLGw9Zi5wcm90b3R5cGV8fChmLnByb3RvdHlwZT17fSk7Zm9yKG4gaW4gRSYmKHQ9ciksdClDPSgoRj0haSYmcyYmdm9pZCAwIT09c1tuXSk/czp0KVtuXSxBPUImJkY/dihDLEQpOmMmJiJmdW5jdGlvbiI9PXR5cGVvZiBDP3YoRnVuY3Rpb24uY2FsbCxDKTpDLHMmJmQocyxuLEMsdSZwLlUpLGZbbl0hPUMmJmEoZixuLEEpLGMmJmxbbl0hPUMmJihsW25dPUMpfTtELmNvcmU9ZSxwLkY9MSxwLkc9MixwLlM9NCxwLlA9OCxwLkI9MTYscC5XPTMyLHAuVT02NCxwLlI9MTI4O3ZhciBoLG09cCxnPU1hdGguY2VpbCx5PU1hdGguZmxvb3Isdz1mdW5jdGlvbih1KXtyZXR1cm4gaXNOYU4odT0rdSk/MDoodT4wP3k6ZykodSl9LGI9KGg9ITEsZnVuY3Rpb24odSxEKXt2YXIgZSxyLHQ9U3RyaW5nKGZ1bmN0aW9uKHUpe2lmKG51bGw9PXUpdGhyb3cgVHlwZUVycm9yKCJDYW4ndCBjYWxsIG1ldGhvZCBvbiAgIit1KTtyZXR1cm4gdX0odSkpLG49dyhEKSxGPXQubGVuZ3RoO3JldHVybiBuPDB8fG4+PUY/aD8iIjp2b2lkIDA6KGU9dC5jaGFyQ29kZUF0KG4pKTw1NTI5Nnx8ZT41NjMxOXx8bisxPT09Rnx8KHI9dC5jaGFyQ29kZUF0KG4rMSkpPDU2MzIwfHxyPjU3MzQzP2g/dC5jaGFyQXQobik6ZTpoP3Quc2xpY2UobixuKzIpOnItNTYzMjArKGUtNTUyOTY8PDEwKSs2NTUzNn0pO20obS5QLCJTdHJpbmciLHtjb2RlUG9pbnRBdDpmdW5jdGlvbih1KXtyZXR1cm4gYih0aGlzLHUpfX0pO2UuU3RyaW5nLmNvZGVQb2ludEF0O3ZhciBTPU1hdGgubWF4LHg9TWF0aC5taW4sTj1TdHJpbmcuZnJvbUNoYXJDb2RlLFA9U3RyaW5nLmZyb21Db2RlUG9pbnQ7bShtLlMrbS5GKighIVAmJjEhPVAubGVuZ3RoKSwiU3RyaW5nIix7ZnJvbUNvZGVQb2ludDpmdW5jdGlvbih1KXtmb3IodmFyIEQsZSxyLHQ9YXJndW1lbnRzLG49W10sRj1hcmd1bWVudHMubGVuZ3RoLEM9MDtGPkM7KXtpZihEPSt0W0MrK10scj0xMTE0MTExLCgoZT13KGU9RCkpPDA/UyhlK3IsMCk6eChlLHIpKSE9PUQpdGhyb3cgUmFuZ2VFcnJvcihEKyIgaXMgbm90IGEgdmFsaWQgY29kZSBwb2ludCIpO24ucHVzaChEPDY1NTM2P04oRCk6Tig1NTI5NisoKEQtPTY1NTM2KT4+MTApLEQlMTAyNCs1NjMyMCkpfXJldHVybiBuLmpvaW4oIiIpfX0pO2UuU3RyaW5nLmZyb21Db2RlUG9pbnQ7dmFyIF8sTyxqLEksVixKLE0sayxMLFQseixILCQsUixHPXtTcGFjZV9TZXBhcmF0b3I6L1tcdTE2ODBcdTIwMDAtXHUyMDBBXHUyMDJGXHUyMDVGXHUzMDAwXS8sSURfU3RhcnQ6L1tceEFBXHhCNVx4QkFceEMwLVx4RDZceEQ4LVx4RjZceEY4LVx1MDJDMVx1MDJDNi1cdTAyRDFcdTAyRTAtXHUwMkU0XHUwMkVDXHUwMkVFXHUwMzcwLVx1MDM3NFx1MDM3Nlx1MDM3N1x1MDM3QS1cdTAzN0RcdTAzN0ZcdTAzODZcdTAzODgtXHUwMzhBXHUwMzhDXHUwMzhFLVx1MDNBMVx1MDNBMy1cdTAzRjVcdTAzRjctXHUwNDgxXHUwNDhBLVx1MDUyRlx1MDUzMS1cdTA1NTZcdTA1NTlcdTA1NjEtXHUwNTg3XHUwNUQwLVx1MDVFQVx1MDVGMC1cdTA1RjJcdTA2MjAtXHUwNjRBXHUwNjZFXHUwNjZGXHUwNjcxLVx1MDZEM1x1MDZENVx1MDZFNVx1MDZFNlx1MDZFRVx1MDZFRlx1MDZGQS1cdTA2RkNcdTA2RkZcdTA3MTBcdTA3MTItXHUwNzJGXHUwNzRELVx1MDdBNVx1MDdCMVx1MDdDQS1cdTA3RUFcdTA3RjRcdTA3RjVcdTA3RkFcdTA4MDAtXHUwODE1XHUwODFBXHUwODI0XHUwODI4XHUwODQwLVx1MDg1OFx1MDg2MC1cdTA4NkFcdTA4QTAtXHUwOEI0XHUwOEI2LVx1MDhCRFx1MDkwNC1cdTA5MzlcdTA5M0RcdTA5NTBcdTA5NTgtXHUwOTYxXHUwOTcxLVx1MDk4MFx1MDk4NS1cdTA5OENcdTA5OEZcdTA5OTBcdTA5OTMtXHUwOUE4XHUwOUFBLVx1MDlCMFx1MDlCMlx1MDlCNi1cdTA5QjlcdTA5QkRcdTA5Q0VcdTA5RENcdTA5RERcdTA5REYtXHUwOUUxXHUwOUYwXHUwOUYxXHUwOUZDXHUwQTA1LVx1MEEwQVx1MEEwRlx1MEExMFx1MEExMy1cdTBBMjhcdTBBMkEtXHUwQTMwXHUwQTMyXHUwQTMzXHUwQTM1XHUwQTM2XHUwQTM4XHUwQTM5XHUwQTU5LVx1MEE1Q1x1MEE1RVx1MEE3Mi1cdTBBNzRcdTBBODUtXHUwQThEXHUwQThGLVx1MEE5MVx1MEE5My1cdTBBQThcdTBBQUEtXHUwQUIwXHUwQUIyXHUwQUIzXHUwQUI1LVx1MEFCOVx1MEFCRFx1MEFEMFx1MEFFMFx1MEFFMVx1MEFGOVx1MEIwNS1cdTBCMENcdTBCMEZcdTBCMTBcdTBCMTMtXHUwQjI4XHUwQjJBLVx1MEIzMFx1MEIzMlx1MEIzM1x1MEIzNS1cdTBCMzlcdTBCM0RcdTBCNUNcdTBCNURcdTBCNUYtXHUwQjYxXHUwQjcxXHUwQjgzXHUwQjg1LVx1MEI4QVx1MEI4RS1cdTBCOTBcdTBCOTItXHUwQjk1XHUwQjk5XHUwQjlBXHUwQjlDXHUwQjlFXHUwQjlGXHUwQkEzXHUwQkE0XHUwQkE4LVx1MEJBQVx1MEJBRS1cdTBCQjlcdTBCRDBcdTBDMDUtXHUwQzBDXHUwQzBFLVx1MEMxMFx1MEMxMi1cdTBDMjhcdTBDMkEtXHUwQzM5XHUwQzNEXHUwQzU4LVx1MEM1QVx1MEM2MFx1MEM2MVx1MEM4MFx1MEM4NS1cdTBDOENcdTBDOEUtXHUwQzkwXHUwQzkyLVx1MENBOFx1MENBQS1cdTBDQjNcdTBDQjUtXHUwQ0I5XHUwQ0JEXHUwQ0RFXHUwQ0UwXHUwQ0UxXHUwQ0YxXHUwQ0YyXHUwRDA1LVx1MEQwQ1x1MEQwRS1cdTBEMTBcdTBEMTItXHUwRDNBXHUwRDNEXHUwRDRFXHUwRDU0LVx1MEQ1Nlx1MEQ1Ri1cdTBENjFcdTBEN0EtXHUwRDdGXHUwRDg1LVx1MEQ5Nlx1MEQ5QS1cdTBEQjFcdTBEQjMtXHUwREJCXHUwREJEXHUwREMwLVx1MERDNlx1MEUwMS1cdTBFMzBcdTBFMzJcdTBFMzNcdTBFNDAtXHUwRTQ2XHUwRTgxXHUwRTgyXHUwRTg0XHUwRTg3XHUwRTg4XHUwRThBXHUwRThEXHUwRTk0LVx1MEU5N1x1MEU5OS1cdTBFOUZcdTBFQTEtXHUwRUEzXHUwRUE1XHUwRUE3XHUwRUFBXHUwRUFCXHUwRUFELVx1MEVCMFx1MEVCMlx1MEVCM1x1MEVCRFx1MEVDMC1cdTBFQzRcdTBFQzZcdTBFREMtXHUwRURGXHUwRjAwXHUwRjQwLVx1MEY0N1x1MEY0OS1cdTBGNkNcdTBGODgtXHUwRjhDXHUxMDAwLVx1MTAyQVx1MTAzRlx1MTA1MC1cdTEwNTVcdTEwNUEtXHUxMDVEXHUxMDYxXHUxMDY1XHUxMDY2XHUxMDZFLVx1MTA3MFx1MTA3NS1cdTEwODFcdTEwOEVcdTEwQTAtXHUxMEM1XHUxMEM3XHUxMENEXHUxMEQwLVx1MTBGQVx1MTBGQy1cdTEyNDhcdTEyNEEtXHUxMjREXHUxMjUwLVx1MTI1Nlx1MTI1OFx1MTI1QS1cdTEyNURcdTEyNjAtXHUxMjg4XHUxMjhBLVx1MTI4RFx1MTI5MC1cdTEyQjBcdTEyQjItXHUxMkI1XHUxMkI4LVx1MTJCRVx1MTJDMFx1MTJDMi1cdTEyQzVcdTEyQzgtXHUxMkQ2XHUxMkQ4LVx1MTMxMFx1MTMxMi1cdTEzMTVcdTEzMTgtXHUxMzVBXHUxMzgwLVx1MTM4Rlx1MTNBMC1cdTEzRjVcdTEzRjgtXHUxM0ZEXHUxNDAxLVx1MTY2Q1x1MTY2Ri1cdTE2N0ZcdTE2ODEtXHUxNjlBXHUxNkEwLVx1MTZFQVx1MTZFRS1cdTE2RjhcdTE3MDAtXHUxNzBDXHUxNzBFLVx1MTcxMVx1MTcyMC1cdTE3MzFcdTE3NDAtXHUxNzUxXHUxNzYwLVx1MTc2Q1x1MTc2RS1cdTE3NzBcdTE3ODAtXHUxN0IzXHUxN0Q3XHUxN0RDXHUxODIwLVx1MTg3N1x1MTg4MC1cdTE4ODRcdTE4ODctXHUxOEE4XHUxOEFBXHUxOEIwLVx1MThGNVx1MTkwMC1cdTE5MUVcdTE5NTAtXHUxOTZEXHUxOTcwLVx1MTk3NFx1MTk4MC1cdTE5QUJcdTE5QjAtXHUxOUM5XHUxQTAwLVx1MUExNlx1MUEyMC1cdTFBNTRcdTFBQTdcdTFCMDUtXHUxQjMzXHUxQjQ1LVx1MUI0Qlx1MUI4My1cdTFCQTBcdTFCQUVcdTFCQUZcdTFCQkEtXHUxQkU1XHUxQzAwLVx1MUMyM1x1MUM0RC1cdTFDNEZcdTFDNUEtXHUxQzdEXHUxQzgwLVx1MUM4OFx1MUNFOS1cdTFDRUNcdTFDRUUtXHUxQ0YxXHUxQ0Y1XHUxQ0Y2XHUxRDAwLVx1MURCRlx1MUUwMC1cdTFGMTVcdTFGMTgtXHUxRjFEXHUxRjIwLVx1MUY0NVx1MUY0OC1cdTFGNERcdTFGNTAtXHUxRjU3XHUxRjU5XHUxRjVCXHUxRjVEXHUxRjVGLVx1MUY3RFx1MUY4MC1cdTFGQjRcdTFGQjYtXHUxRkJDXHUxRkJFXHUxRkMyLVx1MUZDNFx1MUZDNi1cdTFGQ0NcdTFGRDAtXHUxRkQzXHUxRkQ2LVx1MUZEQlx1MUZFMC1cdTFGRUNcdTFGRjItXHUxRkY0XHUxRkY2LVx1MUZGQ1x1MjA3MVx1MjA3Rlx1MjA5MC1cdTIwOUNcdTIxMDJcdTIxMDdcdTIxMEEtXHUyMTEzXHUyMTE1XHUyMTE5LVx1MjExRFx1MjEyNFx1MjEyNlx1MjEyOFx1MjEyQS1cdTIxMkRcdTIxMkYtXHUyMTM5XHUyMTNDLVx1MjEzRlx1MjE0NS1cdTIxNDlcdTIxNEVcdTIxNjAtXHUyMTg4XHUyQzAwLVx1MkMyRVx1MkMzMC1cdTJDNUVcdTJDNjAtXHUyQ0U0XHUyQ0VCLVx1MkNFRVx1MkNGMlx1MkNGM1x1MkQwMC1cdTJEMjVcdTJEMjdcdTJEMkRcdTJEMzAtXHUyRDY3XHUyRDZGXHUyRDgwLVx1MkQ5Nlx1MkRBMC1cdTJEQTZcdTJEQTgtXHUyREFFXHUyREIwLVx1MkRCNlx1MkRCOC1cdTJEQkVcdTJEQzAtXHUyREM2XHUyREM4LVx1MkRDRVx1MkREMC1cdTJERDZcdTJERDgtXHUyRERFXHUyRTJGXHUzMDA1LVx1MzAwN1x1MzAyMS1cdTMwMjlcdTMwMzEtXHUzMDM1XHUzMDM4LVx1MzAzQ1x1MzA0MS1cdTMwOTZcdTMwOUQtXHUzMDlGXHUzMEExLVx1MzBGQVx1MzBGQy1cdTMwRkZcdTMxMDUtXHUzMTJFXHUzMTMxLVx1MzE4RVx1MzFBMC1cdTMxQkFcdTMxRjAtXHUzMUZGXHUzNDAwLVx1NERCNVx1NEUwMC1cdTlGRUFcdUEwMDAtXHVBNDhDXHVBNEQwLVx1QTRGRFx1QTUwMC1cdUE2MENcdUE2MTAtXHVBNjFGXHVBNjJBXHVBNjJCXHVBNjQwLVx1QTY2RVx1QTY3Ri1cdUE2OURcdUE2QTAtXHVBNkVGXHVBNzE3LVx1QTcxRlx1QTcyMi1cdUE3ODhcdUE3OEItXHVBN0FFXHVBN0IwLVx1QTdCN1x1QTdGNy1cdUE4MDFcdUE4MDMtXHVBODA1XHVBODA3LVx1QTgwQVx1QTgwQy1cdUE4MjJcdUE4NDAtXHVBODczXHVBODgyLVx1QThCM1x1QThGMi1cdUE4RjdcdUE4RkJcdUE4RkRcdUE5MEEtXHVBOTI1XHVBOTMwLVx1QTk0Nlx1QTk2MC1cdUE5N0NcdUE5ODQtXHVBOUIyXHVBOUNGXHVBOUUwLVx1QTlFNFx1QTlFNi1cdUE5RUZcdUE5RkEtXHVBOUZFXHVBQTAwLVx1QUEyOFx1QUE0MC1cdUFBNDJcdUFBNDQtXHVBQTRCXHVBQTYwLVx1QUE3Nlx1QUE3QVx1QUE3RS1cdUFBQUZcdUFBQjFcdUFBQjVcdUFBQjZcdUFBQjktXHVBQUJEXHVBQUMwXHVBQUMyXHVBQURCLVx1QUFERFx1QUFFMC1cdUFBRUFcdUFBRjItXHVBQUY0XHVBQjAxLVx1QUIwNlx1QUIwOS1cdUFCMEVcdUFCMTEtXHVBQjE2XHVBQjIwLVx1QUIyNlx1QUIyOC1cdUFCMkVcdUFCMzAtXHVBQjVBXHVBQjVDLVx1QUI2NVx1QUI3MC1cdUFCRTJcdUFDMDAtXHVEN0EzXHVEN0IwLVx1RDdDNlx1RDdDQi1cdUQ3RkJcdUY5MDAtXHVGQTZEXHVGQTcwLVx1RkFEOVx1RkIwMC1cdUZCMDZcdUZCMTMtXHVGQjE3XHVGQjFEXHVGQjFGLVx1RkIyOFx1RkIyQS1cdUZCMzZcdUZCMzgtXHVGQjNDXHVGQjNFXHVGQjQwXHVGQjQxXHVGQjQzXHVGQjQ0XHVGQjQ2LVx1RkJCMVx1RkJEMy1cdUZEM0RcdUZENTAtXHVGRDhGXHVGRDkyLVx1RkRDN1x1RkRGMC1cdUZERkJcdUZFNzAtXHVGRTc0XHVGRTc2LVx1RkVGQ1x1RkYyMS1cdUZGM0FcdUZGNDEtXHVGRjVBXHVGRjY2LVx1RkZCRVx1RkZDMi1cdUZGQzdcdUZGQ0EtXHVGRkNGXHVGRkQyLVx1RkZEN1x1RkZEQS1cdUZGRENdfFx1RDgwMFtcdURDMDAtXHVEQzBCXHVEQzBELVx1REMyNlx1REMyOC1cdURDM0FcdURDM0NcdURDM0RcdURDM0YtXHVEQzREXHVEQzUwLVx1REM1RFx1REM4MC1cdURDRkFcdURENDAtXHVERDc0XHVERTgwLVx1REU5Q1x1REVBMC1cdURFRDBcdURGMDAtXHVERjFGXHVERjJELVx1REY0QVx1REY1MC1cdURGNzVcdURGODAtXHVERjlEXHVERkEwLVx1REZDM1x1REZDOC1cdURGQ0ZcdURGRDEtXHVERkQ1XXxcdUQ4MDFbXHVEQzAwLVx1REM5RFx1RENCMC1cdURDRDNcdURDRDgtXHVEQ0ZCXHVERDAwLVx1REQyN1x1REQzMC1cdURENjNcdURFMDAtXHVERjM2XHVERjQwLVx1REY1NVx1REY2MC1cdURGNjddfFx1RDgwMltcdURDMDAtXHVEQzA1XHVEQzA4XHVEQzBBLVx1REMzNVx1REMzN1x1REMzOFx1REMzQ1x1REMzRi1cdURDNTVcdURDNjAtXHVEQzc2XHVEQzgwLVx1REM5RVx1RENFMC1cdURDRjJcdURDRjRcdURDRjVcdUREMDAtXHVERDE1XHVERDIwLVx1REQzOVx1REQ4MC1cdUREQjdcdUREQkVcdUREQkZcdURFMDBcdURFMTAtXHVERTEzXHVERTE1LVx1REUxN1x1REUxOS1cdURFMzNcdURFNjAtXHVERTdDXHVERTgwLVx1REU5Q1x1REVDMC1cdURFQzdcdURFQzktXHVERUU0XHVERjAwLVx1REYzNVx1REY0MC1cdURGNTVcdURGNjAtXHVERjcyXHVERjgwLVx1REY5MV18XHVEODAzW1x1REMwMC1cdURDNDhcdURDODAtXHVEQ0IyXHVEQ0MwLVx1RENGMl18XHVEODA0W1x1REMwMy1cdURDMzdcdURDODMtXHVEQ0FGXHVEQ0QwLVx1RENFOFx1REQwMy1cdUREMjZcdURENTAtXHVERDcyXHVERDc2XHVERDgzLVx1RERCMlx1RERDMS1cdUREQzRcdUREREFcdURERENcdURFMDAtXHVERTExXHVERTEzLVx1REUyQlx1REU4MC1cdURFODZcdURFODhcdURFOEEtXHVERThEXHVERThGLVx1REU5RFx1REU5Ri1cdURFQThcdURFQjAtXHVERURFXHVERjA1LVx1REYwQ1x1REYwRlx1REYxMFx1REYxMy1cdURGMjhcdURGMkEtXHVERjMwXHVERjMyXHVERjMzXHVERjM1LVx1REYzOVx1REYzRFx1REY1MFx1REY1RC1cdURGNjFdfFx1RDgwNVtcdURDMDAtXHVEQzM0XHVEQzQ3LVx1REM0QVx1REM4MC1cdURDQUZcdURDQzRcdURDQzVcdURDQzdcdUREODAtXHVEREFFXHVEREQ4LVx1REREQlx1REUwMC1cdURFMkZcdURFNDRcdURFODAtXHVERUFBXHVERjAwLVx1REYxOV18XHVEODA2W1x1RENBMC1cdURDREZcdURDRkZcdURFMDBcdURFMEItXHVERTMyXHVERTNBXHVERTUwXHVERTVDLVx1REU4M1x1REU4Ni1cdURFODlcdURFQzAtXHVERUY4XXxcdUQ4MDdbXHVEQzAwLVx1REMwOFx1REMwQS1cdURDMkVcdURDNDBcdURDNzItXHVEQzhGXHVERDAwLVx1REQwNlx1REQwOFx1REQwOVx1REQwQi1cdUREMzBcdURENDZdfFx1RDgwOFtcdURDMDAtXHVERjk5XXxcdUQ4MDlbXHVEQzAwLVx1REM2RVx1REM4MC1cdURENDNdfFtcdUQ4MENcdUQ4MUMtXHVEODIwXHVEODQwLVx1RDg2OFx1RDg2QS1cdUQ4NkNcdUQ4NkYtXHVEODcyXHVEODc0LVx1RDg3OV1bXHVEQzAwLVx1REZGRl18XHVEODBEW1x1REMwMC1cdURDMkVdfFx1RDgxMVtcdURDMDAtXHVERTQ2XXxcdUQ4MUFbXHVEQzAwLVx1REUzOFx1REU0MC1cdURFNUVcdURFRDAtXHVERUVEXHVERjAwLVx1REYyRlx1REY0MC1cdURGNDNcdURGNjMtXHVERjc3XHVERjdELVx1REY4Rl18XHVEODFCW1x1REYwMC1cdURGNDRcdURGNTBcdURGOTMtXHVERjlGXHVERkUwXHVERkUxXXxcdUQ4MjFbXHVEQzAwLVx1REZFQ118XHVEODIyW1x1REMwMC1cdURFRjJdfFx1RDgyQ1tcdURDMDAtXHVERDFFXHVERDcwLVx1REVGQl18XHVEODJGW1x1REMwMC1cdURDNkFcdURDNzAtXHVEQzdDXHVEQzgwLVx1REM4OFx1REM5MC1cdURDOTldfFx1RDgzNVtcdURDMDAtXHVEQzU0XHVEQzU2LVx1REM5Q1x1REM5RVx1REM5Rlx1RENBMlx1RENBNVx1RENBNlx1RENBOS1cdURDQUNcdURDQUUtXHVEQ0I5XHVEQ0JCXHVEQ0JELVx1RENDM1x1RENDNS1cdUREMDVcdUREMDctXHVERDBBXHVERDBELVx1REQxNFx1REQxNi1cdUREMUNcdUREMUUtXHVERDM5XHVERDNCLVx1REQzRVx1REQ0MC1cdURENDRcdURENDZcdURENEEtXHVERDUwXHVERDUyLVx1REVBNVx1REVBOC1cdURFQzBcdURFQzItXHVERURBXHVERURDLVx1REVGQVx1REVGQy1cdURGMTRcdURGMTYtXHVERjM0XHVERjM2LVx1REY0RVx1REY1MC1cdURGNkVcdURGNzAtXHVERjg4XHVERjhBLVx1REZBOFx1REZBQS1cdURGQzJcdURGQzQtXHVERkNCXXxcdUQ4M0FbXHVEQzAwLVx1RENDNFx1REQwMC1cdURENDNdfFx1RDgzQltcdURFMDAtXHVERTAzXHVERTA1LVx1REUxRlx1REUyMVx1REUyMlx1REUyNFx1REUyN1x1REUyOS1cdURFMzJcdURFMzQtXHVERTM3XHVERTM5XHVERTNCXHVERTQyXHVERTQ3XHVERTQ5XHVERTRCXHVERTRELVx1REU0Rlx1REU1MVx1REU1Mlx1REU1NFx1REU1N1x1REU1OVx1REU1Qlx1REU1RFx1REU1Rlx1REU2MVx1REU2Mlx1REU2NFx1REU2Ny1cdURFNkFcdURFNkMtXHVERTcyXHVERTc0LVx1REU3N1x1REU3OS1cdURFN0NcdURFN0VcdURFODAtXHVERTg5XHVERThCLVx1REU5Qlx1REVBMS1cdURFQTNcdURFQTUtXHVERUE5XHVERUFCLVx1REVCQl18XHVEODY5W1x1REMwMC1cdURFRDZcdURGMDAtXHVERkZGXXxcdUQ4NkRbXHVEQzAwLVx1REYzNFx1REY0MC1cdURGRkZdfFx1RDg2RVtcdURDMDAtXHVEQzFEXHVEQzIwLVx1REZGRl18XHVEODczW1x1REMwMC1cdURFQTFcdURFQjAtXHVERkZGXXxcdUQ4N0FbXHVEQzAwLVx1REZFMF18XHVEODdFW1x1REMwMC1cdURFMURdLyxJRF9Db250aW51ZTovW1x4QUFceEI1XHhCQVx4QzAtXHhENlx4RDgtXHhGNlx4RjgtXHUwMkMxXHUwMkM2LVx1MDJEMVx1MDJFMC1cdTAyRTRcdTAyRUNcdTAyRUVcdTAzMDAtXHUwMzc0XHUwMzc2XHUwMzc3XHUwMzdBLVx1MDM3RFx1MDM3Rlx1MDM4Nlx1MDM4OC1cdTAzOEFcdTAzOENcdTAzOEUtXHUwM0ExXHUwM0EzLVx1MDNGNVx1MDNGNy1cdTA0ODFcdTA0ODMtXHUwNDg3XHUwNDhBLVx1MDUyRlx1MDUzMS1cdTA1NTZcdTA1NTlcdTA1NjEtXHUwNTg3XHUwNTkxLVx1MDVCRFx1MDVCRlx1MDVDMVx1MDVDMlx1MDVDNFx1MDVDNVx1MDVDN1x1MDVEMC1cdTA1RUFcdTA1RjAtXHUwNUYyXHUwNjEwLVx1MDYxQVx1MDYyMC1cdTA2NjlcdTA2NkUtXHUwNkQzXHUwNkQ1LVx1MDZEQ1x1MDZERi1cdTA2RThcdTA2RUEtXHUwNkZDXHUwNkZGXHUwNzEwLVx1MDc0QVx1MDc0RC1cdTA3QjFcdTA3QzAtXHUwN0Y1XHUwN0ZBXHUwODAwLVx1MDgyRFx1MDg0MC1cdTA4NUJcdTA4NjAtXHUwODZBXHUwOEEwLVx1MDhCNFx1MDhCNi1cdTA4QkRcdTA4RDQtXHUwOEUxXHUwOEUzLVx1MDk2M1x1MDk2Ni1cdTA5NkZcdTA5NzEtXHUwOTgzXHUwOTg1LVx1MDk4Q1x1MDk4Rlx1MDk5MFx1MDk5My1cdTA5QThcdTA5QUEtXHUwOUIwXHUwOUIyXHUwOUI2LVx1MDlCOVx1MDlCQy1cdTA5QzRcdTA5QzdcdTA5QzhcdTA5Q0ItXHUwOUNFXHUwOUQ3XHUwOURDXHUwOUREXHUwOURGLVx1MDlFM1x1MDlFNi1cdTA5RjFcdTA5RkNcdTBBMDEtXHUwQTAzXHUwQTA1LVx1MEEwQVx1MEEwRlx1MEExMFx1MEExMy1cdTBBMjhcdTBBMkEtXHUwQTMwXHUwQTMyXHUwQTMzXHUwQTM1XHUwQTM2XHUwQTM4XHUwQTM5XHUwQTNDXHUwQTNFLVx1MEE0Mlx1MEE0N1x1MEE0OFx1MEE0Qi1cdTBBNERcdTBBNTFcdTBBNTktXHUwQTVDXHUwQTVFXHUwQTY2LVx1MEE3NVx1MEE4MS1cdTBBODNcdTBBODUtXHUwQThEXHUwQThGLVx1MEE5MVx1MEE5My1cdTBBQThcdTBBQUEtXHUwQUIwXHUwQUIyXHUwQUIzXHUwQUI1LVx1MEFCOVx1MEFCQy1cdTBBQzVcdTBBQzctXHUwQUM5XHUwQUNCLVx1MEFDRFx1MEFEMFx1MEFFMC1cdTBBRTNcdTBBRTYtXHUwQUVGXHUwQUY5LVx1MEFGRlx1MEIwMS1cdTBCMDNcdTBCMDUtXHUwQjBDXHUwQjBGXHUwQjEwXHUwQjEzLVx1MEIyOFx1MEIyQS1cdTBCMzBcdTBCMzJcdTBCMzNcdTBCMzUtXHUwQjM5XHUwQjNDLVx1MEI0NFx1MEI0N1x1MEI0OFx1MEI0Qi1cdTBCNERcdTBCNTZcdTBCNTdcdTBCNUNcdTBCNURcdTBCNUYtXHUwQjYzXHUwQjY2LVx1MEI2Rlx1MEI3MVx1MEI4Mlx1MEI4M1x1MEI4NS1cdTBCOEFcdTBCOEUtXHUwQjkwXHUwQjkyLVx1MEI5NVx1MEI5OVx1MEI5QVx1MEI5Q1x1MEI5RVx1MEI5Rlx1MEJBM1x1MEJBNFx1MEJBOC1cdTBCQUFcdTBCQUUtXHUwQkI5XHUwQkJFLVx1MEJDMlx1MEJDNi1cdTBCQzhcdTBCQ0EtXHUwQkNEXHUwQkQwXHUwQkQ3XHUwQkU2LVx1MEJFRlx1MEMwMC1cdTBDMDNcdTBDMDUtXHUwQzBDXHUwQzBFLVx1MEMxMFx1MEMxMi1cdTBDMjhcdTBDMkEtXHUwQzM5XHUwQzNELVx1MEM0NFx1MEM0Ni1cdTBDNDhcdTBDNEEtXHUwQzREXHUwQzU1XHUwQzU2XHUwQzU4LVx1MEM1QVx1MEM2MC1cdTBDNjNcdTBDNjYtXHUwQzZGXHUwQzgwLVx1MEM4M1x1MEM4NS1cdTBDOENcdTBDOEUtXHUwQzkwXHUwQzkyLVx1MENBOFx1MENBQS1cdTBDQjNcdTBDQjUtXHUwQ0I5XHUwQ0JDLVx1MENDNFx1MENDNi1cdTBDQzhcdTBDQ0EtXHUwQ0NEXHUwQ0Q1XHUwQ0Q2XHUwQ0RFXHUwQ0UwLVx1MENFM1x1MENFNi1cdTBDRUZcdTBDRjFcdTBDRjJcdTBEMDAtXHUwRDAzXHUwRDA1LVx1MEQwQ1x1MEQwRS1cdTBEMTBcdTBEMTItXHUwRDQ0XHUwRDQ2LVx1MEQ0OFx1MEQ0QS1cdTBENEVcdTBENTQtXHUwRDU3XHUwRDVGLVx1MEQ2M1x1MEQ2Ni1cdTBENkZcdTBEN0EtXHUwRDdGXHUwRDgyXHUwRDgzXHUwRDg1LVx1MEQ5Nlx1MEQ5QS1cdTBEQjFcdTBEQjMtXHUwREJCXHUwREJEXHUwREMwLVx1MERDNlx1MERDQVx1MERDRi1cdTBERDRcdTBERDZcdTBERDgtXHUwRERGXHUwREU2LVx1MERFRlx1MERGMlx1MERGM1x1MEUwMS1cdTBFM0FcdTBFNDAtXHUwRTRFXHUwRTUwLVx1MEU1OVx1MEU4MVx1MEU4Mlx1MEU4NFx1MEU4N1x1MEU4OFx1MEU4QVx1MEU4RFx1MEU5NC1cdTBFOTdcdTBFOTktXHUwRTlGXHUwRUExLVx1MEVBM1x1MEVBNVx1MEVBN1x1MEVBQVx1MEVBQlx1MEVBRC1cdTBFQjlcdTBFQkItXHUwRUJEXHUwRUMwLVx1MEVDNFx1MEVDNlx1MEVDOC1cdTBFQ0RcdTBFRDAtXHUwRUQ5XHUwRURDLVx1MEVERlx1MEYwMFx1MEYxOFx1MEYxOVx1MEYyMC1cdTBGMjlcdTBGMzVcdTBGMzdcdTBGMzlcdTBGM0UtXHUwRjQ3XHUwRjQ5LVx1MEY2Q1x1MEY3MS1cdTBGODRcdTBGODYtXHUwRjk3XHUwRjk5LVx1MEZCQ1x1MEZDNlx1MTAwMC1cdTEwNDlcdTEwNTAtXHUxMDlEXHUxMEEwLVx1MTBDNVx1MTBDN1x1MTBDRFx1MTBEMC1cdTEwRkFcdTEwRkMtXHUxMjQ4XHUxMjRBLVx1MTI0RFx1MTI1MC1cdTEyNTZcdTEyNThcdTEyNUEtXHUxMjVEXHUxMjYwLVx1MTI4OFx1MTI4QS1cdTEyOERcdTEyOTAtXHUxMkIwXHUxMkIyLVx1MTJCNVx1MTJCOC1cdTEyQkVcdTEyQzBcdTEyQzItXHUxMkM1XHUxMkM4LVx1MTJENlx1MTJEOC1cdTEzMTBcdTEzMTItXHUxMzE1XHUxMzE4LVx1MTM1QVx1MTM1RC1cdTEzNUZcdTEzODAtXHUxMzhGXHUxM0EwLVx1MTNGNVx1MTNGOC1cdTEzRkRcdTE0MDEtXHUxNjZDXHUxNjZGLVx1MTY3Rlx1MTY4MS1cdTE2OUFcdTE2QTAtXHUxNkVBXHUxNkVFLVx1MTZGOFx1MTcwMC1cdTE3MENcdTE3MEUtXHUxNzE0XHUxNzIwLVx1MTczNFx1MTc0MC1cdTE3NTNcdTE3NjAtXHUxNzZDXHUxNzZFLVx1MTc3MFx1MTc3Mlx1MTc3M1x1MTc4MC1cdTE3RDNcdTE3RDdcdTE3RENcdTE3RERcdTE3RTAtXHUxN0U5XHUxODBCLVx1MTgwRFx1MTgxMC1cdTE4MTlcdTE4MjAtXHUxODc3XHUxODgwLVx1MThBQVx1MThCMC1cdTE4RjVcdTE5MDAtXHUxOTFFXHUxOTIwLVx1MTkyQlx1MTkzMC1cdTE5M0JcdTE5NDYtXHUxOTZEXHUxOTcwLVx1MTk3NFx1MTk4MC1cdTE5QUJcdTE5QjAtXHUxOUM5XHUxOUQwLVx1MTlEOVx1MUEwMC1cdTFBMUJcdTFBMjAtXHUxQTVFXHUxQTYwLVx1MUE3Q1x1MUE3Ri1cdTFBODlcdTFBOTAtXHUxQTk5XHUxQUE3XHUxQUIwLVx1MUFCRFx1MUIwMC1cdTFCNEJcdTFCNTAtXHUxQjU5XHUxQjZCLVx1MUI3M1x1MUI4MC1cdTFCRjNcdTFDMDAtXHUxQzM3XHUxQzQwLVx1MUM0OVx1MUM0RC1cdTFDN0RcdTFDODAtXHUxQzg4XHUxQ0QwLVx1MUNEMlx1MUNENC1cdTFDRjlcdTFEMDAtXHUxREY5XHUxREZCLVx1MUYxNVx1MUYxOC1cdTFGMURcdTFGMjAtXHUxRjQ1XHUxRjQ4LVx1MUY0RFx1MUY1MC1cdTFGNTdcdTFGNTlcdTFGNUJcdTFGNURcdTFGNUYtXHUxRjdEXHUxRjgwLVx1MUZCNFx1MUZCNi1cdTFGQkNcdTFGQkVcdTFGQzItXHUxRkM0XHUxRkM2LVx1MUZDQ1x1MUZEMC1cdTFGRDNcdTFGRDYtXHUxRkRCXHUxRkUwLVx1MUZFQ1x1MUZGMi1cdTFGRjRcdTFGRjYtXHUxRkZDXHUyMDNGXHUyMDQwXHUyMDU0XHUyMDcxXHUyMDdGXHUyMDkwLVx1MjA5Q1x1MjBEMC1cdTIwRENcdTIwRTFcdTIwRTUtXHUyMEYwXHUyMTAyXHUyMTA3XHUyMTBBLVx1MjExM1x1MjExNVx1MjExOS1cdTIxMURcdTIxMjRcdTIxMjZcdTIxMjhcdTIxMkEtXHUyMTJEXHUyMTJGLVx1MjEzOVx1MjEzQy1cdTIxM0ZcdTIxNDUtXHUyMTQ5XHUyMTRFXHUyMTYwLVx1MjE4OFx1MkMwMC1cdTJDMkVcdTJDMzAtXHUyQzVFXHUyQzYwLVx1MkNFNFx1MkNFQi1cdTJDRjNcdTJEMDAtXHUyRDI1XHUyRDI3XHUyRDJEXHUyRDMwLVx1MkQ2N1x1MkQ2Rlx1MkQ3Ri1cdTJEOTZcdTJEQTAtXHUyREE2XHUyREE4LVx1MkRBRVx1MkRCMC1cdTJEQjZcdTJEQjgtXHUyREJFXHUyREMwLVx1MkRDNlx1MkRDOC1cdTJEQ0VcdTJERDAtXHUyREQ2XHUyREQ4LVx1MkRERVx1MkRFMC1cdTJERkZcdTJFMkZcdTMwMDUtXHUzMDA3XHUzMDIxLVx1MzAyRlx1MzAzMS1cdTMwMzVcdTMwMzgtXHUzMDNDXHUzMDQxLVx1MzA5Nlx1MzA5OVx1MzA5QVx1MzA5RC1cdTMwOUZcdTMwQTEtXHUzMEZBXHUzMEZDLVx1MzBGRlx1MzEwNS1cdTMxMkVcdTMxMzEtXHUzMThFXHUzMUEwLVx1MzFCQVx1MzFGMC1cdTMxRkZcdTM0MDAtXHU0REI1XHU0RTAwLVx1OUZFQVx1QTAwMC1cdUE0OENcdUE0RDAtXHVBNEZEXHVBNTAwLVx1QTYwQ1x1QTYxMC1cdUE2MkJcdUE2NDAtXHVBNjZGXHVBNjc0LVx1QTY3RFx1QTY3Ri1cdUE2RjFcdUE3MTctXHVBNzFGXHVBNzIyLVx1QTc4OFx1QTc4Qi1cdUE3QUVcdUE3QjAtXHVBN0I3XHVBN0Y3LVx1QTgyN1x1QTg0MC1cdUE4NzNcdUE4ODAtXHVBOEM1XHVBOEQwLVx1QThEOVx1QThFMC1cdUE4RjdcdUE4RkJcdUE4RkRcdUE5MDAtXHVBOTJEXHVBOTMwLVx1QTk1M1x1QTk2MC1cdUE5N0NcdUE5ODAtXHVBOUMwXHVBOUNGLVx1QTlEOVx1QTlFMC1cdUE5RkVcdUFBMDAtXHVBQTM2XHVBQTQwLVx1QUE0RFx1QUE1MC1cdUFBNTlcdUFBNjAtXHVBQTc2XHVBQTdBLVx1QUFDMlx1QUFEQi1cdUFBRERcdUFBRTAtXHVBQUVGXHVBQUYyLVx1QUFGNlx1QUIwMS1cdUFCMDZcdUFCMDktXHVBQjBFXHVBQjExLVx1QUIxNlx1QUIyMC1cdUFCMjZcdUFCMjgtXHVBQjJFXHVBQjMwLVx1QUI1QVx1QUI1Qy1cdUFCNjVcdUFCNzAtXHVBQkVBXHVBQkVDXHVBQkVEXHVBQkYwLVx1QUJGOVx1QUMwMC1cdUQ3QTNcdUQ3QjAtXHVEN0M2XHVEN0NCLVx1RDdGQlx1RjkwMC1cdUZBNkRcdUZBNzAtXHVGQUQ5XHVGQjAwLVx1RkIwNlx1RkIxMy1cdUZCMTdcdUZCMUQtXHVGQjI4XHVGQjJBLVx1RkIzNlx1RkIzOC1cdUZCM0NcdUZCM0VcdUZCNDBcdUZCNDFcdUZCNDNcdUZCNDRcdUZCNDYtXHVGQkIxXHVGQkQzLVx1RkQzRFx1RkQ1MC1cdUZEOEZcdUZEOTItXHVGREM3XHVGREYwLVx1RkRGQlx1RkUwMC1cdUZFMEZcdUZFMjAtXHVGRTJGXHVGRTMzXHVGRTM0XHVGRTRELVx1RkU0Rlx1RkU3MC1cdUZFNzRcdUZFNzYtXHVGRUZDXHVGRjEwLVx1RkYxOVx1RkYyMS1cdUZGM0FcdUZGM0ZcdUZGNDEtXHVGRjVBXHVGRjY2LVx1RkZCRVx1RkZDMi1cdUZGQzdcdUZGQ0EtXHVGRkNGXHVGRkQyLVx1RkZEN1x1RkZEQS1cdUZGRENdfFx1RDgwMFtcdURDMDAtXHVEQzBCXHVEQzBELVx1REMyNlx1REMyOC1cdURDM0FcdURDM0NcdURDM0RcdURDM0YtXHVEQzREXHVEQzUwLVx1REM1RFx1REM4MC1cdURDRkFcdURENDAtXHVERDc0XHVEREZEXHVERTgwLVx1REU5Q1x1REVBMC1cdURFRDBcdURFRTBcdURGMDAtXHVERjFGXHVERjJELVx1REY0QVx1REY1MC1cdURGN0FcdURGODAtXHVERjlEXHVERkEwLVx1REZDM1x1REZDOC1cdURGQ0ZcdURGRDEtXHVERkQ1XXxcdUQ4MDFbXHVEQzAwLVx1REM5RFx1RENBMC1cdURDQTlcdURDQjAtXHVEQ0QzXHVEQ0Q4LVx1RENGQlx1REQwMC1cdUREMjdcdUREMzAtXHVERDYzXHVERTAwLVx1REYzNlx1REY0MC1cdURGNTVcdURGNjAtXHVERjY3XXxcdUQ4MDJbXHVEQzAwLVx1REMwNVx1REMwOFx1REMwQS1cdURDMzVcdURDMzdcdURDMzhcdURDM0NcdURDM0YtXHVEQzU1XHVEQzYwLVx1REM3Nlx1REM4MC1cdURDOUVcdURDRTAtXHVEQ0YyXHVEQ0Y0XHVEQ0Y1XHVERDAwLVx1REQxNVx1REQyMC1cdUREMzlcdUREODAtXHVEREI3XHVEREJFXHVEREJGXHVERTAwLVx1REUwM1x1REUwNVx1REUwNlx1REUwQy1cdURFMTNcdURFMTUtXHVERTE3XHVERTE5LVx1REUzM1x1REUzOC1cdURFM0FcdURFM0ZcdURFNjAtXHVERTdDXHVERTgwLVx1REU5Q1x1REVDMC1cdURFQzdcdURFQzktXHVERUU2XHVERjAwLVx1REYzNVx1REY0MC1cdURGNTVcdURGNjAtXHVERjcyXHVERjgwLVx1REY5MV18XHVEODAzW1x1REMwMC1cdURDNDhcdURDODAtXHVEQ0IyXHVEQ0MwLVx1RENGMl18XHVEODA0W1x1REMwMC1cdURDNDZcdURDNjYtXHVEQzZGXHVEQzdGLVx1RENCQVx1RENEMC1cdURDRThcdURDRjAtXHVEQ0Y5XHVERDAwLVx1REQzNFx1REQzNi1cdUREM0ZcdURENTAtXHVERDczXHVERDc2XHVERDgwLVx1RERDNFx1RERDQS1cdUREQ0NcdURERDAtXHVERERBXHVERERDXHVERTAwLVx1REUxMVx1REUxMy1cdURFMzdcdURFM0VcdURFODAtXHVERTg2XHVERTg4XHVERThBLVx1REU4RFx1REU4Ri1cdURFOURcdURFOUYtXHVERUE4XHVERUIwLVx1REVFQVx1REVGMC1cdURFRjlcdURGMDAtXHVERjAzXHVERjA1LVx1REYwQ1x1REYwRlx1REYxMFx1REYxMy1cdURGMjhcdURGMkEtXHVERjMwXHVERjMyXHVERjMzXHVERjM1LVx1REYzOVx1REYzQy1cdURGNDRcdURGNDdcdURGNDhcdURGNEItXHVERjREXHVERjUwXHVERjU3XHVERjVELVx1REY2M1x1REY2Ni1cdURGNkNcdURGNzAtXHVERjc0XXxcdUQ4MDVbXHVEQzAwLVx1REM0QVx1REM1MC1cdURDNTlcdURDODAtXHVEQ0M1XHVEQ0M3XHVEQ0QwLVx1RENEOVx1REQ4MC1cdUREQjVcdUREQjgtXHVEREMwXHVEREQ4LVx1RERERFx1REUwMC1cdURFNDBcdURFNDRcdURFNTAtXHVERTU5XHVERTgwLVx1REVCN1x1REVDMC1cdURFQzlcdURGMDAtXHVERjE5XHVERjFELVx1REYyQlx1REYzMC1cdURGMzldfFx1RDgwNltcdURDQTAtXHVEQ0U5XHVEQ0ZGXHVERTAwLVx1REUzRVx1REU0N1x1REU1MC1cdURFODNcdURFODYtXHVERTk5XHVERUMwLVx1REVGOF18XHVEODA3W1x1REMwMC1cdURDMDhcdURDMEEtXHVEQzM2XHVEQzM4LVx1REM0MFx1REM1MC1cdURDNTlcdURDNzItXHVEQzhGXHVEQzkyLVx1RENBN1x1RENBOS1cdURDQjZcdUREMDAtXHVERDA2XHVERDA4XHVERDA5XHVERDBCLVx1REQzNlx1REQzQVx1REQzQ1x1REQzRFx1REQzRi1cdURENDdcdURENTAtXHVERDU5XXxcdUQ4MDhbXHVEQzAwLVx1REY5OV18XHVEODA5W1x1REMwMC1cdURDNkVcdURDODAtXHVERDQzXXxbXHVEODBDXHVEODFDLVx1RDgyMFx1RDg0MC1cdUQ4NjhcdUQ4NkEtXHVEODZDXHVEODZGLVx1RDg3Mlx1RDg3NC1cdUQ4NzldW1x1REMwMC1cdURGRkZdfFx1RDgwRFtcdURDMDAtXHVEQzJFXXxcdUQ4MTFbXHVEQzAwLVx1REU0Nl18XHVEODFBW1x1REMwMC1cdURFMzhcdURFNDAtXHVERTVFXHVERTYwLVx1REU2OVx1REVEMC1cdURFRURcdURFRjAtXHVERUY0XHVERjAwLVx1REYzNlx1REY0MC1cdURGNDNcdURGNTAtXHVERjU5XHVERjYzLVx1REY3N1x1REY3RC1cdURGOEZdfFx1RDgxQltcdURGMDAtXHVERjQ0XHVERjUwLVx1REY3RVx1REY4Ri1cdURGOUZcdURGRTBcdURGRTFdfFx1RDgyMVtcdURDMDAtXHVERkVDXXxcdUQ4MjJbXHVEQzAwLVx1REVGMl18XHVEODJDW1x1REMwMC1cdUREMUVcdURENzAtXHVERUZCXXxcdUQ4MkZbXHVEQzAwLVx1REM2QVx1REM3MC1cdURDN0NcdURDODAtXHVEQzg4XHVEQzkwLVx1REM5OVx1REM5RFx1REM5RV18XHVEODM0W1x1REQ2NS1cdURENjlcdURENkQtXHVERDcyXHVERDdCLVx1REQ4Mlx1REQ4NS1cdUREOEJcdUREQUEtXHVEREFEXHVERTQyLVx1REU0NF18XHVEODM1W1x1REMwMC1cdURDNTRcdURDNTYtXHVEQzlDXHVEQzlFXHVEQzlGXHVEQ0EyXHVEQ0E1XHVEQ0E2XHVEQ0E5LVx1RENBQ1x1RENBRS1cdURDQjlcdURDQkJcdURDQkQtXHVEQ0MzXHVEQ0M1LVx1REQwNVx1REQwNy1cdUREMEFcdUREMEQtXHVERDE0XHVERDE2LVx1REQxQ1x1REQxRS1cdUREMzlcdUREM0ItXHVERDNFXHVERDQwLVx1REQ0NFx1REQ0Nlx1REQ0QS1cdURENTBcdURENTItXHVERUE1XHVERUE4LVx1REVDMFx1REVDMi1cdURFREFcdURFREMtXHVERUZBXHVERUZDLVx1REYxNFx1REYxNi1cdURGMzRcdURGMzYtXHVERjRFXHVERjUwLVx1REY2RVx1REY3MC1cdURGODhcdURGOEEtXHVERkE4XHVERkFBLVx1REZDMlx1REZDNC1cdURGQ0JcdURGQ0UtXHVERkZGXXxcdUQ4MzZbXHVERTAwLVx1REUzNlx1REUzQi1cdURFNkNcdURFNzVcdURFODRcdURFOUItXHVERTlGXHVERUExLVx1REVBRl18XHVEODM4W1x1REMwMC1cdURDMDZcdURDMDgtXHVEQzE4XHVEQzFCLVx1REMyMVx1REMyM1x1REMyNFx1REMyNi1cdURDMkFdfFx1RDgzQVtcdURDMDAtXHVEQ0M0XHVEQ0QwLVx1RENENlx1REQwMC1cdURENEFcdURENTAtXHVERDU5XXxcdUQ4M0JbXHVERTAwLVx1REUwM1x1REUwNS1cdURFMUZcdURFMjFcdURFMjJcdURFMjRcdURFMjdcdURFMjktXHVERTMyXHVERTM0LVx1REUzN1x1REUzOVx1REUzQlx1REU0Mlx1REU0N1x1REU0OVx1REU0Qlx1REU0RC1cdURFNEZcdURFNTFcdURFNTJcdURFNTRcdURFNTdcdURFNTlcdURFNUJcdURFNURcdURFNUZcdURFNjFcdURFNjJcdURFNjRcdURFNjctXHVERTZBXHVERTZDLVx1REU3Mlx1REU3NC1cdURFNzdcdURFNzktXHVERTdDXHVERTdFXHVERTgwLVx1REU4OVx1REU4Qi1cdURFOUJcdURFQTEtXHVERUEzXHVERUE1LVx1REVBOVx1REVBQi1cdURFQkJdfFx1RDg2OVtcdURDMDAtXHVERUQ2XHVERjAwLVx1REZGRl18XHVEODZEW1x1REMwMC1cdURGMzRcdURGNDAtXHVERkZGXXxcdUQ4NkVbXHVEQzAwLVx1REMxRFx1REMyMC1cdURGRkZdfFx1RDg3M1tcdURDMDAtXHVERUExXHVERUIwLVx1REZGRl18XHVEODdBW1x1REMwMC1cdURGRTBdfFx1RDg3RVtcdURDMDAtXHVERTFEXXxcdURCNDBbXHVERDAwLVx1RERFRl0vfSxVPXtpc1NwYWNlU2VwYXJhdG9yOmZ1bmN0aW9uKHUpe3JldHVybiJzdHJpbmciPT10eXBlb2YgdSYmRy5TcGFjZV9TZXBhcmF0b3IudGVzdCh1KX0saXNJZFN0YXJ0Q2hhcjpmdW5jdGlvbih1KXtyZXR1cm4ic3RyaW5nIj09dHlwZW9mIHUmJih1Pj0iYSImJnU8PSJ6Inx8dT49IkEiJiZ1PD0iWiJ8fCIkIj09PXV8fCJfIj09PXV8fEcuSURfU3RhcnQudGVzdCh1KSl9LGlzSWRDb250aW51ZUNoYXI6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYodT49ImEiJiZ1PD0ieiJ8fHU+PSJBIiYmdTw9IloifHx1Pj0iMCImJnU8PSI5Inx8IiQiPT09dXx8Il8iPT09dXx8IuKAjCI9PT11fHwi4oCNIj09PXV8fEcuSURfQ29udGludWUudGVzdCh1KSl9LGlzRGlnaXQ6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYvWzAtOV0vLnRlc3QodSl9LGlzSGV4RGlnaXQ6ZnVuY3Rpb24odSl7cmV0dXJuInN0cmluZyI9PXR5cGVvZiB1JiYvWzAtOUEtRmEtZl0vLnRlc3QodSl9fTtmdW5jdGlvbiBaKCl7Zm9yKFQ9ImRlZmF1bHQiLHo9IiIsSD0hMSwkPTE7Oyl7Uj1xKCk7dmFyIHU9WFtUXSgpO2lmKHUpcmV0dXJuIHV9fWZ1bmN0aW9uIHEoKXtpZihfW0ldKXJldHVybiBTdHJpbmcuZnJvbUNvZGVQb2ludChfLmNvZGVQb2ludEF0KEkpKX1mdW5jdGlvbiBXKCl7dmFyIHU9cSgpO3JldHVybiJcbiI9PT11PyhWKyssSj0wKTp1P0orPXUubGVuZ3RoOkorKyx1JiYoSSs9dS5sZW5ndGgpLHV9dmFyIFg9e2RlZmF1bHQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJcdCI6Y2FzZSJcdiI6Y2FzZSJcZiI6Y2FzZSIgIjpjYXNlIiAiOmNhc2UiXHVmZWZmIjpjYXNlIlxuIjpjYXNlIlxyIjpjYXNlIlx1MjAyOCI6Y2FzZSJcdTIwMjkiOnJldHVybiB2b2lkIFcoKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJjb21tZW50Iik7Y2FzZSB2b2lkIDA6cmV0dXJuIFcoKSxLKCJlb2YiKX1pZighVS5pc1NwYWNlU2VwYXJhdG9yKFIpKXJldHVybiBYW09dKCk7VygpfSxjb21tZW50OmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiKiI6cmV0dXJuIFcoKSx2b2lkKFQ9Im11bHRpTGluZUNvbW1lbnQiKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJzaW5nbGVMaW5lQ29tbWVudCIpfXRocm93IHJ1KFcoKSl9LG11bHRpTGluZUNvbW1lbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIqIjpyZXR1cm4gVygpLHZvaWQoVD0ibXVsdGlMaW5lQ29tbWVudEFzdGVyaXNrIik7Y2FzZSB2b2lkIDA6dGhyb3cgcnUoVygpKX1XKCl9LG11bHRpTGluZUNvbW1lbnRBc3RlcmlzazpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIioiOnJldHVybiB2b2lkIFcoKTtjYXNlIi8iOnJldHVybiBXKCksdm9pZChUPSJkZWZhdWx0Iik7Y2FzZSB2b2lkIDA6dGhyb3cgcnUoVygpKX1XKCksVD0ibXVsdGlMaW5lQ29tbWVudCJ9LHNpbmdsZUxpbmVDb21tZW50OmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiXG4iOmNhc2UiXHIiOmNhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6cmV0dXJuIFcoKSx2b2lkKFQ9ImRlZmF1bHQiKTtjYXNlIHZvaWQgMDpyZXR1cm4gVygpLEsoImVvZiIpfVcoKX0sdmFsdWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJ7IjpjYXNlIlsiOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO2Nhc2UibiI6cmV0dXJuIFcoKSxRKCJ1bGwiKSxLKCJudWxsIixudWxsKTtjYXNlInQiOnJldHVybiBXKCksUSgicnVlIiksSygiYm9vbGVhbiIsITApO2Nhc2UiZiI6cmV0dXJuIFcoKSxRKCJhbHNlIiksSygiYm9vbGVhbiIsITEpO2Nhc2UiLSI6Y2FzZSIrIjpyZXR1cm4iLSI9PT1XKCkmJigkPS0xKSx2b2lkKFQ9InNpZ24iKTtjYXNlIi4iOnJldHVybiB6PVcoKSx2b2lkKFQ9ImRlY2ltYWxQb2ludExlYWRpbmciKTtjYXNlIjAiOnJldHVybiB6PVcoKSx2b2lkKFQ9Inplcm8iKTtjYXNlIjEiOmNhc2UiMiI6Y2FzZSIzIjpjYXNlIjQiOmNhc2UiNSI6Y2FzZSI2IjpjYXNlIjciOmNhc2UiOCI6Y2FzZSI5IjpyZXR1cm4gej1XKCksdm9pZChUPSJkZWNpbWFsSW50ZWdlciIpO2Nhc2UiSSI6cmV0dXJuIFcoKSxRKCJuZmluaXR5IiksSygibnVtZXJpYyIsMS8wKTtjYXNlIk4iOnJldHVybiBXKCksUSgiYU4iKSxLKCJudW1lcmljIixOYU4pO2Nhc2UnIic6Y2FzZSInIjpyZXR1cm4gSD0nIic9PT1XKCksej0iIix2b2lkKFQ9InN0cmluZyIpfXRocm93IHJ1KFcoKSl9LGlkZW50aWZpZXJOYW1lU3RhcnRFc2NhcGU6ZnVuY3Rpb24oKXtpZigidSIhPT1SKXRocm93IHJ1KFcoKSk7VygpO3ZhciB1PVkoKTtzd2l0Y2godSl7Y2FzZSIkIjpjYXNlIl8iOmJyZWFrO2RlZmF1bHQ6aWYoIVUuaXNJZFN0YXJ0Q2hhcih1KSl0aHJvdyBudSgpfXorPXUsVD0iaWRlbnRpZmllck5hbWUifSxpZGVudGlmaWVyTmFtZTpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIiQiOmNhc2UiXyI6Y2FzZSLigIwiOmNhc2Ui4oCNIjpyZXR1cm4gdm9pZCh6Kz1XKCkpO2Nhc2UiXFwiOnJldHVybiBXKCksdm9pZChUPSJpZGVudGlmaWVyTmFtZUVzY2FwZSIpfWlmKCFVLmlzSWRDb250aW51ZUNoYXIoUikpcmV0dXJuIEsoImlkZW50aWZpZXIiLHopO3orPVcoKX0saWRlbnRpZmllck5hbWVFc2NhcGU6ZnVuY3Rpb24oKXtpZigidSIhPT1SKXRocm93IHJ1KFcoKSk7VygpO3ZhciB1PVkoKTtzd2l0Y2godSl7Y2FzZSIkIjpjYXNlIl8iOmNhc2Ui4oCMIjpjYXNlIuKAjSI6YnJlYWs7ZGVmYXVsdDppZighVS5pc0lkQ29udGludWVDaGFyKHUpKXRocm93IG51KCl9eis9dSxUPSJpZGVudGlmaWVyTmFtZSJ9LHNpZ246ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIuIjpyZXR1cm4gej1XKCksdm9pZChUPSJkZWNpbWFsUG9pbnRMZWFkaW5nIik7Y2FzZSIwIjpyZXR1cm4gej1XKCksdm9pZChUPSJ6ZXJvIik7Y2FzZSIxIjpjYXNlIjIiOmNhc2UiMyI6Y2FzZSI0IjpjYXNlIjUiOmNhc2UiNiI6Y2FzZSI3IjpjYXNlIjgiOmNhc2UiOSI6cmV0dXJuIHo9VygpLHZvaWQoVD0iZGVjaW1hbEludGVnZXIiKTtjYXNlIkkiOnJldHVybiBXKCksUSgibmZpbml0eSIpLEsoIm51bWVyaWMiLCQqKDEvMCkpO2Nhc2UiTiI6cmV0dXJuIFcoKSxRKCJhTiIpLEsoIm51bWVyaWMiLE5hTil9dGhyb3cgcnUoVygpKX0semVybzpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIi4iOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsUG9pbnQiKTtjYXNlImUiOmNhc2UiRSI6cmV0dXJuIHorPVcoKSx2b2lkKFQ9ImRlY2ltYWxFeHBvbmVudCIpO2Nhc2UieCI6Y2FzZSJYIjpyZXR1cm4geis9VygpLHZvaWQoVD0iaGV4YWRlY2ltYWwiKX1yZXR1cm4gSygibnVtZXJpYyIsMCokKX0sZGVjaW1hbEludGVnZXI6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIuIjpyZXR1cm4geis9VygpLHZvaWQoVD0iZGVjaW1hbFBvaW50Iik7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1pZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxkZWNpbWFsUG9pbnRMZWFkaW5nOmZ1bmN0aW9uKCl7aWYoVS5pc0RpZ2l0KFIpKXJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRnJhY3Rpb24iKTt0aHJvdyBydShXKCkpfSxkZWNpbWFsUG9pbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1yZXR1cm4gVS5pc0RpZ2l0KFIpPyh6Kz1XKCksdm9pZChUPSJkZWNpbWFsRnJhY3Rpb24iKSk6SygibnVtZXJpYyIsJCpOdW1iZXIoeikpfSxkZWNpbWFsRnJhY3Rpb246ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSJlIjpjYXNlIkUiOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnQiKX1pZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxkZWNpbWFsRXhwb25lbnQ6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIrIjpjYXNlIi0iOnJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnRTaWduIil9aWYoVS5pc0RpZ2l0KFIpKXJldHVybiB6Kz1XKCksdm9pZChUPSJkZWNpbWFsRXhwb25lbnRJbnRlZ2VyIik7dGhyb3cgcnUoVygpKX0sZGVjaW1hbEV4cG9uZW50U2lnbjpmdW5jdGlvbigpe2lmKFUuaXNEaWdpdChSKSlyZXR1cm4geis9VygpLHZvaWQoVD0iZGVjaW1hbEV4cG9uZW50SW50ZWdlciIpO3Rocm93IHJ1KFcoKSl9LGRlY2ltYWxFeHBvbmVudEludGVnZXI6ZnVuY3Rpb24oKXtpZighVS5pc0RpZ2l0KFIpKXJldHVybiBLKCJudW1lcmljIiwkKk51bWJlcih6KSk7eis9VygpfSxoZXhhZGVjaW1hbDpmdW5jdGlvbigpe2lmKFUuaXNIZXhEaWdpdChSKSlyZXR1cm4geis9VygpLHZvaWQoVD0iaGV4YWRlY2ltYWxJbnRlZ2VyIik7dGhyb3cgcnUoVygpKX0saGV4YWRlY2ltYWxJbnRlZ2VyOmZ1bmN0aW9uKCl7aWYoIVUuaXNIZXhEaWdpdChSKSlyZXR1cm4gSygibnVtZXJpYyIsJCpOdW1iZXIoeikpO3orPVcoKX0sc3RyaW5nOmZ1bmN0aW9uKCl7c3dpdGNoKFIpe2Nhc2UiXFwiOnJldHVybiBXKCksdm9pZCh6Kz1mdW5jdGlvbigpe3N3aXRjaChxKCkpe2Nhc2UiYiI6cmV0dXJuIFcoKSwiXGIiO2Nhc2UiZiI6cmV0dXJuIFcoKSwiXGYiO2Nhc2UibiI6cmV0dXJuIFcoKSwiXG4iO2Nhc2UiciI6cmV0dXJuIFcoKSwiXHIiO2Nhc2UidCI6cmV0dXJuIFcoKSwiXHQiO2Nhc2UidiI6cmV0dXJuIFcoKSwiXHYiO2Nhc2UiMCI6aWYoVygpLFUuaXNEaWdpdChxKCkpKXRocm93IHJ1KFcoKSk7cmV0dXJuIlwwIjtjYXNlIngiOnJldHVybiBXKCksZnVuY3Rpb24oKXt2YXIgdT0iIixEPXEoKTtpZighVS5pc0hleERpZ2l0KEQpKXRocm93IHJ1KFcoKSk7aWYodSs9VygpLEQ9cSgpLCFVLmlzSGV4RGlnaXQoRCkpdGhyb3cgcnUoVygpKTtyZXR1cm4gdSs9VygpLFN0cmluZy5mcm9tQ29kZVBvaW50KHBhcnNlSW50KHUsMTYpKX0oKTtjYXNlInUiOnJldHVybiBXKCksWSgpO2Nhc2UiXG4iOmNhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6cmV0dXJuIFcoKSwiIjtjYXNlIlxyIjpyZXR1cm4gVygpLCJcbiI9PT1xKCkmJlcoKSwiIjtjYXNlIjEiOmNhc2UiMiI6Y2FzZSIzIjpjYXNlIjQiOmNhc2UiNSI6Y2FzZSI2IjpjYXNlIjciOmNhc2UiOCI6Y2FzZSI5IjpjYXNlIHZvaWQgMDp0aHJvdyBydShXKCkpfXJldHVybiBXKCl9KCkpO2Nhc2UnIic6cmV0dXJuIEg/KFcoKSxLKCJzdHJpbmciLHopKTp2b2lkKHorPVcoKSk7Y2FzZSInIjpyZXR1cm4gSD92b2lkKHorPVcoKSk6KFcoKSxLKCJzdHJpbmciLHopKTtjYXNlIlxuIjpjYXNlIlxyIjp0aHJvdyBydShXKCkpO2Nhc2UiXHUyMDI4IjpjYXNlIlx1MjAyOSI6IWZ1bmN0aW9uKHUpe2NvbnNvbGUud2FybigiSlNPTjU6ICciK0Z1KHUpKyInIGluIHN0cmluZ3MgaXMgbm90IHZhbGlkIEVDTUFTY3JpcHQ7IGNvbnNpZGVyIGVzY2FwaW5nIil9KFIpO2JyZWFrO2Nhc2Ugdm9pZCAwOnRocm93IHJ1KFcoKSl9eis9VygpfSxzdGFydDpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlInsiOmNhc2UiWyI6cmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSl9VD0idmFsdWUifSxiZWZvcmVQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIkIjpjYXNlIl8iOnJldHVybiB6PVcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lIik7Y2FzZSJcXCI6cmV0dXJuIFcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lU3RhcnRFc2NhcGUiKTtjYXNlIn0iOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO2Nhc2UnIic6Y2FzZSInIjpyZXR1cm4gSD0nIic9PT1XKCksdm9pZChUPSJzdHJpbmciKX1pZihVLmlzSWRTdGFydENoYXIoUikpcmV0dXJuIHorPVcoKSx2b2lkKFQ9ImlkZW50aWZpZXJOYW1lIik7dGhyb3cgcnUoVygpKX0sYWZ0ZXJQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtpZigiOiI9PT1SKXJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpO3Rocm93IHJ1KFcoKSl9LGJlZm9yZVByb3BlcnR5VmFsdWU6ZnVuY3Rpb24oKXtUPSJ2YWx1ZSJ9LGFmdGVyUHJvcGVydHlWYWx1ZTpmdW5jdGlvbigpe3N3aXRjaChSKXtjYXNlIiwiOmNhc2UifSI6cmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSl9dGhyb3cgcnUoVygpKX0sYmVmb3JlQXJyYXlWYWx1ZTpmdW5jdGlvbigpe2lmKCJdIj09PVIpcmV0dXJuIEsoInB1bmN0dWF0b3IiLFcoKSk7VD0idmFsdWUifSxhZnRlckFycmF5VmFsdWU6ZnVuY3Rpb24oKXtzd2l0Y2goUil7Y2FzZSIsIjpjYXNlIl0iOnJldHVybiBLKCJwdW5jdHVhdG9yIixXKCkpfXRocm93IHJ1KFcoKSl9LGVuZDpmdW5jdGlvbigpe3Rocm93IHJ1KFcoKSl9fTtmdW5jdGlvbiBLKHUsRCl7cmV0dXJue3R5cGU6dSx2YWx1ZTpELGxpbmU6Vixjb2x1bW46Sn19ZnVuY3Rpb24gUSh1KXtmb3IodmFyIEQ9MCxlPXU7RDxlLmxlbmd0aDtEKz0xKXt2YXIgcj1lW0RdO2lmKHEoKSE9PXIpdGhyb3cgcnUoVygpKTtXKCl9fWZ1bmN0aW9uIFkoKXtmb3IodmFyIHU9IiIsRD00O0QtLSA+MDspe3ZhciBlPXEoKTtpZighVS5pc0hleERpZ2l0KGUpKXRocm93IHJ1KFcoKSk7dSs9VygpfXJldHVybiBTdHJpbmcuZnJvbUNvZGVQb2ludChwYXJzZUludCh1LDE2KSl9dmFyIHV1PXtzdGFydDpmdW5jdGlvbigpe2lmKCJlb2YiPT09TS50eXBlKXRocm93IHR1KCk7RHUoKX0sYmVmb3JlUHJvcGVydHlOYW1lOmZ1bmN0aW9uKCl7c3dpdGNoKE0udHlwZSl7Y2FzZSJpZGVudGlmaWVyIjpjYXNlInN0cmluZyI6cmV0dXJuIGs9TS52YWx1ZSx2b2lkKE89ImFmdGVyUHJvcGVydHlOYW1lIik7Y2FzZSJwdW5jdHVhdG9yIjpyZXR1cm4gdm9pZCBldSgpO2Nhc2UiZW9mIjp0aHJvdyB0dSgpfX0sYWZ0ZXJQcm9wZXJ0eU5hbWU6ZnVuY3Rpb24oKXtpZigiZW9mIj09PU0udHlwZSl0aHJvdyB0dSgpO089ImJlZm9yZVByb3BlcnR5VmFsdWUifSxiZWZvcmVQcm9wZXJ0eVZhbHVlOmZ1bmN0aW9uKCl7aWYoImVvZiI9PT1NLnR5cGUpdGhyb3cgdHUoKTtEdSgpfSxiZWZvcmVBcnJheVZhbHVlOmZ1bmN0aW9uKCl7aWYoImVvZiI9PT1NLnR5cGUpdGhyb3cgdHUoKTsicHVuY3R1YXRvciIhPT1NLnR5cGV8fCJdIiE9PU0udmFsdWU/RHUoKTpldSgpfSxhZnRlclByb3BlcnR5VmFsdWU6ZnVuY3Rpb24oKXtpZigiZW9mIj09PU0udHlwZSl0aHJvdyB0dSgpO3N3aXRjaChNLnZhbHVlKXtjYXNlIiwiOnJldHVybiB2b2lkKE89ImJlZm9yZVByb3BlcnR5TmFtZSIpO2Nhc2UifSI6ZXUoKX19LGFmdGVyQXJyYXlWYWx1ZTpmdW5jdGlvbigpe2lmKCJlb2YiPT09TS50eXBlKXRocm93IHR1KCk7c3dpdGNoKE0udmFsdWUpe2Nhc2UiLCI6cmV0dXJuIHZvaWQoTz0iYmVmb3JlQXJyYXlWYWx1ZSIpO2Nhc2UiXSI6ZXUoKX19LGVuZDpmdW5jdGlvbigpe319O2Z1bmN0aW9uIER1KCl7dmFyIHU7c3dpdGNoKE0udHlwZSl7Y2FzZSJwdW5jdHVhdG9yIjpzd2l0Y2goTS52YWx1ZSl7Y2FzZSJ7Ijp1PXt9O2JyZWFrO2Nhc2UiWyI6dT1bXX1icmVhaztjYXNlIm51bGwiOmNhc2UiYm9vbGVhbiI6Y2FzZSJudW1lcmljIjpjYXNlInN0cmluZyI6dT1NLnZhbHVlfWlmKHZvaWQgMD09PUwpTD11O2Vsc2V7dmFyIEQ9altqLmxlbmd0aC0xXTtBcnJheS5pc0FycmF5KEQpP0QucHVzaCh1KTpPYmplY3QuZGVmaW5lUHJvcGVydHkoRCxrLHt2YWx1ZTp1LHdyaXRhYmxlOiEwLGVudW1lcmFibGU6ITAsY29uZmlndXJhYmxlOiEwfSl9aWYobnVsbCE9PXUmJiJvYmplY3QiPT10eXBlb2YgdSlqLnB1c2godSksTz1BcnJheS5pc0FycmF5KHUpPyJiZWZvcmVBcnJheVZhbHVlIjoiYmVmb3JlUHJvcGVydHlOYW1lIjtlbHNle3ZhciBlPWpbai5sZW5ndGgtMV07Tz1udWxsPT1lPyJlbmQiOkFycmF5LmlzQXJyYXkoZSk/ImFmdGVyQXJyYXlWYWx1ZSI6ImFmdGVyUHJvcGVydHlWYWx1ZSJ9fWZ1bmN0aW9uIGV1KCl7ai5wb3AoKTt2YXIgdT1qW2oubGVuZ3RoLTFdO089bnVsbD09dT8iZW5kIjpBcnJheS5pc0FycmF5KHUpPyJhZnRlckFycmF5VmFsdWUiOiJhZnRlclByb3BlcnR5VmFsdWUifWZ1bmN0aW9uIHJ1KHUpe3JldHVybiBDdSh2b2lkIDA9PT11PyJKU09ONTogaW52YWxpZCBlbmQgb2YgaW5wdXQgYXQgIitWKyI6IitKOiJKU09ONTogaW52YWxpZCBjaGFyYWN0ZXIgJyIrRnUodSkrIicgYXQgIitWKyI6IitKKX1mdW5jdGlvbiB0dSgpe3JldHVybiBDdSgiSlNPTjU6IGludmFsaWQgZW5kIG9mIGlucHV0IGF0ICIrVisiOiIrSil9ZnVuY3Rpb24gbnUoKXtyZXR1cm4gQ3UoIkpTT041OiBpbnZhbGlkIGlkZW50aWZpZXIgY2hhcmFjdGVyIGF0ICIrVisiOiIrKEotPTUpKX1mdW5jdGlvbiBGdSh1KXt2YXIgRD17IiciOiJcXCciLCciJzonXFwiJywiXFwiOiJcXFxcIiwiXGIiOiJcXGIiLCJcZiI6IlxcZiIsIlxuIjoiXFxuIiwiXHIiOiJcXHIiLCJcdCI6IlxcdCIsIlx2IjoiXFx2IiwiXDAiOiJcXDAiLCJcdTIwMjgiOiJcXHUyMDI4IiwiXHUyMDI5IjoiXFx1MjAyOSJ9O2lmKERbdV0pcmV0dXJuIERbdV07aWYodTwiICIpe3ZhciBlPXUuY2hhckNvZGVBdCgwKS50b1N0cmluZygxNik7cmV0dXJuIlxceCIrKCIwMCIrZSkuc3Vic3RyaW5nKGUubGVuZ3RoKX1yZXR1cm4gdX1mdW5jdGlvbiBDdSh1KXt2YXIgRD1uZXcgU3ludGF4RXJyb3IodSk7cmV0dXJuIEQubGluZU51bWJlcj1WLEQuY29sdW1uTnVtYmVyPUosRH1yZXR1cm57cGFyc2U6ZnVuY3Rpb24odSxEKXtfPVN0cmluZyh1KSxPPSJzdGFydCIsaj1bXSxJPTAsVj0xLEo9MCxNPXZvaWQgMCxrPXZvaWQgMCxMPXZvaWQgMDtkb3tNPVooKSx1dVtPXSgpfXdoaWxlKCJlb2YiIT09TS50eXBlKTtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgRD9mdW5jdGlvbiB1KEQsZSxyKXt2YXIgdD1EW2VdO2lmKG51bGwhPXQmJiJvYmplY3QiPT10eXBlb2YgdClpZihBcnJheS5pc0FycmF5KHQpKWZvcih2YXIgbj0wO248dC5sZW5ndGg7bisrKXt2YXIgRj1TdHJpbmcobiksQz11KHQsRixyKTt2b2lkIDA9PT1DP2RlbGV0ZSB0W0ZdOk9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LEYse3ZhbHVlOkMsd3JpdGFibGU6ITAsZW51bWVyYWJsZTohMCxjb25maWd1cmFibGU6ITB9KX1lbHNlIGZvcih2YXIgQSBpbiB0KXt2YXIgaT11KHQsQSxyKTt2b2lkIDA9PT1pP2RlbGV0ZSB0W0FdOk9iamVjdC5kZWZpbmVQcm9wZXJ0eSh0LEEse3ZhbHVlOmksd3JpdGFibGU6ITAsZW51bWVyYWJsZTohMCxjb25maWd1cmFibGU6ITB9KX1yZXR1cm4gci5jYWxsKEQsZSx0KX0oeyIiOkx9LCIiLEQpOkx9LHN0cmluZ2lmeTpmdW5jdGlvbih1LEQsZSl7dmFyIHIsdCxuLEY9W10sQz0iIixBPSIiO2lmKG51bGw9PUR8fCJvYmplY3QiIT10eXBlb2YgRHx8QXJyYXkuaXNBcnJheShEKXx8KGU9RC5zcGFjZSxuPUQucXVvdGUsRD1ELnJlcGxhY2VyKSwiZnVuY3Rpb24iPT10eXBlb2YgRCl0PUQ7ZWxzZSBpZihBcnJheS5pc0FycmF5KEQpKXtyPVtdO2Zvcih2YXIgaT0wLEU9RDtpPEUubGVuZ3RoO2krPTEpe3ZhciBvPUVbaV0sYT12b2lkIDA7InN0cmluZyI9PXR5cGVvZiBvP2E9bzooIm51bWJlciI9PXR5cGVvZiBvfHxvIGluc3RhbmNlb2YgU3RyaW5nfHxvIGluc3RhbmNlb2YgTnVtYmVyKSYmKGE9U3RyaW5nKG8pKSx2b2lkIDAhPT1hJiZyLmluZGV4T2YoYSk8MCYmci5wdXNoKGEpfX1yZXR1cm4gZSBpbnN0YW5jZW9mIE51bWJlcj9lPU51bWJlcihlKTplIGluc3RhbmNlb2YgU3RyaW5nJiYoZT1TdHJpbmcoZSkpLCJudW1iZXIiPT10eXBlb2YgZT9lPjAmJihlPU1hdGgubWluKDEwLE1hdGguZmxvb3IoZSkpLEE9IiAgICAgICAgICAiLnN1YnN0cigwLGUpKToic3RyaW5nIj09dHlwZW9mIGUmJihBPWUuc3Vic3RyKDAsMTApKSxjKCIiLHsiIjp1fSk7ZnVuY3Rpb24gYyh1LEQpe3ZhciBlPURbdV07c3dpdGNoKG51bGwhPWUmJigiZnVuY3Rpb24iPT10eXBlb2YgZS50b0pTT041P2U9ZS50b0pTT041KHUpOiJmdW5jdGlvbiI9PXR5cGVvZiBlLnRvSlNPTiYmKGU9ZS50b0pTT04odSkpKSx0JiYoZT10LmNhbGwoRCx1LGUpKSxlIGluc3RhbmNlb2YgTnVtYmVyP2U9TnVtYmVyKGUpOmUgaW5zdGFuY2VvZiBTdHJpbmc/ZT1TdHJpbmcoZSk6ZSBpbnN0YW5jZW9mIEJvb2xlYW4mJihlPWUudmFsdWVPZigpKSxlKXtjYXNlIG51bGw6cmV0dXJuIm51bGwiO2Nhc2UhMDpyZXR1cm4idHJ1ZSI7Y2FzZSExOnJldHVybiJmYWxzZSJ9cmV0dXJuInN0cmluZyI9PXR5cGVvZiBlP0IoZSk6Im51bWJlciI9PXR5cGVvZiBlP1N0cmluZyhlKToib2JqZWN0Ij09dHlwZW9mIGU/QXJyYXkuaXNBcnJheShlKT9mdW5jdGlvbih1KXtpZihGLmluZGV4T2YodSk+PTApdGhyb3cgVHlwZUVycm9yKCJDb252ZXJ0aW5nIGNpcmN1bGFyIHN0cnVjdHVyZSB0byBKU09ONSIpO0YucHVzaCh1KTt2YXIgRD1DO0MrPUE7Zm9yKHZhciBlLHI9W10sdD0wO3Q8dS5sZW5ndGg7dCsrKXt2YXIgbj1jKFN0cmluZyh0KSx1KTtyLnB1c2godm9pZCAwIT09bj9uOiJudWxsIil9aWYoMD09PXIubGVuZ3RoKWU9IltdIjtlbHNlIGlmKCIiPT09QSl7dmFyIGk9ci5qb2luKCIsIik7ZT0iWyIraSsiXSJ9ZWxzZXt2YXIgRT0iLFxuIitDLG89ci5qb2luKEUpO2U9IltcbiIrQytvKyIsXG4iK0QrIl0ifXJldHVybiBGLnBvcCgpLEM9RCxlfShlKTpmdW5jdGlvbih1KXtpZihGLmluZGV4T2YodSk+PTApdGhyb3cgVHlwZUVycm9yKCJDb252ZXJ0aW5nIGNpcmN1bGFyIHN0cnVjdHVyZSB0byBKU09ONSIpO0YucHVzaCh1KTt2YXIgRD1DO0MrPUE7Zm9yKHZhciBlLHQsbj1yfHxPYmplY3Qua2V5cyh1KSxpPVtdLEU9MCxvPW47RTxvLmxlbmd0aDtFKz0xKXt2YXIgYT1vW0VdLEI9YyhhLHUpO2lmKHZvaWQgMCE9PUIpe3ZhciBmPXMoYSkrIjoiOyIiIT09QSYmKGYrPSIgIiksZis9QixpLnB1c2goZil9fWlmKDA9PT1pLmxlbmd0aCllPSJ7fSI7ZWxzZSBpZigiIj09PUEpdD1pLmpvaW4oIiwiKSxlPSJ7Iit0KyJ9IjtlbHNle3ZhciBsPSIsXG4iK0M7dD1pLmpvaW4obCksZT0ie1xuIitDK3QrIixcbiIrRCsifSJ9cmV0dXJuIEYucG9wKCksQz1ELGV9KGUpOnZvaWQgMH1mdW5jdGlvbiBCKHUpe2Zvcih2YXIgRD17IiciOi4xLCciJzouMn0sZT17IiciOiJcXCciLCciJzonXFwiJywiXFwiOiJcXFxcIiwiXGIiOiJcXGIiLCJcZiI6IlxcZiIsIlxuIjoiXFxuIiwiXHIiOiJcXHIiLCJcdCI6IlxcdCIsIlx2IjoiXFx2IiwiXDAiOiJcXDAiLCJcdTIwMjgiOiJcXHUyMDI4IiwiXHUyMDI5IjoiXFx1MjAyOSJ9LHI9IiIsdD0wO3Q8dS5sZW5ndGg7dCsrKXt2YXIgRj11W3RdO3N3aXRjaChGKXtjYXNlIiciOmNhc2UnIic6RFtGXSsrLHIrPUY7Y29udGludWU7Y2FzZSJcMCI6aWYoVS5pc0RpZ2l0KHVbdCsxXSkpe3IrPSJcXHgwMCI7Y29udGludWV9fWlmKGVbRl0pcis9ZVtGXTtlbHNlIGlmKEY8IiAiKXt2YXIgQz1GLmNoYXJDb2RlQXQoMCkudG9TdHJpbmcoMTYpO3IrPSJcXHgiKygiMDAiK0MpLnN1YnN0cmluZyhDLmxlbmd0aCl9ZWxzZSByKz1GfXZhciBBPW58fE9iamVjdC5rZXlzKEQpLnJlZHVjZShmdW5jdGlvbih1LGUpe3JldHVybiBEW3VdPERbZV0/dTplfSk7cmV0dXJuIEErKHI9ci5yZXBsYWNlKG5ldyBSZWdFeHAoQSwiZyIpLGVbQV0pKStBfWZ1bmN0aW9uIHModSl7aWYoMD09PXUubGVuZ3RoKXJldHVybiBCKHUpO3ZhciBEPVN0cmluZy5mcm9tQ29kZVBvaW50KHUuY29kZVBvaW50QXQoMCkpO2lmKCFVLmlzSWRTdGFydENoYXIoRCkpcmV0dXJuIEIodSk7Zm9yKHZhciBlPUQubGVuZ3RoO2U8dS5sZW5ndGg7ZSsrKWlmKCFVLmlzSWRDb250aW51ZUNoYXIoU3RyaW5nLmZyb21Db2RlUG9pbnQodS5jb2RlUG9pbnRBdChlKSkpKXJldHVybiBCKHUpO3JldHVybiB1fX19fSk7`;
+async function download_file$1(_logfile, filename2, filecontents) {
+  const blob = new Blob([filecontents], { type: "text/plain" });
+  const link = document.createElement("a");
+  link.href = URL.createObjectURL(blob);
+  link.download = filename2;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+const loaded_time = Date.now();
+let last_eval_time = 0;
+async function client_events$1() {
+  const params = new URLSearchParams();
+  params.append("loaded_time", loaded_time.valueOf());
+  params.append("last_eval_time", last_eval_time.valueOf());
+  return (await api$1("GET", `/api/events?${params.toString()}`)).parsed;
+}
+async function eval_logs$1() {
+  const logs = await api$1("GET", `/api/logs`);
+  last_eval_time = Date.now();
+  return logs.parsed;
+}
+async function eval_log$1(file, headerOnly) {
+  if (headerOnly) {
+    return await api$1("GET", `/api/logs/${file}?header-only=true`);
+  } else {
+    return await api$1("GET", `/api/logs/${file}`);
+  }
+}
+async function eval_log_headers$1(files) {
+  const params = new URLSearchParams();
+  for (const file of files) {
+    params.append("file", file);
+  }
+  return (await api$1("GET", `/api/log-headers?${params.toString()}`)).parsed;
+}
+async function api$1(method, path, body) {
+  const headers = {
+    Accept: "application/json",
+    Pragma: "no-cache",
+    Expires: "0",
+    ["Cache-Control"]: "no-cache"
+  };
+  const response = await fetch(`${path}`, { method, headers, body });
+  if (response.ok) {
+    const text = await response.text();
+    return {
+      parsed: await asyncJsonParse(text),
+      raw: text
+    };
+  } else if (response.status !== 200) {
+    const message = await response.text() || response.statusText;
+    const error = new Error(`Error: ${response.status}: ${message})`);
+    throw error;
+  } else {
+    throw new Error(`${response.status} - ${response.statusText} `);
+  }
+}
+const browserApi = {
+  client_events: client_events$1,
+  eval_logs: eval_logs$1,
+  eval_log: eval_log$1,
+  eval_log_headers: eval_log_headers$1,
+  download_file: download_file$1
+};
+var Space_Separator = /[\u1680\u2000-\u200A\u202F\u205F\u3000]/;
+var ID_Start = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE83\uDE86-\uDE89\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]/;
+var ID_Continue = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u09FC\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D00-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF9\u1D00-\u1DF9\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC00-\uDC46\uDC66-\uDC6F\uDC7F-\uDCBA\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD00-\uDD34\uDD36-\uDD3F\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDCA-\uDDCC\uDDD0-\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDEF0-\uDEF9\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3C-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC50-\uDC59\uDC80-\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE50-\uDE59\uDE80-\uDEB7\uDEC0-\uDEC9\uDF00-\uDF19\uDF1D-\uDF2B\uDF30-\uDF39]|\uD806[\uDCA0-\uDCE9\uDCFF\uDE00-\uDE3E\uDE47\uDE50-\uDE83\uDE86-\uDE99\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC50-\uDC59\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD50-\uDD59]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF50-\uDF59\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50-\uDF7E\uDF8F-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4A\uDD50-\uDD59]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uDB40[\uDD00-\uDDEF]/;
+var unicode = {
+  Space_Separator,
+  ID_Start,
+  ID_Continue
+};
+var util = {
+  isSpaceSeparator(c2) {
+    return typeof c2 === "string" && unicode.Space_Separator.test(c2);
+  },
+  isIdStartChar(c2) {
+    return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 === "$" || c2 === "_" || unicode.ID_Start.test(c2));
+  },
+  isIdContinueChar(c2) {
+    return typeof c2 === "string" && (c2 >= "a" && c2 <= "z" || c2 >= "A" && c2 <= "Z" || c2 >= "0" && c2 <= "9" || c2 === "$" || c2 === "_" || c2 === "‌" || c2 === "‍" || unicode.ID_Continue.test(c2));
+  },
+  isDigit(c2) {
+    return typeof c2 === "string" && /[0-9]/.test(c2);
+  },
+  isHexDigit(c2) {
+    return typeof c2 === "string" && /[0-9A-Fa-f]/.test(c2);
+  }
+};
+let source;
+let parseState;
+let stack;
+let pos;
+let line;
+let column;
+let token;
+let key;
+let root;
+var parse = function parse2(text, reviver) {
+  source = String(text);
+  parseState = "start";
+  stack = [];
+  pos = 0;
+  line = 1;
+  column = 0;
+  token = void 0;
+  key = void 0;
+  root = void 0;
+  do {
+    token = lex();
+    parseStates[parseState]();
+  } while (token.type !== "eof");
+  if (typeof reviver === "function") {
+    return internalize({ "": root }, "", reviver);
+  }
+  return root;
+};
+function internalize(holder, name, reviver) {
+  const value = holder[name];
+  if (value != null && typeof value === "object") {
+    if (Array.isArray(value)) {
+      for (let i2 = 0; i2 < value.length; i2++) {
+        const key2 = String(i2);
+        const replacement = internalize(value, key2, reviver);
+        if (replacement === void 0) {
+          delete value[key2];
+        } else {
+          Object.defineProperty(value, key2, {
+            value: replacement,
+            writable: true,
+            enumerable: true,
+            configurable: true
+          });
+        }
+      }
+    } else {
+      for (const key2 in value) {
+        const replacement = internalize(value, key2, reviver);
+        if (replacement === void 0) {
+          delete value[key2];
+        } else {
+          Object.defineProperty(value, key2, {
+            value: replacement,
+            writable: true,
+            enumerable: true,
+            configurable: true
+          });
+        }
+      }
+    }
+  }
+  return reviver.call(holder, name, value);
+}
+let lexState;
+let buffer;
+let doubleQuote;
+let sign;
+let c;
+function lex() {
+  lexState = "default";
+  buffer = "";
+  doubleQuote = false;
+  sign = 1;
+  for (; ; ) {
+    c = peek();
+    const token2 = lexStates[lexState]();
+    if (token2) {
+      return token2;
+    }
+  }
+}
+function peek() {
+  if (source[pos]) {
+    return String.fromCodePoint(source.codePointAt(pos));
+  }
+}
+function read() {
+  const c2 = peek();
+  if (c2 === "\n") {
+    line++;
+    column = 0;
+  } else if (c2) {
+    column += c2.length;
   } else {
-    for (const scorer of Object.keys(sample.scores)) {
-      const tabId = `score-${scorer}`;
-      tabs.push(m$1`
-        <${TabPanel} id="${tabId}" title="${scorer}" icon=${icons.scorer} onSelected=${onSelectedTab} selected=${selectedTab === tabId}>
-          <${SampleScoreView}
-            sample=${sample}
-            context=${context}
-            sampleDescriptor=${sampleDescriptor}
-            scorer=${scorer}
-          />
-        </${TabPanel}>`);
+    column++;
+  }
+  if (c2) {
+    pos += c2.length;
+  }
+  return c2;
+}
+const lexStates = {
+  default() {
+    switch (c) {
+      case "	":
+      case "\v":
+      case "\f":
+      case " ":
+      case " ":
+      case "\uFEFF":
+      case "\n":
+      case "\r":
+      case "\u2028":
+      case "\u2029":
+        read();
+        return;
+      case "/":
+        read();
+        lexState = "comment";
+        return;
+      case void 0:
+        read();
+        return newToken("eof");
+    }
+    if (util.isSpaceSeparator(c)) {
+      read();
+      return;
+    }
+    return lexStates[parseState]();
+  },
+  comment() {
+    switch (c) {
+      case "*":
+        read();
+        lexState = "multiLineComment";
+        return;
+      case "/":
+        read();
+        lexState = "singleLineComment";
+        return;
+    }
+    throw invalidChar(read());
+  },
+  multiLineComment() {
+    switch (c) {
+      case "*":
+        read();
+        lexState = "multiLineCommentAsterisk";
+        return;
+      case void 0:
+        throw invalidChar(read());
+    }
+    read();
+  },
+  multiLineCommentAsterisk() {
+    switch (c) {
+      case "*":
+        read();
+        return;
+      case "/":
+        read();
+        lexState = "default";
+        return;
+      case void 0:
+        throw invalidChar(read());
+    }
+    read();
+    lexState = "multiLineComment";
+  },
+  singleLineComment() {
+    switch (c) {
+      case "\n":
+      case "\r":
+      case "\u2028":
+      case "\u2029":
+        read();
+        lexState = "default";
+        return;
+      case void 0:
+        read();
+        return newToken("eof");
+    }
+    read();
+  },
+  value() {
+    switch (c) {
+      case "{":
+      case "[":
+        return newToken("punctuator", read());
+      case "n":
+        read();
+        literal("ull");
+        return newToken("null", null);
+      case "t":
+        read();
+        literal("rue");
+        return newToken("boolean", true);
+      case "f":
+        read();
+        literal("alse");
+        return newToken("boolean", false);
+      case "-":
+      case "+":
+        if (read() === "-") {
+          sign = -1;
+        }
+        lexState = "sign";
+        return;
+      case ".":
+        buffer = read();
+        lexState = "decimalPointLeading";
+        return;
+      case "0":
+        buffer = read();
+        lexState = "zero";
+        return;
+      case "1":
+      case "2":
+      case "3":
+      case "4":
+      case "5":
+      case "6":
+      case "7":
+      case "8":
+      case "9":
+        buffer = read();
+        lexState = "decimalInteger";
+        return;
+      case "I":
+        read();
+        literal("nfinity");
+        return newToken("numeric", Infinity);
+      case "N":
+        read();
+        literal("aN");
+        return newToken("numeric", NaN);
+      case '"':
+      case "'":
+        doubleQuote = read() === '"';
+        buffer = "";
+        lexState = "string";
+        return;
     }
-  }
-  const sampleMetadatas = metadataViewsForSample(baseId, sample, context);
-  if (sampleMetadatas.length > 0) {
-    tabs.push(
-      m$1`
-      <${TabPanel} 
-          id=${metdataTabId} 
-          title="Metadata" 
-          icon=${icons.metadata}
-          onSelected=${onSelectedTab} 
-          selected=${selectedTab === metdataTabId}>
-        ${sampleMetadatas}
-      </${TabPanel}>`
-    );
-  }
-  return m$1`<${SampleSummary}
-    id=${sample.id}
-    sample=${sample}
-    sampleDescriptor=${sampleDescriptor}/>
-
-  <${TabSet} id="task-sample-details-tab-${id2}" styles=${{
-    tabs: {
-      fontSize: "0.8em"
-    },
-    tabBody: {
-      paddingLeft: ".4em",
-      marginTop: "0.5rem"
+    throw invalidChar(read());
+  },
+  identifierNameStartEscape() {
+    if (c !== "u") {
+      throw invalidChar(read());
     }
-  }}>
-    ${tabs}
-  </${TabSet}>`;
-};
-const metadataViewsForSample = (id2, sample, context) => {
-  var _a, _b, _c;
-  const sampleMetadatas = [];
-  if (Object.keys(sample == null ? void 0 : sample.metadata).length > 0) {
-    sampleMetadatas.push(
-      m$1` <${MetaDataView}
-        id="task-sample-metadata-${id2}"
-        classes="tab-pane"
-        entries="${sample == null ? void 0 : sample.metadata}"
-        style=${{ marginTop: "1em" }}
-        context=${context}
-      />`
-    );
-  }
-  if (((_a = sample == null ? void 0 : sample.score) == null ? void 0 : _a.metadata) && Object.keys((_b = sample == null ? void 0 : sample.score) == null ? void 0 : _b.metadata).length > 0) {
-    sampleMetadatas.push(
-      m$1`<${MetaDataView}
-        id="task-sample-metadata-${id2}"
-        classes="tab-pane"
-        entries="${(_c = sample == null ? void 0 : sample.score) == null ? void 0 : _c.metadata}"
-        style=${{ marginTop: "1em" }}
-        context=${context}
-      />`
-    );
-  }
-  return sampleMetadatas;
-};
-const SampleSummary = ({ id: id2, sample, sampleDescriptor }) => {
-  const input = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.input) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.input) : 0;
-  const target = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.target) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.target) : 0;
-  const answer = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.answer) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.answer) : 0;
-  const scoreInput = [inputString(sample.input)];
-  if (sample.choices && sample.choices.length > 0) {
-    scoreInput.push("");
-    scoreInput.push(
-      ...sample.choices.map((choice, index) => {
-        return `${String.fromCharCode(65 + index)}) ${choice}`;
-      })
-    );
-  }
-  const columns = [];
-  columns.push({
-    label: "Id",
-    value: id2,
-    size: "minmax(2em, 25%)"
-  });
-  columns.push({
-    label: "Input",
-    value: scoreInput,
-    size: `${input}fr`,
-    clamp: true
-  });
-  if (sample.target) {
-    columns.push({
-      label: "Target",
-      value: m$1`<${MarkdownDiv}
-        markdown=${arrayToString(arrayToString((sample == null ? void 0 : sample.target) || "none"))}
-        style=${{ paddingLeft: "0" }}
-        class="no-last-para-padding"
-      />`,
-      size: `${target}fr`,
-      clamp: true
-    });
-  }
-  const fullAnswer = sample && sampleDescriptor ? sampleDescriptor.selectedScorer(sample).answer() : void 0;
-  if (fullAnswer) {
-    columns.push({
-      label: "Answer",
-      value: sample ? m$1`<${MarkdownDiv}
-            markdown=${arrayToString(shortenCompletion(fullAnswer))}
-            style=${{ paddingLeft: "0" }}
-            class="no-last-para-padding"
-          />` : "",
-      size: `${answer}fr`,
-      clamp: true
-    });
-  }
-  columns.push({
-    label: "Score",
-    value: sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScore(sample).render(),
-    size: "minmax(2em, auto)",
-    center: true
-  });
-  return m$1`
-    <div
-      id=${`sample-${id2}`}
-      style=${{
-    display: "grid",
-    gridTemplateColumns: `${columns.map((col) => {
-      return col.size;
-    }).join(" ")}`,
-    gridColumnGap: "0.5em",
-    fontSize: "0.8em",
-    borderBottom: "solid var(--bs-border-color) 1px",
-    marginBottom: "1em",
-    padding: "0em 1em 1em 1em"
-  }}
-    >
-      ${columns.map((col) => {
-    const style = {
-      textTransform: "uppercase",
-      fontSize: "0.6rem"
-    };
-    if (col.center) {
-      style.display = "flex";
-      style.justifyContent = "center";
+    read();
+    const u2 = unicodeEscape();
+    switch (u2) {
+      case "$":
+      case "_":
+        break;
+      default:
+        if (!util.isIdStartChar(u2)) {
+          throw invalidIdentifier();
+        }
+        break;
+    }
+    buffer += u2;
+    lexState = "identifierName";
+  },
+  identifierName() {
+    switch (c) {
+      case "$":
+      case "_":
+      case "‌":
+      case "‍":
+        buffer += read();
+        return;
+      case "\\":
+        read();
+        lexState = "identifierNameEscape";
+        return;
+    }
+    if (util.isIdContinueChar(c)) {
+      buffer += read();
+      return;
+    }
+    return newToken("identifier", buffer);
+  },
+  identifierNameEscape() {
+    if (c !== "u") {
+      throw invalidChar(read());
+    }
+    read();
+    const u2 = unicodeEscape();
+    switch (u2) {
+      case "$":
+      case "_":
+      case "‌":
+      case "‍":
+        break;
+      default:
+        if (!util.isIdContinueChar(u2)) {
+          throw invalidIdentifier();
+        }
+        break;
+    }
+    buffer += u2;
+    lexState = "identifierName";
+  },
+  sign() {
+    switch (c) {
+      case ".":
+        buffer = read();
+        lexState = "decimalPointLeading";
+        return;
+      case "0":
+        buffer = read();
+        lexState = "zero";
+        return;
+      case "1":
+      case "2":
+      case "3":
+      case "4":
+      case "5":
+      case "6":
+      case "7":
+      case "8":
+      case "9":
+        buffer = read();
+        lexState = "decimalInteger";
+        return;
+      case "I":
+        read();
+        literal("nfinity");
+        return newToken("numeric", sign * Infinity);
+      case "N":
+        read();
+        literal("aN");
+        return newToken("numeric", NaN);
+    }
+    throw invalidChar(read());
+  },
+  zero() {
+    switch (c) {
+      case ".":
+        buffer += read();
+        lexState = "decimalPoint";
+        return;
+      case "e":
+      case "E":
+        buffer += read();
+        lexState = "decimalExponent";
+        return;
+      case "x":
+      case "X":
+        buffer += read();
+        lexState = "hexadecimal";
+        return;
+    }
+    return newToken("numeric", sign * 0);
+  },
+  decimalInteger() {
+    switch (c) {
+      case ".":
+        buffer += read();
+        lexState = "decimalPoint";
+        return;
+      case "e":
+      case "E":
+        buffer += read();
+        lexState = "decimalExponent";
+        return;
     }
-    return m$1`<div style=${{ ...style }}>${col.label}</div>`;
-  })}
-      ${columns.map((col) => {
-    const style = {
-      ...col.clamp ? sharedStyles.threeLineClamp : {}
-    };
-    if (col.center) {
-      style.display = "flex";
-      style.justifyContent = "center";
+    if (util.isDigit(c)) {
+      buffer += read();
+      return;
     }
-    style.wordWrap = "anywhere";
-    return m$1`<div style=${{ ...style }}>${col.value}</div>`;
-  })}
-    </div>
-  `;
-};
-const SampleDialog = (props) => {
-  const {
-    id: id2,
-    index,
-    title,
-    sample,
-    sampleDescriptor,
-    nextSample,
-    prevSample,
-    context
-  } = props;
-  if (!sample) {
-    return m$1`<${LargeModal} id=${id2} title="No Sample"><${EmptyPanel}>No Sample Selected</${EmptyPanel}></${LargeModal}>`;
-  }
-  const tools = T(() => {
-    const nextTool = {
-      label: "Next Sample",
-      icon: icons.next,
-      onclick: nextSample,
-      enabled: !!nextSample
-    };
-    const prevTool = {
-      label: "Previous Sample",
-      icon: icons.previous,
-      onclick: prevSample,
-      enabled: !!prevSample
-    };
-    return {
-      left: [prevTool],
-      right: [nextTool]
-    };
-  }, [prevSample, nextSample]);
-  const handleKeyUp = q(
-    (e2) => {
-      switch (e2.key) {
-        case "ArrowRight":
-          if (nextSample) {
-            nextSample();
-          }
-          break;
-        case "ArrowLeft":
-          if (prevSample) {
-            prevSample();
-          }
-          break;
-      }
-    },
-    [prevSample, nextSample]
-  );
-  return m$1`
-    <${LargeModal} 
-      id=${id2} 
-      detail=${title}
-      detailTools=${tools}
-      onkeyup=${handleKeyUp}   
-    >
-    <${SampleDisplay}
-      index=${index}
-      id=${id2}
-      sample=${sample}
-      sampleDescriptor=${sampleDescriptor}
-      context=${context}/>
-    </${LargeModal}>`;
-};
-const STYLE_INNER = "position:relative; overflow:hidden; width:100%; min-height:100%;";
-const STYLE_CONTENT = "position:absolute; top:0; left:0; height:100%; width:100%; overflow:visible;";
-class VirtualList extends b {
-  constructor(props) {
-    super(props);
-    this.state = {
-      height: 0,
-      offset: 0
-    };
-    this.resize = this.resize.bind(this);
-    this.handleScroll = throttle(this.handleScroll.bind(this), 100);
-    this.containerRef = m$2();
-  }
-  resize() {
-    if (this.state.height !== this.base.offsetHeight) {
-      this.setState({ height: this.base.offsetHeight });
+    return newToken("numeric", sign * Number(buffer));
+  },
+  decimalPointLeading() {
+    if (util.isDigit(c)) {
+      buffer += read();
+      lexState = "decimalFraction";
+      return;
     }
-  }
-  handleScroll() {
-    if (this.base) {
-      this.setState({ offset: this.base.scrollTop });
+    throw invalidChar(read());
+  },
+  decimalPoint() {
+    switch (c) {
+      case "e":
+      case "E":
+        buffer += read();
+        lexState = "decimalExponent";
+        return;
     }
-    if (this.props.sync) {
-      this.forceUpdate();
+    if (util.isDigit(c)) {
+      buffer += read();
+      lexState = "decimalFraction";
+      return;
     }
-  }
-  componentDidUpdate() {
-    this.resize();
-  }
-  componentDidMount() {
-    this.resize();
-    window.addEventListener("resize", this.resize);
-  }
-  componentWillUnmount() {
-    window.removeEventListener("resize", this.resize);
-  }
-  render({ data, rowMap, renderRow, overscanCount = 10, ...props }, { offset: offset2 = 0, height = 0 }) {
-    const firstVisibleIdx = rowMap.findIndex((row) => {
-      return row.start + row.height >= offset2;
-    });
-    const firstIndex = firstVisibleIdx > -1 ? firstVisibleIdx : 0;
-    const lastVisibleIdx = rowMap.findIndex((row) => {
-      return row.start + row.height >= offset2 + height;
-    });
-    const lastIndex = lastVisibleIdx > -1 ? lastVisibleIdx : rowMap.length - 1;
-    const lastRow = rowMap[rowMap.length - 1];
-    const totalHeight = lastRow ? lastRow.start + lastRow.height : 0;
-    let visibleRowCount = lastIndex - firstIndex;
-    if (overscanCount) {
-      visibleRowCount += overscanCount;
+    return newToken("numeric", sign * Number(buffer));
+  },
+  decimalFraction() {
+    switch (c) {
+      case "e":
+      case "E":
+        buffer += read();
+        lexState = "decimalExponent";
+        return;
     }
-    const start2 = firstVisibleIdx;
-    const end2 = Math.min(data.length, start2 + visibleRowCount);
-    const selection = data.slice(start2, end2);
-    const top2 = firstVisibleIdx !== -1 ? rowMap[firstVisibleIdx].start : 0;
-    const rows = m$1`<div onscroll=${this.handleScroll} ...${props}>
-      <div style=${`${STYLE_INNER} height:${totalHeight}px;`}>
-        <div style=${`${STYLE_CONTENT} top:${top2}px;`} ref=${this.containerRef}>
-          ${selection.map((item, index) => {
-      const component = renderRow(item, start2 + index);
-      return m$1` <div key=${`list-item-${start2 + index}`}>
-              ${component}
-            </div>`;
-    })}
-        </div>
-      </div>
-    </div>`;
-    return rows;
-  }
-}
-const kSampleHeight = 82;
-const kSeparatorHeight = 20;
-const SampleList = (props) => {
-  const {
-    listRef,
-    items,
-    sampleDescriptor,
-    style,
-    selectedIndex,
-    setSelectedIndex,
-    selectedScore,
-    nextSample,
-    prevSample,
-    showSample
-  } = props;
-  if (items.length === 0) {
-    return m$1`<${EmptyPanel}>No Samples</${EmptyPanel}>`;
-  }
-  const heightForType = (type) => {
-    return type === "sample" ? kSampleHeight : kSeparatorHeight;
-  };
-  const rowMap = T(() => {
-    return items.reduce((values, current, index) => {
-      const height = heightForType(current.type);
-      const previous = values.length > 0 ? values[values.length - 1] : void 0;
-      const start2 = previous === void 0 ? 0 : previous.start + previous.height;
-      values.push({
-        index,
-        height,
-        start: start2
-      });
-      return values;
-    }, []);
-  }, [items]);
-  y(() => {
-    const listEl = listRef.current;
-    if (listEl) {
-      const selected = rowMap[selectedIndex];
-      if (selected) {
-        const itemTop = selected.start;
-        const itemBottom = selected.start + selected.height;
-        const scrollTop = listEl.base.scrollTop;
-        const scrollBottom = scrollTop + listEl.base.offsetHeight;
-        if (itemTop >= scrollTop && itemBottom <= scrollBottom) {
-          return;
-        }
-        if (itemTop < scrollTop) {
-          listEl.base.scrollTo({ top: itemTop });
-          return;
+    if (util.isDigit(c)) {
+      buffer += read();
+      return;
+    }
+    return newToken("numeric", sign * Number(buffer));
+  },
+  decimalExponent() {
+    switch (c) {
+      case "+":
+      case "-":
+        buffer += read();
+        lexState = "decimalExponentSign";
+        return;
+    }
+    if (util.isDigit(c)) {
+      buffer += read();
+      lexState = "decimalExponentInteger";
+      return;
+    }
+    throw invalidChar(read());
+  },
+  decimalExponentSign() {
+    if (util.isDigit(c)) {
+      buffer += read();
+      lexState = "decimalExponentInteger";
+      return;
+    }
+    throw invalidChar(read());
+  },
+  decimalExponentInteger() {
+    if (util.isDigit(c)) {
+      buffer += read();
+      return;
+    }
+    return newToken("numeric", sign * Number(buffer));
+  },
+  hexadecimal() {
+    if (util.isHexDigit(c)) {
+      buffer += read();
+      lexState = "hexadecimalInteger";
+      return;
+    }
+    throw invalidChar(read());
+  },
+  hexadecimalInteger() {
+    if (util.isHexDigit(c)) {
+      buffer += read();
+      return;
+    }
+    return newToken("numeric", sign * Number(buffer));
+  },
+  string() {
+    switch (c) {
+      case "\\":
+        read();
+        buffer += escape();
+        return;
+      case '"':
+        if (doubleQuote) {
+          read();
+          return newToken("string", buffer);
         }
-        if (itemBottom > scrollBottom) {
-          listEl.base.scrollTo({ top: itemBottom - listEl.base.offsetHeight });
-          return;
+        buffer += read();
+        return;
+      case "'":
+        if (!doubleQuote) {
+          read();
+          return newToken("string", buffer);
         }
-      }
+        buffer += read();
+        return;
+      case "\n":
+      case "\r":
+        throw invalidChar(read());
+      case "\u2028":
+      case "\u2029":
+        separatorChar(c);
+        break;
+      case void 0:
+        throw invalidChar(read());
     }
-  }, [selectedIndex, rowMap, listRef]);
-  const renderRow = (item, index) => {
-    if (item.type === "sample") {
-      return m$1`
-        <${SampleRow}
-          id=${item.number}
-          index=${index}
-          sample=${item.data}
-          height=${kSampleHeight}
-          sampleDescriptor=${sampleDescriptor}
-          selected=${selectedIndex === index}
-          setSelected=${setSelectedIndex}
-          selectedScore=${selectedScore}
-          showSample=${showSample}
-        />
-      `;
-    } else if (item.type === "separator") {
-      return m$1`
-        <${SeparatorRow}
-          id=${`sample-group${item.number}`}
-          class="cool"
-          title=${item.data}
-          height=${kSeparatorHeight}
-        />
-      `;
-    } else {
-      return "";
+    buffer += read();
+  },
+  start() {
+    switch (c) {
+      case "{":
+      case "[":
+        return newToken("punctuator", read());
     }
-  };
-  const onkeydown = (e2) => {
-    switch (e2.key) {
-      case "ArrowUp":
-        prevSample();
-        e2.preventDefault();
-        e2.stopPropagation();
-        return false;
-      case "ArrowDown":
-        nextSample();
-        e2.preventDefault();
-        e2.stopPropagation();
-        return false;
-      case "Enter":
-        showSample();
-        e2.preventDefault();
-        e2.stopPropagation();
-        return false;
+    lexState = "value";
+  },
+  beforePropertyName() {
+    switch (c) {
+      case "$":
+      case "_":
+        buffer = read();
+        lexState = "identifierName";
+        return;
+      case "\\":
+        read();
+        lexState = "identifierNameStartEscape";
+        return;
+      case "}":
+        return newToken("punctuator", read());
+      case '"':
+      case "'":
+        doubleQuote = read() === '"';
+        lexState = "string";
+        return;
     }
-  };
-  const listStyle = { ...style, flex: "1", overflowY: "auto", outline: "none" };
-  const headerRow = m$1`<div
-    style=${{
-    display: "grid",
-    ...gridColumnStyles(sampleDescriptor),
-    fontSize: "0.7rem",
-    paddingBottom: "0.3em",
-    paddingTop: "0.3em",
-    borderBottom: "solid var(--bs-light-border-subtle) 1px"
-  }}
-  >
-    <div>#</div>
-    <div>Input</div>
-    <div>Target</div>
-    <div>Answer</div>
-    <div>Score</div>
-  </div>`;
-  return m$1` <div
-    style=${{ display: "flex", flexDirection: "column", width: "100%" }}
-  >
-    ${headerRow}
-    <${VirtualList}
-      ref=${listRef}
-      data=${items}
-      tabIndex="0"
-      renderRow=${renderRow}
-      onkeydown=${onkeydown}
-      rowMap=${rowMap}
-      style=${listStyle}
-    />
-  </div>`;
-};
-const SeparatorRow = ({ id: id2, title, height }) => {
-  return m$1`<div
-    id=${id2}
-    style=${{
-    backgroundColor: "var(--bs-secondary-bg)",
-    padding: ".25em 1em .25em 1em",
-    textTransform: "uppercase",
-    color: "var(--bs-secondary)",
-    fontSize: "0.6rem",
-    fontWeight: 600,
-    borderBottom: "solid 1px var(--bs-border-color)",
-    height: `${height}px`
-  }}
-  >
-    <div>${title}</div>
-  </div>`;
-};
-const SampleRow = ({
-  id: id2,
-  index,
-  sample,
-  sampleDescriptor,
-  height,
-  selected,
-  setSelected,
-  showSample
-}) => {
-  const selectedStyle = selected ? {
-    boxShadow: "inset 0 0 0px 2px var(--bs-focus-ring-color)"
-  } : {};
-  const cellStyle = {
-    paddingLeft: "0em",
-    paddingRight: "0em"
-  };
-  return m$1`
-    <div
-      id=${`sample-${id2}`}
-      onclick=${() => {
-    if (setSelected) {
-      setSelected(index);
+    if (util.isIdStartChar(c)) {
+      buffer += read();
+      lexState = "identifierName";
+      return;
     }
-    if (showSample) {
-      showSample();
+    throw invalidChar(read());
+  },
+  afterPropertyName() {
+    if (c === ":") {
+      return newToken("punctuator", read());
     }
-  }}
-      style=${{
-    height: `${height}px`,
-    display: "grid",
-    ...gridColumnStyles(sampleDescriptor),
-    paddingTop: "1em",
-    paddingBottom: "1em",
-    gridTemplateRows: `${height - 28}px`,
-    fontSize: "0.8em",
-    borderBottom: "solid var(--bs-border-color) 1px",
-    cursor: "pointer",
-    ...selectedStyle,
-    overflowY: "hidden"
-  }}
-    >
-      <div class="sample-index" style=${{ ...cellStyle }}>${id2}</div>
-      <div
-        class="sample-input"
-        style=${{
-    ...sharedStyles.threeLineClamp,
-    wordWrap: "anywhere",
-    ...cellStyle
-  }}
-      >
-        ${inputString(sample.input)}
-      </div>
-      <div
-        class="sample-target"
-        style=${{
-    ...sharedStyles.threeLineClamp,
-    ...cellStyle
-  }}
-      >
-        <${MarkdownDiv}
-          markdown=${arrayToString(sample == null ? void 0 : sample.target)}
-          style=${{ paddingLeft: "0" }}
-          class="no-last-para-padding"
-        />
-      </div>
-      <div
-        class="sample-answer"
-        style=${{
-    ...sharedStyles.threeLineClamp,
-    ...cellStyle
-  }}
-      >
-        ${sample ? m$1`
-              <${MarkdownDiv}
-                markdown=${shortenCompletion(
-    sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScorer(sample).answer()
-  )}
-                style=${{ paddingLeft: "0" }}
-                class="no-last-para-padding"
-              />
-            ` : ""}
-      </div>
-
-      <div
-        style=${{
-    fontSize: "0.8rem",
-    ...cellStyle,
-    display: "flex"
-  }}
-      >
-        ${sampleDescriptor == null ? void 0 : sampleDescriptor.selectedScore(sample).render()}
-      </div>
-    </div>
-  `;
+    throw invalidChar(read());
+  },
+  beforePropertyValue() {
+    lexState = "value";
+  },
+  afterPropertyValue() {
+    switch (c) {
+      case ",":
+      case "}":
+        return newToken("punctuator", read());
+    }
+    throw invalidChar(read());
+  },
+  beforeArrayValue() {
+    if (c === "]") {
+      return newToken("punctuator", read());
+    }
+    lexState = "value";
+  },
+  afterArrayValue() {
+    switch (c) {
+      case ",":
+      case "]":
+        return newToken("punctuator", read());
+    }
+    throw invalidChar(read());
+  },
+  end() {
+    throw invalidChar(read());
+  }
 };
-const gridColumnStyles = (sampleDescriptor) => {
-  const { input, target, answer } = gridColumns(sampleDescriptor);
+function newToken(type, value) {
   return {
-    gridGap: "0.5em",
-    gridTemplateColumns: `minmax(2rem, auto) ${input}fr ${target}fr ${answer}fr minmax(2rem, auto)`,
-    paddingLeft: "1em",
-    paddingRight: "1em"
+    type,
+    value,
+    line,
+    column
   };
-};
-const gridColumns = (sampleDescriptor) => {
-  const input = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.input) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.input) : 0;
-  const target = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.target) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.target) : 0;
-  const answer = (sampleDescriptor == null ? void 0 : sampleDescriptor.messageShape.answer) > 0 ? Math.max(0.15, sampleDescriptor.messageShape.answer) : 0;
-  return { input, target, answer };
-};
-const SamplesTab = (props) => {
-  const {
-    task,
-    model,
-    samples,
-    sampleDescriptor,
-    filter,
-    sort: sort$1,
-    epoch,
-    context,
-    selectedScore
-    //setSelectedScore,
-  } = props;
-  const [selectedIndex, setSelectedIndex] = h(0);
-  const [filteredSamples, setFilteredSamples] = h([]);
-  const [items, setItems] = h([]);
-  const sampleListRef = A();
-  const sampleDialogRef = A();
-  y(() => {
-    setFilteredSamples(
-      (samples || []).filter((sample) => {
-        if (epoch && epoch !== "all") {
-          if (epoch !== sample.epoch + "") {
-            return false;
-          }
-        }
-        if (filter.filterFn && filter.value) {
-          return filter.filterFn(sample, filter.value);
-        } else {
-          return true;
-        }
-      })
-    );
-  }, [samples, filter, sort$1, epoch]);
-  const showSample = q(() => {
-    const dialogEl = sampleDialogRef.current;
-    if (dialogEl) {
-      const modal = new Modal(dialogEl.base);
-      modal.show();
+}
+function literal(s2) {
+  for (const c2 of s2) {
+    const p2 = peek();
+    if (p2 !== c2) {
+      throw invalidChar(read());
     }
-  }, [sampleDialogRef]);
-  const hideSample = q(() => {
-    const dialogEl = sampleDialogRef.current;
-    if (dialogEl && dialogEl.base) {
-      const modal = Modal.getInstance(dialogEl.base);
-      if (modal) {
-        modal.hide();
+    read();
+  }
+}
+function escape() {
+  const c2 = peek();
+  switch (c2) {
+    case "b":
+      read();
+      return "\b";
+    case "f":
+      read();
+      return "\f";
+    case "n":
+      read();
+      return "\n";
+    case "r":
+      read();
+      return "\r";
+    case "t":
+      read();
+      return "	";
+    case "v":
+      read();
+      return "\v";
+    case "0":
+      read();
+      if (util.isDigit(peek())) {
+        throw invalidChar(read());
+      }
+      return "\0";
+    case "x":
+      read();
+      return hexEscape();
+    case "u":
+      read();
+      return unicodeEscape();
+    case "\n":
+    case "\u2028":
+    case "\u2029":
+      read();
+      return "";
+    case "\r":
+      read();
+      if (peek() === "\n") {
+        read();
       }
+      return "";
+    case "1":
+    case "2":
+    case "3":
+    case "4":
+    case "5":
+    case "6":
+    case "7":
+    case "8":
+    case "9":
+      throw invalidChar(read());
+    case void 0:
+      throw invalidChar(read());
+  }
+  return read();
+}
+function hexEscape() {
+  let buffer2 = "";
+  let c2 = peek();
+  if (!util.isHexDigit(c2)) {
+    throw invalidChar(read());
+  }
+  buffer2 += read();
+  c2 = peek();
+  if (!util.isHexDigit(c2)) {
+    throw invalidChar(read());
+  }
+  buffer2 += read();
+  return String.fromCodePoint(parseInt(buffer2, 16));
+}
+function unicodeEscape() {
+  let buffer2 = "";
+  let count = 4;
+  while (count-- > 0) {
+    const c2 = peek();
+    if (!util.isHexDigit(c2)) {
+      throw invalidChar(read());
     }
-  }, [sampleDialogRef]);
-  y(() => {
-    const dialogEl = sampleDialogRef.current;
-    if (dialogEl) {
-      dialogEl.base.addEventListener("hidden.bs.modal", () => {
-        const listEl = sampleListRef.current;
-        if (listEl) {
-          listEl.base.focus();
-        }
-      });
+    buffer2 += read();
+  }
+  return String.fromCodePoint(parseInt(buffer2, 16));
+}
+const parseStates = {
+  start() {
+    if (token.type === "eof") {
+      throw invalidEOF();
     }
-  }, [sampleDialogRef, sampleListRef]);
-  y(() => {
-    const { sorted, order: order2 } = sort(sort$1, filteredSamples, sampleDescriptor);
-    const sampleProcessor = getSampleProcessor(
-      filteredSamples,
-      sort$1,
-      epoch,
-      order2,
-      sampleDescriptor
-    );
-    const items2 = sorted.flatMap((sample, index) => {
-      const results = [];
-      const previousSample2 = index !== 0 ? sorted[index - 1] : void 0;
-      const items3 = sampleProcessor(sample, index, previousSample2);
-      results.push(...items3);
-      return results;
-    });
-    setItems(items2);
-    const firstSample = items2.findIndex((val) => {
-      return val.type === "sample";
-    });
-    if (items2.length) {
-      setSelectedIndex(firstSample);
+    push();
+  },
+  beforePropertyName() {
+    switch (token.type) {
+      case "identifier":
+      case "string":
+        key = token.value;
+        parseState = "afterPropertyName";
+        return;
+      case "punctuator":
+        pop();
+        return;
+      case "eof":
+        throw invalidEOF();
     }
-    return items2;
-  }, [filteredSamples, sort$1, epoch, sampleDescriptor]);
-  y(() => {
-    hideSample();
-  }, [items]);
-  const nextSampleIndex = q(() => {
-    for (let i2 = selectedIndex + 1; i2 < items.length; i2++) {
-      if (items[i2].type === "sample") {
-        return i2;
-      }
+  },
+  afterPropertyName() {
+    if (token.type === "eof") {
+      throw invalidEOF();
+    }
+    parseState = "beforePropertyValue";
+  },
+  beforePropertyValue() {
+    if (token.type === "eof") {
+      throw invalidEOF();
+    }
+    push();
+  },
+  beforeArrayValue() {
+    if (token.type === "eof") {
+      throw invalidEOF();
     }
-    return -1;
-  }, [selectedIndex, items]);
-  const previousSampleIndex = q(() => {
-    for (let i2 = selectedIndex - 1; i2 >= 0; i2--) {
-      if (items[i2].type === "sample") {
-        return i2;
-      }
+    if (token.type === "punctuator" && token.value === "]") {
+      pop();
+      return;
     }
-    return -1;
-  }, [selectedIndex, items]);
-  const nextSample = q(() => {
-    const next = nextSampleIndex();
-    if (next > -1) {
-      setSelectedIndex(next);
+    push();
+  },
+  afterPropertyValue() {
+    if (token.type === "eof") {
+      throw invalidEOF();
     }
-  }, [selectedIndex, filteredSamples, nextSampleIndex]);
-  const previousSample = q(() => {
-    const prev = previousSampleIndex();
-    if (prev > -1) {
-      setSelectedIndex(prev);
+    switch (token.value) {
+      case ",":
+        parseState = "beforePropertyName";
+        return;
+      case "}":
+        pop();
     }
-  }, [selectedIndex, filteredSamples, previousSampleIndex]);
-  const elements = [];
-  if ((samples == null ? void 0 : samples.length) === 1 && items.length === 1) {
-    elements.push(
-      m$1` <${InlineSampleDisplay}
-        index="0"
-        key=${`${task}-single-sample`}
-        id="sample-display"
-        sample=${samples[0]}
-        sampleDescriptor=${sampleDescriptor}
-        context=${context}
-      />`
-    );
-  } else {
-    elements.push(
-      m$1`<${SampleList}
-        listRef=${sampleListRef}
-        items=${items}
-        sampleDescriptor=${sampleDescriptor}
-        selectedIndex=${selectedIndex}
-        setSelectedIndex=${setSelectedIndex}
-        selectedScore=${selectedScore}
-        nextSample=${nextSample}
-        prevSample=${previousSample}
-        showSample=${showSample}
-      />`
-    );
-  }
-  elements.push(m$1`
-    <${SampleDialog}
-      ref=${sampleDialogRef}
-      task=${task}
-      model=${model}
-      title=${items.length > 0 ? items[selectedIndex].label : void 0}
-      index=${items.length > 0 ? items[selectedIndex].number : void 0}
-      sample=${items.length > 0 ? items[selectedIndex].data : void 0}
-      sampleDescriptor=${sampleDescriptor}
-      nextSample=${nextSample}
-      prevSample=${previousSample}
-      context=${context}
-    />
-  `);
-  return elements;
-};
-const getSampleProcessor = (samples, sort2, epoch, order2, sampleDescriptor) => {
-  if ((sampleDescriptor == null ? void 0 : sampleDescriptor.epochs) > 1) {
-    if (byEpoch(sort2) || epoch !== "all") {
-      return groupByEpoch(samples, sampleDescriptor, order2);
-    } else if (bySample(sort2)) {
-      return groupBySample(samples, sampleDescriptor, order2);
+  },
+  afterArrayValue() {
+    if (token.type === "eof") {
+      throw invalidEOF();
+    }
+    switch (token.value) {
+      case ",":
+        parseState = "beforeArrayValue";
+        return;
+      case "]":
+        pop();
     }
+  },
+  end() {
   }
-  return noGrouping(samples, order2);
 };
-const noGrouping = (samples, order2) => {
-  const counter = getCounter(samples.length, 1, order2);
-  return (sample, index) => {
-    counter.incrementItem();
-    const itemCount = counter.item();
-    return [
-      {
-        label: `Sample ${itemCount}`,
-        number: itemCount,
-        index,
-        data: sample,
-        type: "sample"
+function push() {
+  let value;
+  switch (token.type) {
+    case "punctuator":
+      switch (token.value) {
+        case "{":
+          value = {};
+          break;
+        case "[":
+          value = [];
+          break;
       }
-    ];
-  };
-};
-const groupBySample = (samples, sampleDescriptor, order2) => {
-  samples = samples.sort((a2, b2) => {
-    return ("" + a2.id).localeCompare(b2.id);
-  });
-  const groupCount = samples.length / sampleDescriptor.epochs;
-  const itemCount = samples.length / groupCount;
-  const counter = getCounter(itemCount, groupCount, order2);
-  return (sample, index, previousSample) => {
-    const results = [];
-    const lastId = previousSample ? previousSample.id : void 0;
-    if (sample.id !== lastId) {
-      counter.incrementGroup();
-      results.push({
-        label: `Sample ${itemCount}`,
-        number: counter.group(),
-        index,
-        data: `Sample ${counter.group()}`,
-        type: "separator"
+      break;
+    case "null":
+    case "boolean":
+    case "numeric":
+    case "string":
+      value = token.value;
+      break;
+  }
+  if (root === void 0) {
+    root = value;
+  } else {
+    const parent = stack[stack.length - 1];
+    if (Array.isArray(parent)) {
+      parent.push(value);
+    } else {
+      Object.defineProperty(parent, key, {
+        value,
+        writable: true,
+        enumerable: true,
+        configurable: true
       });
-      counter.resetItem();
     }
-    counter.incrementItem();
-    results.push({
-      label: `Sample ${counter.group()} (Epoch ${counter.item()})`,
-      number: counter.item(),
-      index,
-      data: sample,
-      type: "sample"
-    });
-    return results;
-  };
-};
-const groupByEpoch = (samples, sampleDescriptor, order2) => {
-  const groupCount = sampleDescriptor.epochs;
-  const itemCount = samples.length / groupCount;
-  const counter = getCounter(itemCount, groupCount, order2);
-  return (sample, index, previousSample) => {
-    const results = [];
-    const lastEpoch = previousSample ? previousSample.epoch : -1;
-    if (lastEpoch !== sample.epoch) {
-      counter.incrementGroup();
-      results.push({
-        label: `Epoch ${counter.group()}`,
-        number: counter.group(),
-        index,
-        data: `Epoch ${counter.group()}`,
-        type: "separator"
-      });
-      counter.resetItem();
+  }
+  if (value !== null && typeof value === "object") {
+    stack.push(value);
+    if (Array.isArray(value)) {
+      parseState = "beforeArrayValue";
+    } else {
+      parseState = "beforePropertyName";
     }
-    counter.incrementItem();
-    results.push({
-      label: `Sample ${counter.item()} (Epoch ${counter.group()})`,
-      number: counter.item(),
-      index,
-      data: sample,
-      type: "sample"
-    });
-    return results;
+  } else {
+    const current = stack[stack.length - 1];
+    if (current == null) {
+      parseState = "end";
+    } else if (Array.isArray(current)) {
+      parseState = "afterArrayValue";
+    } else {
+      parseState = "afterPropertyValue";
+    }
+  }
+}
+function pop() {
+  stack.pop();
+  const current = stack[stack.length - 1];
+  if (current == null) {
+    parseState = "end";
+  } else if (Array.isArray(current)) {
+    parseState = "afterArrayValue";
+  } else {
+    parseState = "afterPropertyValue";
+  }
+}
+function invalidChar(c2) {
+  if (c2 === void 0) {
+    return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
+  }
+  return syntaxError(`JSON5: invalid character '${formatChar(c2)}' at ${line}:${column}`);
+}
+function invalidEOF() {
+  return syntaxError(`JSON5: invalid end of input at ${line}:${column}`);
+}
+function invalidIdentifier() {
+  column -= 5;
+  return syntaxError(`JSON5: invalid identifier character at ${line}:${column}`);
+}
+function separatorChar(c2) {
+  console.warn(`JSON5: '${formatChar(c2)}' in strings is not valid ECMAScript; consider escaping`);
+}
+function formatChar(c2) {
+  const replacements = {
+    "'": "\\'",
+    '"': '\\"',
+    "\\": "\\\\",
+    "\b": "\\b",
+    "\f": "\\f",
+    "\n": "\\n",
+    "\r": "\\r",
+    "	": "\\t",
+    "\v": "\\v",
+    "\0": "\\0",
+    "\u2028": "\\u2028",
+    "\u2029": "\\u2029"
   };
-};
-const getCounter = (itemCount, groupCount, order2) => {
-  let itemIndex = order2 !== "desc" ? 0 : itemCount + 1;
-  let groupIndex = order2 !== "desc" ? 0 : groupCount + 1;
-  return {
-    resetItem: () => {
-      itemIndex = order2 !== "desc" ? 0 : itemCount + 1;
-    },
-    incrementItem: () => {
-      if (order2 !== "desc") {
-        itemIndex++;
-      } else {
-        itemIndex--;
+  if (replacements[c2]) {
+    return replacements[c2];
+  }
+  if (c2 < " ") {
+    const hexString = c2.charCodeAt(0).toString(16);
+    return "\\x" + ("00" + hexString).substring(hexString.length);
+  }
+  return c2;
+}
+function syntaxError(message) {
+  const err = new SyntaxError(message);
+  err.lineNumber = line;
+  err.columnNumber = column;
+  return err;
+}
+var stringify = function stringify2(value, replacer, space) {
+  const stack2 = [];
+  let indent = "";
+  let propertyList;
+  let replacerFunc;
+  let gap = "";
+  let quote;
+  if (replacer != null && typeof replacer === "object" && !Array.isArray(replacer)) {
+    space = replacer.space;
+    quote = replacer.quote;
+    replacer = replacer.replacer;
+  }
+  if (typeof replacer === "function") {
+    replacerFunc = replacer;
+  } else if (Array.isArray(replacer)) {
+    propertyList = [];
+    for (const v2 of replacer) {
+      let item;
+      if (typeof v2 === "string") {
+        item = v2;
+      } else if (typeof v2 === "number" || v2 instanceof String || v2 instanceof Number) {
+        item = String(v2);
       }
-    },
-    incrementGroup: () => {
-      if (order2 !== "desc") {
-        groupIndex++;
-      } else {
-        groupIndex--;
+      if (item !== void 0 && propertyList.indexOf(item) < 0) {
+        propertyList.push(item);
       }
-    },
-    item: () => {
-      return itemIndex;
-    },
-    group: () => {
-      return groupIndex;
     }
-  };
-};
-const EpochFilter = ({ epochs, epoch, setEpoch }) => {
-  const options = ["all"];
-  for (let i2 = 1; i2 <= epochs; i2++) {
-    options.push(i2 + "");
   }
-  return m$1`
-    <div style=${{ display: "flex" }}>
-      <span class="epoch-filter-label" style=${{ alignSelf: "center" }}
-        >Epochs:</span
-      >
-      <select
-        class="form-select form-select-sm"
-        aria-label=".epoch-filter-label"
-        style=${{ fontSize: "0.7rem" }}
-        value=${epoch}
-        onChange=${(e2) => {
-    setEpoch(e2.target.value);
-  }}
-      >
-        ${options.map((option) => {
-    return m$1`<option value="${option}">${option}</option>`;
-  })}
-      </select>
-    </div>
-  `;
-};
-const SampleFilter = ({ descriptor, filter, filterChanged }) => {
-  var _a;
-  const filterCategory = (e2) => {
-    const val = e2.currentTarget.value;
-    if (val === "all") {
-      filterChanged({
-        value: void 0,
-        filterFn: void 0
-      });
-    } else {
-      filterChanged({
-        value: val,
-        filterFn: (sample, value) => {
-          const score = descriptor.selectedScore(sample);
-          if (typeof score.value === "string") {
-            return score.value.toLowerCase() === (value == null ? void 0 : value.toLowerCase());
-          } else if (typeof score.value === "object") {
-            return JSON.stringify(score.value) == value;
-          } else {
-            return score.value === value;
-          }
-        }
-      });
+  if (space instanceof Number) {
+    space = Number(space);
+  } else if (space instanceof String) {
+    space = String(space);
+  }
+  if (typeof space === "number") {
+    if (space > 0) {
+      space = Math.min(10, Math.floor(space));
+      gap = "          ".substr(0, space);
     }
-  };
-  const filterInput = (e2) => {
-    filterChanged({
-      value: e2.currentTarget.value,
-      filterFn: filterText(descriptor)
-    });
-  };
-  switch ((_a = descriptor == null ? void 0 : descriptor.scoreDescriptor) == null ? void 0 : _a.scoreType) {
-    case kScoreTypePassFail: {
-      const options = [{ text: "All", value: "all" }];
-      options.push(
-        ...descriptor.scoreDescriptor.categories.map((cat) => {
-          return { text: cat.text, value: cat.val };
-        })
-      );
-      return m$1`<${SelectFilter}
-        value=${filter.value || "all"}
-        options=${options}
-        filterFn=${filterCategory}
-      />`;
+  } else if (typeof space === "string") {
+    gap = space.substr(0, 10);
+  }
+  return serializeProperty("", { "": value });
+  function serializeProperty(key2, holder) {
+    let value2 = holder[key2];
+    if (value2 != null) {
+      if (typeof value2.toJSON5 === "function") {
+        value2 = value2.toJSON5(key2);
+      } else if (typeof value2.toJSON === "function") {
+        value2 = value2.toJSON(key2);
+      }
     }
-    case kScoreTypeCategorical: {
-      const options = [{ text: "All", value: "all" }];
-      options.push(
-        ...descriptor.scoreDescriptor.categories.map((cat) => {
-          return { text: cat, value: cat };
-        })
-      );
-      return m$1`<${SelectFilter}
-        value=${filter.value || "all"}
-        options=${options}
-        filterFn=${filterCategory}
-      />`;
+    if (replacerFunc) {
+      value2 = replacerFunc.call(holder, key2, value2);
     }
-    case kScoreTypeNumeric: {
-      return m$1`
-        <input
-          type="text"
-          class="form-control"
-          value=${filter.value}
-          placeholder="Filter Samples (score)"
-          style=${{ width: "150px" }}
-          onInput=${filterInput}
-        />
-      `;
+    if (value2 instanceof Number) {
+      value2 = Number(value2);
+    } else if (value2 instanceof String) {
+      value2 = String(value2);
+    } else if (value2 instanceof Boolean) {
+      value2 = value2.valueOf();
+    }
+    switch (value2) {
+      case null:
+        return "null";
+      case true:
+        return "true";
+      case false:
+        return "false";
+    }
+    if (typeof value2 === "string") {
+      return quoteString(value2);
+    }
+    if (typeof value2 === "number") {
+      return String(value2);
+    }
+    if (typeof value2 === "object") {
+      return Array.isArray(value2) ? serializeArray(value2) : serializeObject(value2);
+    }
+    return void 0;
+  }
+  function quoteString(value2) {
+    const quotes = {
+      "'": 0.1,
+      '"': 0.2
+    };
+    const replacements = {
+      "'": "\\'",
+      '"': '\\"',
+      "\\": "\\\\",
+      "\b": "\\b",
+      "\f": "\\f",
+      "\n": "\\n",
+      "\r": "\\r",
+      "	": "\\t",
+      "\v": "\\v",
+      "\0": "\\0",
+      "\u2028": "\\u2028",
+      "\u2029": "\\u2029"
+    };
+    let product = "";
+    for (let i2 = 0; i2 < value2.length; i2++) {
+      const c2 = value2[i2];
+      switch (c2) {
+        case "'":
+        case '"':
+          quotes[c2]++;
+          product += c2;
+          continue;
+        case "\0":
+          if (util.isDigit(value2[i2 + 1])) {
+            product += "\\x00";
+            continue;
+          }
+      }
+      if (replacements[c2]) {
+        product += replacements[c2];
+        continue;
+      }
+      if (c2 < " ") {
+        let hexString = c2.charCodeAt(0).toString(16);
+        product += "\\x" + ("00" + hexString).substring(hexString.length);
+        continue;
+      }
+      product += c2;
+    }
+    const quoteChar = quote || Object.keys(quotes).reduce((a2, b2) => quotes[a2] < quotes[b2] ? a2 : b2);
+    product = product.replace(new RegExp(quoteChar, "g"), replacements[quoteChar]);
+    return quoteChar + product + quoteChar;
+  }
+  function serializeObject(value2) {
+    if (stack2.indexOf(value2) >= 0) {
+      throw TypeError("Converting circular structure to JSON5");
     }
-    case kScoreTypeObject: {
-      if (!descriptor.scoreDescriptor.categories) {
-        return "";
+    stack2.push(value2);
+    let stepback = indent;
+    indent = indent + gap;
+    let keys = propertyList || Object.keys(value2);
+    let partial = [];
+    for (const key2 of keys) {
+      const propertyString = serializeProperty(key2, value2);
+      if (propertyString !== void 0) {
+        let member = serializeKey(key2) + ":";
+        if (gap !== "") {
+          member += " ";
+        }
+        member += propertyString;
+        partial.push(member);
       }
-      const options = [{ text: "All", value: "all" }];
-      options.push(
-        ...descriptor.scoreDescriptor.categories.map((cat) => {
-          return { text: cat.text, value: cat.value };
-        })
-      );
-      return m$1`<${SelectFilter}
-        value=${filter.value || "all"}
-        options=${options}
-        filterFn=${filterCategory}
-      />`;
     }
-    default: {
-      return void 0;
-    }
-  }
-};
-const SelectFilter = ({ value, options, filterFn }) => {
-  return m$1`
-    <div style=${{ display: "flex" }}>
-      <span
-        class="sample-label"
-        style=${{ alignSelf: "center", marginRight: "0.5em" }}
-        >Scores:</span
-      >
-      <select
-        class="form-select form-select-sm"
-        aria-label=".sample-label"
-        style=${{ fontSize: "0.7rem" }}
-        value=${value}
-        onChange=${filterFn}
-      >
-        ${options.map((option) => {
-    return m$1`<option value="${option.value}">${option.text}</option>`;
-  })}
-      </select>
-    </div>
-  `;
-};
-const filterText = (descriptor) => {
-  return (sample, value) => {
-    const score = descriptor.selectedScore(sample);
-    if (!value) {
-      return true;
+    let final;
+    if (partial.length === 0) {
+      final = "{}";
     } else {
-      if (isNumeric(value)) {
-        if (typeof score.value === "number") {
-          return score.value === Number(value);
-        } else {
-          return Number(score.value) === Number(value);
-        }
+      let properties;
+      if (gap === "") {
+        properties = partial.join(",");
+        final = "{" + properties + "}";
       } else {
-        const filters = [
-          {
-            prefix: ">=",
-            fn: (score2, val) => {
-              return score2 >= val;
-            }
-          },
-          {
-            prefix: "<=",
-            fn: (score2, val) => {
-              return score2 <= val;
-            }
-          },
-          {
-            prefix: ">",
-            fn: (score2, val) => {
-              return score2 > val;
-            }
-          },
-          {
-            prefix: "<",
-            fn: (score2, val) => {
-              return score2 < val;
-            }
-          },
-          {
-            prefix: "=",
-            fn: (score2, val) => {
-              return score2 === val;
-            }
-          },
-          {
-            prefix: "!=",
-            fn: (score2, val) => {
-              return score2 !== val;
-            }
-          }
-        ];
-        for (const filter of filters) {
-          if (value == null ? void 0 : value.startsWith(filter.prefix)) {
-            const val = value.slice(filter.prefix.length).trim();
-            if (!val) {
-              return true;
-            }
-            const num = Number(val);
-            return filter.fn(score.value, num);
-          }
-        }
-        if (typeof score.value === "string") {
-          return score.value.toLowerCase() === (value == null ? void 0 : value.toLowerCase());
-        } else {
-          return score.value === value;
-        }
+        let separator = ",\n" + indent;
+        properties = partial.join(separator);
+        final = "{\n" + indent + properties + ",\n" + stepback + "}";
       }
     }
-  };
-};
-const SelectScorer = ({ scores, score, setScore }) => {
-  const scorers = scores.reduce((accum, scorer) => {
-    if (!accum.find((sc) => {
-      return scorer.scorer === sc.scorer;
-    })) {
-      accum.push(scorer);
-    }
-    return accum;
-  }, []);
-  if (scorers.length === 1) {
-    return m$1`
-      <div style=${{ display: "flex" }}>
-        <span class="select-scorer-label" style=${{ alignSelf: "center" }}
-          >Score:</span
-        >
-        <${ScoreSelector}
-          scores=${scores}
-          selectedIndex=${scoreIndex(score, scores)}
-          selectedIndexChanged=${(index) => {
-      setScore(scores[index]);
-    }}
-        />
-      </div>
-    `;
-  } else {
-    const scorerScores = scores.filter((sc) => {
-      return sc.scorer === score.scorer;
-    });
-    const selectors = [
-      m$1`<${ScorerSelector}
-        scorers=${scorers}
-        selectedIndex=${scorerIndex(score, scorers)}
-        selectedIndexChanged=${(index) => {
-        setScore(scorers[index]);
-      }}
-      />`
-    ];
-    if (scorerScores.length > 1) {
-      selectors.push(
-        m$1`<${ScoreSelector}
-          style=${{ marginLeft: "1em" }}
-          scores=${scorerScores}
-          selectedIndex=${scoreIndex(score, scorerScores)}
-          selectedIndexChanged=${(index) => {
-          setScore(scorerScores[index]);
-        }}
-        />`
-      );
-    }
-    return m$1`
-      <div style=${{ display: "flex" }}>
-        <span class="select-scorer-label" style=${{ alignSelf: "center" }}
-          >Scorer:</span
-        >
-        ${selectors}
-      </div>
-    `;
-  }
-};
-const ScoreSelector = ({
-  scores,
-  selectedIndex,
-  selectedIndexChanged,
-  style
-}) => {
-  return m$1`<select
-    class="form-select form-select-sm"
-    aria-label=".epoch-filter-label"
-    style=${{ fontSize: "0.7rem", ...style }}
-    value=${scores[selectedIndex].name}
-    onChange=${(e2) => {
-    selectedIndexChanged(e2.target.selectedIndex);
-  }}
-  >
-    ${scores.map((score) => {
-    return m$1`<option value="${score.name}">${score.name}</option>`;
-  })}
-  </select>`;
-};
-const ScorerSelector = ({ scorers, selectedIndex, selectedIndexChanged }) => {
-  return m$1`<select
-    class="form-select form-select-sm"
-    aria-label=".epoch-filter-label"
-    style=${{ fontSize: "0.7rem" }}
-    value=${scorers[selectedIndex].scorer}
-    onChange=${(e2) => {
-    selectedIndexChanged(e2.target.selectedIndex);
-  }}
-  >
-    ${scorers.map((scorer) => {
-    return m$1`<option value="${scorer.scorer}">${scorer.scorer}</option>`;
-  })}
-  </select>`;
-};
-const scoreIndex = (score, scores) => scores.findIndex((sc) => {
-  return sc.name === score.name && sc.scorer === score.scorer;
-});
-const scorerIndex = (score, scores) => scores.findIndex((sc) => {
-  return sc.scorer === score.scorer;
-});
-const SampleTools = (props) => {
-  const {
-    epoch,
-    setEpoch,
-    filter,
-    filterChanged,
-    sort: sort2,
-    setSort,
-    epochs,
-    sampleDescriptor,
-    score,
-    setScore,
-    scores
-  } = props;
-  const hasEpochs = epochs > 1;
-  const tools = [];
-  if (scores.length > 1) {
-    tools.push(
-      m$1`<${SelectScorer}
-        scores=${scores}
-        score=${score}
-        setScore=${setScore}
-      />`
-    );
+    stack2.pop();
+    indent = stepback;
+    return final;
   }
-  if (hasEpochs) {
-    tools.push(
-      m$1`<${EpochFilter}
-        epoch=${epoch}
-        setEpoch="${setEpoch}"
-        epochs=${epochs}
-      />`
-    );
+  function serializeKey(key2) {
+    if (key2.length === 0) {
+      return quoteString(key2);
+    }
+    const firstChar = String.fromCodePoint(key2.codePointAt(0));
+    if (!util.isIdStartChar(firstChar)) {
+      return quoteString(key2);
+    }
+    for (let i2 = firstChar.length; i2 < key2.length; i2++) {
+      if (!util.isIdContinueChar(String.fromCodePoint(key2.codePointAt(i2)))) {
+        return quoteString(key2);
+      }
+    }
+    return key2;
+  }
+  function serializeArray(value2) {
+    if (stack2.indexOf(value2) >= 0) {
+      throw TypeError("Converting circular structure to JSON5");
+    }
+    stack2.push(value2);
+    let stepback = indent;
+    indent = indent + gap;
+    let partial = [];
+    for (let i2 = 0; i2 < value2.length; i2++) {
+      const propertyString = serializeProperty(String(i2), value2);
+      partial.push(propertyString !== void 0 ? propertyString : "null");
+    }
+    let final;
+    if (partial.length === 0) {
+      final = "[]";
+    } else {
+      if (gap === "") {
+        let properties = partial.join(",");
+        final = "[" + properties + "]";
+      } else {
+        let separator = ",\n" + indent;
+        let properties = partial.join(separator);
+        final = "[\n" + indent + properties + ",\n" + stepback + "]";
+      }
+    }
+    stack2.pop();
+    indent = stepback;
+    return final;
   }
-  tools.push(
-    m$1`<${SampleFilter}
-      filter=${filter}
-      filterChanged=${filterChanged}
-      descriptor=${sampleDescriptor}
-    />`
-  );
-  tools.push(
-    m$1`<${SortFilter}
-      sampleDescriptor=${sampleDescriptor}
-      sort=${sort2}
-      setSort=${setSort}
-      epochs=${hasEpochs}
-    />`
-  );
-  return tools;
 };
-const LabeledValue = ({
-  label,
-  style,
-  valueStyle,
-  layout = "column",
-  children
-}) => {
-  const flexDirection = layout === "column" ? "column" : "row";
-  return m$1` <div
-    style=${{
-    display: "flex",
-    flexDirection,
-    ...style
-  }}
-  >
-    <div
-      style=${{
-    fontSize: "0.5rem",
-    textTransform: "uppercase",
-    fontWeight: "600",
-    marginBottom: "-0.2rem",
-    color: "var(--bs-secondary)"
-  }}
-    >
-      ${label}
-    </div>
-    <div style=${{ fontSize: "0.8rem", ...valueStyle }}>${children}</div>
-  </div>`;
+const JSON5 = {
+  parse,
+  stringify
 };
-const TitleBlock = ({ log, status }) => {
-  var _a, _b, _c;
-  if (!log) {
-    return "";
-  }
-  if (status !== "success") {
-    return "";
-  }
-  const staticColStyle = {
-    flexShrink: "0"
-  };
-  const epochs = log.eval.config.epochs || 1;
-  const hyperparameters = {
-    ...log.plan.config,
-    ...log.eval.task_args
+var lib = JSON5;
+var kMethodEvalLogs = "eval_logs";
+var kMethodEvalLog = "eval_log";
+var kMethodEvalLogHeaders = "eval_log_headers";
+function webViewJsonRpcClient(vscode) {
+  var target = {
+    postMessage: function(data) {
+      vscode.postMessage(data);
+    },
+    onMessage: function(handler) {
+      var onMessage = function(ev) {
+        handler(ev.data);
+      };
+      window.addEventListener("message", onMessage);
+      return function() {
+        window.removeEventListener("message", onMessage);
+      };
+    }
   };
-  const values = [];
-  values.push({
-    size: "auto",
-    value: m$1`<${LabeledValue} label="Dataset" style=${staticColStyle}>
-    <${DatasetSummary}
-      dataset=${(_a = log.eval) == null ? void 0 : _a.dataset}
-      samples=${log.samples}
-      epochs=${epochs}
-      style=${{ fontSize: "0.8rem" }} />
-  </${LabeledValue}>
-`
-  });
-  const label = ((_b = log == null ? void 0 : log.results) == null ? void 0 : _b.scores.length) > 1 ? "Scorers" : "Scorer";
-  values.push({
-    size: "auto",
-    value: m$1`<${LabeledValue} label="${label}" style=${staticColStyle}>
-    <${ScorerSummary} 
-      scorers=${(_c = log == null ? void 0 : log.results) == null ? void 0 : _c.scores} />
-  </${LabeledValue}>`
+  var request = jsonRpcPostMessageRequestTransport(target).request;
+  return request;
+}
+function jsonRpcPostMessageRequestTransport(target) {
+  var requests = /* @__PURE__ */ new Map();
+  var disconnect = target.onMessage(function(ev) {
+    var response = asJsonRpcResponse(ev);
+    if (response) {
+      var request = requests.get(response.id);
+      if (request) {
+        requests["delete"](response.id);
+        if (response.error) {
+          request.reject(response.error);
+        } else {
+          request.resolve(response.result);
+        }
+      }
+    }
   });
-  if (Object.keys(hyperparameters).length > 0) {
-    values.push({
-      size: "auto",
-      value: m$1`<${LabeledValue} label="Config">
-      <${ParamSummary} params=${hyperparameters}/>
-    </${LabeledValue}>`
-    });
-  }
-  return m$1`
-    <div
-      style=${{
-    margin: "0",
-    padding: "0.2em 1em 0.2em 1em",
-    display: "grid",
-    gridColumnGap: "1em",
-    paddingTop: "0.5em",
-    gridTemplateColumns: `${values.map((val) => {
-      return val.size;
-    }).join(" ")}`
-  }}
-    >
-      ${values.map((val) => {
-    return val.value;
-  })}
-    </div>
-  `;
-};
-const DatasetSummary = ({ dataset, samples, epochs, style }) => {
-  if (!dataset) {
-    return "";
+  return {
+    request: function(method, params) {
+      return new Promise(function(resolve, reject) {
+        var requestId = Math.floor(Math.random() * 1e6);
+        requests.set(requestId, {
+          resolve,
+          reject
+        });
+        var request = {
+          jsonrpc: kJsonRpcVersion,
+          id: requestId,
+          method,
+          params
+        };
+        target.postMessage(request);
+      });
+    },
+    disconnect
+  };
+}
+var kJsonRpcVersion = "2.0";
+function isJsonRpcMessage(message) {
+  var jsMessage = message;
+  return jsMessage.jsonrpc !== void 0 && jsMessage.id !== void 0;
+}
+function asJsonRpcMessage(data) {
+  if (isJsonRpcMessage(data) && data.jsonrpc === kJsonRpcVersion) {
+    return data;
+  } else {
+    return null;
   }
-  return m$1`
-    <div style=${style}>
-      ${dataset.name}${(samples == null ? void 0 : samples.length) ? m$1` <span style=${{ fontSize: "0.9em" }}>
-            ${formatDataset(dataset.name, samples.length, epochs)}
-          </span>` : ""}
-    </div>
-  `;
-};
-const ScorerSummary = ({ scorers }) => {
-  if (!scorers) {
-    return "";
+}
+function asJsonRpcResponse(data) {
+  var message = asJsonRpcMessage(data);
+  if (message) {
+    return message;
+  } else {
+    return null;
   }
-  const uniqScorers = /* @__PURE__ */ new Set();
-  scorers.forEach((scorer) => {
-    uniqScorers.add(scorer.name);
-  });
-  return Array.from(uniqScorers).join(", ");
-};
-const ParamSummary = ({ params }) => {
-  if (!params) {
-    return "";
+}
+const vscodeApi = window.acquireVsCodeApi ? window.acquireVsCodeApi() : void 0;
+const vscodeClient = webViewJsonRpcClient(vscodeApi);
+async function client_events() {
+  return [];
+}
+async function eval_logs() {
+  const response = await vscodeClient(kMethodEvalLogs, []);
+  if (response) {
+    const parsed = lib.parse(response);
+    if (Array.isArray(parsed)) {
+      return {
+        log_dir: "",
+        files: parsed
+      };
+    } else {
+      return parsed;
+    }
+  } else {
+    return void 0;
   }
-  const paraValues = Object.keys(params).map((key2) => {
-    return `${key2}: ${params[key2]}`;
-  });
-  if (paraValues.length > 0) {
-    return m$1`<code style=${{ padding: 0, color: "var(--bs-body-color)" }}
-      >${paraValues.join(", ")}</code
-    >`;
+}
+async function eval_log(file, headerOnly, capabilities) {
+  const response = await vscodeClient(kMethodEvalLog, [file, headerOnly]);
+  if (response) {
+    let json;
+    if (capabilities.webWorkers) {
+      json = await asyncJsonParse(response);
+    } else {
+      json = lib.parse(response);
+    }
+    return {
+      parsed: json,
+      raw: response
+    };
   } else {
-    return "";
+    return void 0;
   }
+}
+async function eval_log_headers(files) {
+  const response = await vscodeClient(kMethodEvalLogHeaders, [files]);
+  if (response) {
+    return lib.parse(response);
+  } else {
+    return void 0;
+  }
+}
+async function download_file(logFile) {
+  vscodeApi.postMessage({ type: "openWorkspaceFile", url: logFile });
+}
+const vscodeApi$1 = {
+  client_events,
+  eval_logs,
+  eval_log,
+  eval_log_headers,
+  download_file
 };
-const ModelTokenTable = ({ model_usage }) => {
-  return m$1`
-  <${TokenTable}>
-    <${TokenHeader}/>
-    <tbody>
-    ${Object.keys(model_usage).map((key2) => {
-    const vals = Object.values(model_usage[key2]);
-    return m$1`<${TokenRow} model=${key2} values=${vals} />`;
-  })}
-    </tbody>
-  </${TokenTable}>
-  `;
-};
-const TokenTable = ({ children }) => {
-  return m$1`<table
-    class="table table-sm"
-    style=${{ width: "100%", fontSize: "0.8rem", marginTop: "0.7rem" }}
-  >
-    ${children}
-  </table>`;
-};
-const thStyle = {
-  padding: 0,
-  fontSize: "0.7rem",
-  fontWeight: 400,
-  textTransform: "uppercase"
-};
-const TokenHeader = () => {
-  return m$1`<thead>
-    <tr>
-      <td></td>
-      <td
-        colspan="3"
-        align="center"
-        class="card-subheading"
-        style=${{ paddingBottom: "0.7rem" }}
-      >
-        Tokens
-      </td>
-    </tr>
-    <tr>
-      <th style=${thStyle}>Model</th>
-      <th style=${thStyle}>Input</th>
-      <th style=${thStyle}>Output</th>
-      <th style=${thStyle}>Total</th>
-    </tr>
-  </thead>`;
-};
-const TokenRow = ({ model, values }) => {
-  return m$1`<tr>
-    <td>${model}</td>
-    ${values.map((val) => {
-    return m$1`<td>${val.toLocaleString()}</td>`;
-  })}
-  </tr>`;
-};
-const kUsageCardBodyId = "usage-card-body";
-const UsageCard = ({ stats, context }) => {
-  if (!stats) {
-    return "";
+function singleFileHttpApi() {
+  const urlParams = new URLSearchParams(window.location.search);
+  const fetchLogPath = urlParams.get("log_file");
+  if (fetchLogPath) {
+    const api2 = httpApiForFile(fetchLogPath);
+    return api2;
   }
-  const totalDuration = duration(stats);
-  const usageMetadataStyle = {
-    fontSize: "0.8em"
+}
+function httpApiForFile(logFile) {
+  const getContents = async () => {
+    {
+      const response = await fetch(`${logFile}`, { method: "GET" });
+      if (response.ok) {
+        const text = await response.text();
+        const log = await asyncJsonParse(text);
+        if (log.version === 1) {
+          if (log.results) {
+            log.results.scores = [];
+            log.results.scorer.scorer = log.results.scorer.name;
+            log.results.scores.push(log.results.scorer);
+            delete log.results.scorer;
+            log.results.scores[0].metrics = log.results.metrics;
+            delete log.results.metrics;
+            const scorerName = log.results.scores[0].name;
+            log.samples.forEach((sample) => {
+              sample.scores = { [scorerName]: sample.score };
+              delete sample.score;
+            });
+          }
+        }
+        return {
+          parsed: log,
+          raw: text
+        };
+      } else if (response.status !== 200) {
+        const message = await response.text() || response.statusText;
+        const error = new Error(`Error: ${response.status}: ${message})`);
+        throw error;
+      } else {
+        throw new Error(`${response.status} - ${response.statusText} `);
+      }
+    }
   };
-  return m$1`
-
-    <${Card}>
-      <${CardHeader} icon=${icons.usage} label="Usage"/>
-      <${CardBody} id=${kUsageCardBodyId} style=${{
-    paddingTop: "0",
-    paddingBottom: "0",
-    borderTop: "solid var(--bs-border-color) 1px"
-  }}>
-        <div style=${{
-    paddingTop: "0",
-    paddingBottom: "1em",
-    marginLeft: "0",
-    display: "flex"
-  }}>
-
-          <div style=${{ flex: "1 1 40%", marginRight: "1em" }}>
-          <div class="card-subheading">Duration</div>
-          <${MetaDataView}
-            entries="${{
-    ["Start"]: new Date(stats.started_at).toLocaleString(),
-    ["End"]: new Date(stats.completed_at).toLocaleString(),
-    ["Duration"]: totalDuration
-  }}"
-            tableOptions="borderless,sm"
-            context=${context}
-            style=${usageMetadataStyle}
-          />
-          </div>
-
-          <div style=${{ flex: "1 1 60%" }}>
-            <${ModelTokenTable} model_usage=${stats.model_usage}/>
-          </div>
-        </div>
-      </${CardBody}>
-    </${Card}>
-  `;
+  return {
+    client_events: async () => {
+      return Promise.resolve([]);
+    },
+    eval_logs: async () => {
+      const contents = await getContents();
+      const files = [
+        {
+          name: logFile,
+          task: contents.parsed.eval.task,
+          task_id: contents.parsed.eval.task_id
+        }
+      ];
+      return Promise.resolve({
+        files
+      });
+    },
+    eval_log: async () => {
+      return await getContents();
+    },
+    eval_log_headers: async () => {
+      const contents = await getContents();
+      return Promise.resolve([contents.parsed]);
+    },
+    download_file: download_file$1
+  };
+}
+const api = window.acquireVsCodeApi ? vscodeApi$1 : singleFileHttpApi() || browserApi;
+const DownloadButton = ({ logFile, label, fileName, fileContents }) => {
+  return m$1`<button
+    class="btn btn-outline-primary"
+    style=${{ fontSize: FontSize.small, marginTop: "3em" }}
+    onclick=${async () => {
+    await api.download_file(logFile, fileName, fileContents);
+  }}
+  >
+    ${label}
+  </button>`;
 };
-const duration = (stats) => {
-  const start2 = new Date(stats.started_at);
-  const end2 = new Date(stats.completed_at);
-  const durationMs = end2.getTime() - start2.getTime();
-  const durationSec = durationMs / 1e3;
-  return formatTime(durationSec);
+const DownloadPanel = ({
+  message,
+  buttonLabel,
+  logFile,
+  fileName,
+  fileContents
+}) => {
+  return m$1`<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>`;
 };
 const TaskErrorCard = ({ evalError }) => {
   return m$1`
     <${Card}>
-      <${CardHeader} icon=${icons.error} label="Task Failed: ${evalError.message}"></${CardHeader}>
-      <${CardBody} style=${{ fontSize: "0.8em" }}>
+      <${CardHeader} icon=${ApplicationIcons.error} label="Task Failed: ${evalError.message}"></${CardHeader}>
+      <${CardBody} style=${{ fontSize: FontSize.smaller }}>
         <${ANSIDisplay} output=${evalError.traceback_ansi}/>
       </${CardBody}>
     </${Card}>
@@ -18011,7 +21495,6 @@ const TaskErrorCard = ({ evalError }) => {
 };
 const kEvalTabId = "eval-tab";
 const kJsonTabId = "json-tab";
-const kLoggingTabId = "logging-tab";
 const kInfoTabId = "plan-tab";
 const kPrismRenderMaxSize = 25e4;
 const kJsonMaxSize = 1e7;
@@ -18168,21 +21651,6 @@ const WorkSpace = (props) => {
         </div>`;
       }
     };
-    resolvedTabs.logging = {
-      id: kLoggingTabId,
-      label: "Logging",
-      scrollable: true,
-      content: () => {
-        var _a3;
-        return m$1`<${LoggingPanel}
-          logFile=${workspaceLog.name}
-          logging=${(_a3 = workspaceLog.contents) == null ? void 0 : _a3.logging}
-          capabilities=${props.capabilities}
-          context=${context}
-        />`;
-      },
-      tools: () => []
-    };
     resolvedTabs.json = {
       id: kJsonTabId,
       label: "JSON",
@@ -18203,9 +21671,9 @@ const WorkSpace = (props) => {
         } else {
           if (codeRef.current && !renderedCode) {
             if (workspaceLog.raw.length < kPrismRenderMaxSize) {
-              codeRef.current.innerHTML = Prism.highlight(
+              codeRef.current.innerHTML = Prism$1.highlight(
                 workspaceLog.raw,
-                Prism.languages.javascript,
+                Prism$1.languages.javascript,
                 "javacript"
               );
             } else {
@@ -18218,7 +21686,7 @@ const WorkSpace = (props) => {
           renderedContent.push(
             m$1`<pre>
             <code id="task-json-contents" class="sourceCode" ref=${codeRef} style=${{
-              fontSize: "0.9em",
+              fontSize: FontSize.small,
               whiteSpace: "pre-wrap",
               wordWrap: "anywhere"
             }}>
@@ -18229,7 +21697,7 @@ const WorkSpace = (props) => {
         return m$1` <div
           style=${{
           padding: "1rem",
-          fontSize: "0.9rem",
+          fontSize: FontSize.small,
           width: "100%"
         }}
         >
@@ -18243,7 +21711,7 @@ const WorkSpace = (props) => {
           return [
             m$1`<${ToolButton}
               name=${m$1`<span class="task-btn-copy-content">Copy JSON</span>`}
-              icon="${icons.copy}"
+              icon="${ApplicationIcons.copy}"
               classes="task-btn-json-copy clipboard-button"
               data-clipboard-target="#task-json-contents"
               onclick="${copyFeedback}"
@@ -18273,7 +21741,7 @@ const WorkSpace = (props) => {
         const oldText = textEl.innerText;
         const oldIconClz = iconEl.className;
         textEl.innerText = "Copied!";
-        iconEl.className = `${icons.confirm}`;
+        iconEl.className = `${ApplicationIcons.confirm}`;
         setTimeout(() => {
           window.getSelection().removeAllRanges();
         }, 50);
@@ -18303,43 +21771,43 @@ const WorkSpace = (props) => {
     tabs=${tabs}
     tabTools=${tabTools}
     log=${workspaceLog}
+    logs=${props.logs}
     selectedTab=${selectedTab}
     fullScreen=${props.fullScreen}
     offcanvas=${props.offcanvas}
-    context=${context}
     setSelectedTab=${setSelectedTab}
     afterBodyElements=${afterBodyElements}
   />`;
 };
 const WorkspaceDisplay = ({
   log,
+  logs,
   selectedTab,
   tabs,
   tabTools,
   setSelectedTab,
   divRef,
-  context,
-  afterBodyElements
+  afterBodyElements,
+  offcanvas
 }) => {
-  var _a, _b, _c;
   if (log.contents === void 0) {
     return m$1`<${EmptyPanel} />`;
   } else {
-    return m$1`<div ref=${divRef} class="workspace" style=${{
+    return m$1`
+    
+    <${Navbar}
+      file=${log.name}
+      logs=${logs}
+      log=${log.contents}
+      offcanvas=${offcanvas}
+    />    
+    <div ref=${divRef} class="workspace" style=${{
       paddingTop: "0rem",
       overflowY: "hidden"
     }}>
-            <${TitleBlock}
-              created=${(_a = log.contents) == null ? void 0 : _a.eval.created}
-              stats=${(_b = log.contents) == null ? void 0 : _b.stats}
-              log=${log.contents}
-              context=${context}
-              status=${(_c = log.contents) == null ? void 0 : _c.status}
-            />
             <div
               class="log-detail"
               style=${{
-      borderTop: "solid 1px var(--bs-border-color)",
       padding: "0",
       flex: 1,
       display: "flex",
@@ -18349,16 +21817,20 @@ const WorkspaceDisplay = ({
             >
             <${TabSet} id="log-details" tools="${tabTools}" type="pills" styles=${{
       tabSet: {
-        fontSize: "0.8rem",
+        fontSize: FontSize.smaller,
         flexWrap: "nowrap",
         padding: "0.5em 1em 0.5em 1em",
-        borderBottom: "solid 1px var(--bs-border-color)"
+        borderBottom: "solid 1px var(--bs-border-color)",
+        background: "var(--bs-light)"
       },
       tabBody: { flex: "1", overflowY: "hidden", display: "flex" },
       tabs: {
         padding: ".3rem 0.3rem .3rem 0.3rem",
-        width: "5em",
-        fontSize: "0.7rem"
+        width: "5rem",
+        fontSize: FontSize.smaller,
+        textTransform: "uppercase",
+        borderRadius: "3px",
+        fontWeight: 600
       }
     }} >
               ${Object.keys(tabs).map((key2) => {
@@ -18367,8 +21839,8 @@ const WorkspaceDisplay = ({
                 id=${tab.id}
                 title="${tab.label}"
                 onSelected=${(e2) => {
-        const id2 = e2.currentTarget.id;
-        setSelectedTab(id2);
+        const id = e2.currentTarget.id;
+        setSelectedTab(id);
       }}
                 selected=${selectedTab === tab.id}
                 scrollable=${!!tab.scrollable}>
@@ -18459,9 +21931,9 @@ const FindBand = ({ hideBand }) => {
       type="text"
       ref=${searchBoxRef}
       style=${{
-    height: "1.5em",
+    height: "2em",
     fontSize: "0.9em",
-    marginTop: "0.1rem",
+    margin: "0.1rem",
     outline: "none",
     border: "solid 1px var(--inspect-input-border)",
     color: "var(--inspect-input-foreground)",
@@ -18479,50 +21951,50 @@ const FindBand = ({ hideBand }) => {
     <span
       id="inspect-find-no-results"
       style=${{
-    fontSize: "0.8rem",
+    fontSize: FontSize.base,
     opacity: 0,
-    marginTop: "0.1rem",
+    marginTop: "auto",
+    marginBottom: "auto",
     marginRight: "0.5em"
   }}
       >No results</span
     >
     <button
       title="Previous match"
-      style=${{ padding: 0, fontSize: "0.7rem" }}
+      style=${{ padding: 0, fontSize: FontSize.larger }}
       class="btn"
       onclick=${() => {
     search(searchTerm(), true);
   }}
     >
-      <i class=${icons.arrows.up}></i>
+      <i class=${ApplicationIcons.arrows.up}></i>
     </button>
     <button
       title="Next match"
-      style=${{ padding: 0, fontSize: "0.8rem" }}
+      style=${{ padding: 0, fontSize: FontSize.larger }}
       class="btn"
       onclick=${() => {
     search(searchTerm());
   }}
     >
-      <i class=${icons.arrows.down}></i>
+      <i class=${ApplicationIcons.arrows.down}></i>
     </button>
     <button
       title="Close"
       style=${{
     padding: 0,
-    fontSize: "1rem",
+    fontSize: FontSize["title-secondary"],
     marginTop: "-0.1rem",
     marginBottom: "-0.1rem"
   }}
       class="btn"
       onclick=${() => hideBand()}
     >
-      <i class=${icons.close}></i>
+      <i class=${ApplicationIcons.close}></i>
     </button>
   </div>`;
 };
 function App({ api: api2, pollForLogs = true }) {
-  var _a, _b, _c, _d, _e, _f, _g;
   const [selected, setSelected] = h(-1);
   const [pendingLog, setPendingLog] = h(void 0);
   const [logs, setLogs] = h({ log_dir: "", files: [] });
@@ -18721,16 +22193,6 @@ function App({ api: api2, pollForLogs = true }) {
     }
   }, []);
   const fullScreen = filteredLogs.files.length === 1 && !filteredLogs.log_dir;
-  const navbar = m$1` <${Navbar}
-    file=${currentLog.name}
-    logs=${filteredLogs}
-    task=${(_b = (_a = currentLog.contents) == null ? void 0 : _a.eval) == null ? void 0 : _b.task}
-    model=${(_d = (_c = currentLog.contents) == null ? void 0 : _c.eval) == null ? void 0 : _d.model}
-    results=${(_e = currentLog.contents) == null ? void 0 : _e.results}
-    samples=${(_f = currentLog.contents) == null ? void 0 : _f.samples}
-    status=${(_g = currentLog.contents) == null ? void 0 : _g.status}
-    offcanvas=${offcanvas}
-  />`;
   const sidebar = !fullScreen && currentLog.contents ? m$1`
           <${Sidebar}
             logs=${filteredLogs}
@@ -18789,7 +22251,6 @@ function App({ api: api2, pollForLogs = true }) {
     }
   }}>
       ${showFind ? m$1`<${FindBand} hideBand=${hideFind} />` : ""}
-      ${navbar}
       <${ProgressBar} animating=${status.loading} />
       ${workspace}
     </div>
@@ -18797,3 +22258,4 @@ function App({ api: api2, pollForLogs = true }) {
   `;
 }
 B$1(m$1`<${App} api=${api} />`, document.getElementById("app"));
+//# sourceMappingURL=index.js.map
diff --git a/src/inspect_ai/_view/www/jsconfig.json b/src/inspect_ai/_view/www/jsconfig.json
new file mode 100644
index 000000000..2a72abef2
--- /dev/null
+++ b/src/inspect_ai/_view/www/jsconfig.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "checkJs": true,
+    "allowJs": true, // Allow JavaScript files to be compiled.
+    "strict": true,
+    "moduleResolution": "node",
+    "baseUrl": ".",
+    "paths": {
+      "*": ["node_modules/*"]
+    },
+    "lib": ["es6", "dom"]
+  },
+  "include": ["**/src/*.mjs", "**/src/*.js", "src/types/*.d.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/src/inspect_ai/_view/www/log-schema.json b/src/inspect_ai/_view/www/log-schema.json
index 4a11ec6d6..92dafbaa7 100644
--- a/src/inspect_ai/_view/www/log-schema.json
+++ b/src/inspect_ai/_view/www/log-schema.json
@@ -627,6 +627,62 @@
       "type": "object",
       "additionalProperties": false
     },
+    "EvalEvents": {
+      "properties": {
+        "events": {
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/$defs/SampleInitEvent"
+              },
+              {
+                "$ref": "#/$defs/StateEvent"
+              },
+              {
+                "$ref": "#/$defs/StoreEvent"
+              },
+              {
+                "$ref": "#/$defs/ModelEvent"
+              },
+              {
+                "$ref": "#/$defs/ToolEvent"
+              },
+              {
+                "$ref": "#/$defs/ScoreEvent"
+              },
+              {
+                "$ref": "#/$defs/LoggerEvent"
+              },
+              {
+                "$ref": "#/$defs/InfoEvent"
+              },
+              {
+                "$ref": "#/$defs/StepEvent"
+              },
+              {
+                "$ref": "#/$defs/SubtaskEvent"
+              }
+            ]
+          },
+          "title": "Events",
+          "type": "array"
+        },
+        "content": {
+          "additionalProperties": {
+            "type": "string"
+          },
+          "title": "Content",
+          "type": "object"
+        }
+      },
+      "title": "EvalEvents",
+      "type": "object",
+      "required": [
+        "events",
+        "content"
+      ],
+      "additionalProperties": false
+    },
     "EvalMetric": {
       "properties": {
         "name": {
@@ -946,6 +1002,14 @@
         "metadata": {
           "title": "Metadata",
           "type": "object"
+        },
+        "store": {
+          "default": {},
+          "title": "Store",
+          "type": "object"
+        },
+        "transcript": {
+          "$ref": "#/$defs/EvalEvents"
         }
       },
       "required": [
@@ -957,7 +1021,9 @@
         "messages",
         "output",
         "scores",
-        "metadata"
+        "metadata",
+        "store",
+        "transcript"
       ],
       "title": "EvalSample",
       "type": "object",
@@ -1509,7 +1575,117 @@
       ],
       "additionalProperties": false
     },
+    "InfoEvent": {
+      "description": "Event with custom info/data.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "info",
+          "default": "info",
+          "enum": [
+            "info"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "data": {
+          "$ref": "#/$defs/JsonValue"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "data"
+      ],
+      "title": "InfoEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "JsonChange": {
+      "description": "Describes a change to data using JSON Patch format.",
+      "properties": {
+        "op": {
+          "enum": [
+            "remove",
+            "add",
+            "replace",
+            "move",
+            "test",
+            "copy"
+          ],
+          "title": "Op",
+          "type": "string"
+        },
+        "path": {
+          "title": "Path",
+          "type": "string"
+        },
+        "from": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "From"
+        },
+        "value": {
+          "allOf": [
+            {
+              "$ref": "#/$defs/JsonValue"
+            }
+          ],
+          "default": null
+        }
+      },
+      "required": [
+        "op",
+        "path",
+        "from",
+        "value"
+      ],
+      "title": "JsonChange",
+      "type": "object",
+      "additionalProperties": false
+    },
     "JsonValue": {},
+    "LoggerEvent": {
+      "description": "Log message recorded with Python logger.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "logger",
+          "default": "logger",
+          "enum": [
+            "logger"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "message": {
+          "$ref": "#/$defs/LoggingMessage"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "message"
+      ],
+      "title": "LoggerEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
     "LoggingMessage": {
       "properties": {
         "name": {
@@ -1559,14 +1735,6 @@
           "default": 0,
           "title": "Lineno",
           "type": "integer"
-        },
-        "args": {
-          "allOf": [
-            {
-              "$ref": "#/$defs/JsonValue"
-            }
-          ],
-          "default": null
         }
       },
       "required": [
@@ -1576,8 +1744,7 @@
         "created",
         "filename",
         "module",
-        "lineno",
-        "args"
+        "lineno"
       ],
       "title": "LoggingMessage",
       "type": "object",
@@ -1653,6 +1820,129 @@
       "type": "object",
       "additionalProperties": false
     },
+    "ModelCall": {
+      "description": "Model call (raw request/response data).",
+      "properties": {
+        "request": {
+          "additionalProperties": {
+            "$ref": "#/$defs/JsonValue"
+          },
+          "title": "Request",
+          "type": "object"
+        },
+        "response": {
+          "additionalProperties": {
+            "$ref": "#/$defs/JsonValue"
+          },
+          "title": "Response",
+          "type": "object"
+        }
+      },
+      "required": [
+        "request",
+        "response"
+      ],
+      "title": "ModelCall",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ModelEvent": {
+      "description": "Call to a language model.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "model",
+          "default": "model",
+          "enum": [
+            "model"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "model": {
+          "title": "Model",
+          "type": "string"
+        },
+        "input": {
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/$defs/ChatMessageSystem"
+              },
+              {
+                "$ref": "#/$defs/ChatMessageUser"
+              },
+              {
+                "$ref": "#/$defs/ChatMessageAssistant"
+              },
+              {
+                "$ref": "#/$defs/ChatMessageTool"
+              }
+            ]
+          },
+          "title": "Input",
+          "type": "array"
+        },
+        "tools": {
+          "items": {
+            "$ref": "#/$defs/ToolInfo"
+          },
+          "title": "Tools",
+          "type": "array"
+        },
+        "tool_choice": {
+          "anyOf": [
+            {
+              "enum": [
+                "auto",
+                "any",
+                "none"
+              ],
+              "type": "string"
+            },
+            {
+              "$ref": "#/$defs/ToolFunction"
+            }
+          ],
+          "title": "Tool Choice"
+        },
+        "config": {
+          "$ref": "#/$defs/GenerateConfig"
+        },
+        "output": {
+          "$ref": "#/$defs/ModelOutput"
+        },
+        "call": {
+          "anyOf": [
+            {
+              "$ref": "#/$defs/ModelCall"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "model",
+        "input",
+        "tools",
+        "tool_choice",
+        "config",
+        "output",
+        "call"
+      ],
+      "title": "ModelEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
     "ModelOutput": {
       "properties": {
         "model": {
@@ -1729,88 +2019,250 @@
       ],
       "additionalProperties": false
     },
-    "SampleScore": {
-      "description": "Score for a Sample\n\nArgs:\n   sample_id: (str | int | None) Unique id of a sample",
+    "Sample": {
+      "description": "Sample to be used in an evaluation task.\n\nArgs:\n    input (str | list[ChatMessage]): The input to be submitted to the model.\n    choices (list[str] | None): Optional. List of available answer choices\n       (used only for multiple-choice evals).\n    target (str | list[str]): Optional. Ideal target output. May be a literal value\n        or narrative text to be used by a model grader.\n    id (int | str | None): Optional. Unique identifier for sample.\n    metadata (dict[str,Any] | None): Optional. Arbitrary metadata associated with the sample.\n    files (dict[str, str] | None): Optional. Files that go along with the sample (copied to\n      SandboxEnvironment). Files can be paths, inline text, or inline binary (base64 encoded data URL).\n    setup: (str | None): Optional. Setup script to run for sample (run\n      within default SandboxEnvironment).",
       "properties": {
-        "value": {
+        "input": {
           "anyOf": [
             {
               "type": "string"
             },
-            {
-              "type": "integer"
-            },
-            {
-              "type": "number"
-            },
-            {
-              "type": "boolean"
-            },
             {
               "items": {
                 "anyOf": [
                   {
-                    "type": "string"
+                    "$ref": "#/$defs/ChatMessageSystem"
                   },
                   {
-                    "type": "integer"
+                    "$ref": "#/$defs/ChatMessageUser"
                   },
                   {
-                    "type": "number"
+                    "$ref": "#/$defs/ChatMessageAssistant"
                   },
                   {
-                    "type": "boolean"
+                    "$ref": "#/$defs/ChatMessageTool"
                   }
                 ]
               },
               "type": "array"
-            },
-            {
-              "additionalProperties": {
-                "anyOf": [
-                  {
-                    "type": "string"
-                  },
-                  {
-                    "type": "integer"
-                  },
-                  {
-                    "type": "number"
-                  },
-                  {
-                    "type": "boolean"
-                  },
-                  {
-                    "type": "null"
-                  }
-                ]
-              },
-              "type": "object"
             }
           ],
-          "title": "Value"
+          "title": "Input"
         },
-        "answer": {
+        "choices": {
           "anyOf": [
             {
-              "type": "string"
+              "items": {
+                "type": "string"
+              },
+              "type": "array"
             },
             {
               "type": "null"
             }
           ],
           "default": null,
-          "title": "Answer"
+          "title": "Choices"
         },
-        "explanation": {
+        "target": {
           "anyOf": [
             {
               "type": "string"
             },
             {
-              "type": "null"
-            }
-          ],
+              "items": {
+                "type": "string"
+              },
+              "type": "array"
+            }
+          ],
+          "default": "",
+          "title": "Target"
+        },
+        "id": {
+          "anyOf": [
+            {
+              "type": "integer"
+            },
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Id"
+        },
+        "metadata": {
+          "anyOf": [
+            {
+              "type": "object"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Metadata"
+        },
+        "files": {
+          "anyOf": [
+            {
+              "additionalProperties": {
+                "type": "string"
+              },
+              "type": "object"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Files"
+        },
+        "setup": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Setup"
+        }
+      },
+      "required": [
+        "input",
+        "choices",
+        "target",
+        "id",
+        "metadata",
+        "files",
+        "setup"
+      ],
+      "title": "Sample",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "SampleInitEvent": {
+      "description": "Beginning of processing a Sample.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "sample_init",
+          "default": "sample_init",
+          "enum": [
+            "sample_init"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "sample": {
+          "$ref": "#/$defs/Sample"
+        },
+        "state": {
+          "$ref": "#/$defs/JsonValue"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "sample",
+        "state"
+      ],
+      "title": "SampleInitEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "SampleScore": {
+      "description": "Score for a Sample\n\nArgs:\n   sample_id: (str | int | None) Unique id of a sample",
+      "properties": {
+        "value": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "integer"
+            },
+            {
+              "type": "number"
+            },
+            {
+              "type": "boolean"
+            },
+            {
+              "items": {
+                "anyOf": [
+                  {
+                    "type": "string"
+                  },
+                  {
+                    "type": "integer"
+                  },
+                  {
+                    "type": "number"
+                  },
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "type": "array"
+            },
+            {
+              "additionalProperties": {
+                "anyOf": [
+                  {
+                    "type": "string"
+                  },
+                  {
+                    "type": "integer"
+                  },
+                  {
+                    "type": "number"
+                  },
+                  {
+                    "type": "boolean"
+                  },
+                  {
+                    "type": "null"
+                  }
+                ]
+              },
+              "type": "object"
+            }
+          ],
+          "title": "Value"
+        },
+        "answer": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Answer"
+        },
+        "explanation": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
           "default": null,
           "title": "Explanation"
         },
@@ -1843,20 +2295,469 @@
         }
       },
       "required": [
-        "value",
-        "answer",
-        "explanation",
-        "metadata",
-        "sample_id"
+        "value",
+        "answer",
+        "explanation",
+        "metadata",
+        "sample_id"
+      ],
+      "title": "SampleScore",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "Score": {
+      "description": "Score generated by a scorer.\n\nArgs:\n   value (Value): Score value.\n   answer (str | None): Answer extracted from model output (optional).\n   explanation (str | None): Explanation of score (optional).\n   metadata (dict[str,Any]): Additional metadata related to the score.",
+      "properties": {
+        "value": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "integer"
+            },
+            {
+              "type": "number"
+            },
+            {
+              "type": "boolean"
+            },
+            {
+              "items": {
+                "anyOf": [
+                  {
+                    "type": "string"
+                  },
+                  {
+                    "type": "integer"
+                  },
+                  {
+                    "type": "number"
+                  },
+                  {
+                    "type": "boolean"
+                  }
+                ]
+              },
+              "type": "array"
+            },
+            {
+              "additionalProperties": {
+                "anyOf": [
+                  {
+                    "type": "string"
+                  },
+                  {
+                    "type": "integer"
+                  },
+                  {
+                    "type": "number"
+                  },
+                  {
+                    "type": "boolean"
+                  },
+                  {
+                    "type": "null"
+                  }
+                ]
+              },
+              "type": "object"
+            }
+          ],
+          "title": "Value"
+        },
+        "answer": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Answer"
+        },
+        "explanation": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Explanation"
+        },
+        "metadata": {
+          "anyOf": [
+            {
+              "type": "object"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Metadata"
+        }
+      },
+      "required": [
+        "value",
+        "answer",
+        "explanation",
+        "metadata"
+      ],
+      "title": "Score",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ScoreEvent": {
+      "description": "Event with sample score.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "score",
+          "default": "score",
+          "enum": [
+            "score"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "score": {
+          "$ref": "#/$defs/Score"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "score"
+      ],
+      "title": "ScoreEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "StateEvent": {
+      "description": "Change to the current `TaskState`",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "state",
+          "default": "state",
+          "enum": [
+            "state"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "changes": {
+          "items": {
+            "$ref": "#/$defs/JsonChange"
+          },
+          "title": "Changes",
+          "type": "array"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "changes"
+      ],
+      "title": "StateEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "StepEvent": {
+      "description": "Step within current sample or subtask.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "step",
+          "default": "step",
+          "enum": [
+            "step"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "action": {
+          "enum": [
+            "begin",
+            "end"
+          ],
+          "title": "Action",
+          "type": "string"
+        },
+        "type": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Type"
+        },
+        "name": {
+          "title": "Name",
+          "type": "string"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "action",
+        "type",
+        "name"
+      ],
+      "title": "StepEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "StoreEvent": {
+      "description": "Change to data within the current `Store`.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "store",
+          "default": "store",
+          "enum": [
+            "store"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "changes": {
+          "items": {
+            "$ref": "#/$defs/JsonChange"
+          },
+          "title": "Changes",
+          "type": "array"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "changes"
+      ],
+      "title": "StoreEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "SubtaskEvent": {
+      "description": "Subtask spawned.",
+      "properties": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "subtask",
+          "default": "subtask",
+          "enum": [
+            "subtask"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "name": {
+          "title": "Name",
+          "type": "string"
+        },
+        "input": {
+          "title": "Input",
+          "type": "object"
+        },
+        "result": {
+          "title": "Result"
+        },
+        "events": {
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/$defs/SampleInitEvent"
+              },
+              {
+                "$ref": "#/$defs/StateEvent"
+              },
+              {
+                "$ref": "#/$defs/StoreEvent"
+              },
+              {
+                "$ref": "#/$defs/ModelEvent"
+              },
+              {
+                "$ref": "#/$defs/ToolEvent"
+              },
+              {
+                "$ref": "#/$defs/ScoreEvent"
+              },
+              {
+                "$ref": "#/$defs/LoggerEvent"
+              },
+              {
+                "$ref": "#/$defs/InfoEvent"
+              },
+              {
+                "$ref": "#/$defs/StepEvent"
+              },
+              {
+                "$ref": "#/$defs/SubtaskEvent"
+              }
+            ]
+          },
+          "title": "Events",
+          "type": "array"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "name",
+        "input",
+        "result",
+        "events"
+      ],
+      "title": "SubtaskEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ToolCall": {
+      "properties": {
+        "id": {
+          "title": "Id",
+          "type": "string"
+        },
+        "function": {
+          "title": "Function",
+          "type": "string"
+        },
+        "arguments": {
+          "title": "Arguments",
+          "type": "object"
+        },
+        "type": {
+          "const": "function",
+          "enum": [
+            "function"
+          ],
+          "title": "Type",
+          "type": "string"
+        },
+        "parse_error": {
+          "anyOf": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null,
+          "title": "Parse Error"
+        }
+      },
+      "required": [
+        "id",
+        "function",
+        "arguments",
+        "type",
+        "parse_error"
+      ],
+      "title": "ToolCall",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ToolCallError": {
+      "properties": {
+        "type": {
+          "enum": [
+            "parsing",
+            "timeout",
+            "unicode_decode",
+            "permission",
+            "file_not_found",
+            "unknown"
+          ],
+          "title": "Type",
+          "type": "string"
+        },
+        "message": {
+          "title": "Message",
+          "type": "string"
+        }
+      },
+      "required": [
+        "type",
+        "message"
       ],
-      "title": "SampleScore",
+      "title": "ToolCallError",
       "type": "object",
       "additionalProperties": false
     },
-    "Score": {
-      "description": "Score generated by a scorer.\n\nArgs:\n   value (Value): Score value.\n   answer (str | None): Answer extracted from model output (optional).\n   explanation (str | None): Explanation of score (optional).\n   metadata (dict[str,Any]): Additional metadata related to the score.",
+    "ToolEvent": {
+      "description": "Call to a tool.",
       "properties": {
-        "value": {
+        "timestamp": {
+          "format": "date-time",
+          "title": "Timestamp",
+          "type": "string"
+        },
+        "event": {
+          "const": "tool",
+          "default": "tool",
+          "enum": [
+            "tool"
+          ],
+          "title": "Event",
+          "type": "string"
+        },
+        "type": {
+          "const": "function",
+          "default": "function",
+          "enum": [
+            "function"
+          ],
+          "title": "Type",
+          "type": "string"
+        },
+        "id": {
+          "title": "Id",
+          "type": "string"
+        },
+        "function": {
+          "title": "Function",
+          "type": "string"
+        },
+        "arguments": {
+          "additionalProperties": {
+            "$ref": "#/$defs/JsonValue"
+          },
+          "title": "Arguments",
+          "type": "object"
+        },
+        "result": {
           "anyOf": [
             {
               "type": "string"
@@ -1874,47 +2775,139 @@
               "items": {
                 "anyOf": [
                   {
-                    "type": "string"
-                  },
-                  {
-                    "type": "integer"
-                  },
-                  {
-                    "type": "number"
+                    "$ref": "#/$defs/ContentText"
                   },
                   {
-                    "type": "boolean"
+                    "$ref": "#/$defs/ContentImage"
                   }
                 ]
               },
               "type": "array"
+            }
+          ],
+          "title": "Result"
+        },
+        "error": {
+          "anyOf": [
+            {
+              "$ref": "#/$defs/ToolCallError"
             },
             {
-              "additionalProperties": {
-                "anyOf": [
-                  {
-                    "type": "string"
-                  },
-                  {
-                    "type": "integer"
-                  },
-                  {
-                    "type": "number"
-                  },
-                  {
-                    "type": "boolean"
-                  },
-                  {
-                    "type": "null"
-                  }
-                ]
-              },
-              "type": "object"
+              "type": "null"
             }
           ],
-          "title": "Value"
+          "default": null
         },
-        "answer": {
+        "events": {
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/$defs/SampleInitEvent"
+              },
+              {
+                "$ref": "#/$defs/StateEvent"
+              },
+              {
+                "$ref": "#/$defs/StoreEvent"
+              },
+              {
+                "$ref": "#/$defs/ModelEvent"
+              },
+              {
+                "$ref": "#/$defs/ToolEvent"
+              },
+              {
+                "$ref": "#/$defs/ScoreEvent"
+              },
+              {
+                "$ref": "#/$defs/LoggerEvent"
+              },
+              {
+                "$ref": "#/$defs/InfoEvent"
+              },
+              {
+                "$ref": "#/$defs/StepEvent"
+              },
+              {
+                "$ref": "#/$defs/SubtaskEvent"
+              }
+            ]
+          },
+          "title": "Events",
+          "type": "array"
+        }
+      },
+      "required": [
+        "timestamp",
+        "event",
+        "type",
+        "id",
+        "function",
+        "arguments",
+        "result",
+        "error",
+        "events"
+      ],
+      "title": "ToolEvent",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ToolFunction": {
+      "properties": {
+        "name": {
+          "title": "Name",
+          "type": "string"
+        }
+      },
+      "required": [
+        "name"
+      ],
+      "title": "ToolFunction",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ToolInfo": {
+      "description": "Specification of a tool (JSON Schema compatible)\n\nIf you are implementing a ModelAPI, most LLM libraries can\nbe passed this object (dumped to a dict) directly as a function\nspecification. For example, in the OpenAI provider:\n\n```python\nChatCompletionToolParam(\n    type=\"function\",\n    function=tool.model_dump(exclude_none=True),\n)\n```\n\nIn some cases the field names don't match up exactly. In that case\ncall `model_dump()` on the `parameters` field. For example, in the\nAnthropic provider:\n\n```python\nToolParam(\n    name=tool.name,\n    description=tool.description,\n    input_schema=tool.parameters.model_dump(exclude_none=True),\n)\n```",
+      "properties": {
+        "name": {
+          "title": "Name",
+          "type": "string"
+        },
+        "description": {
+          "title": "Description",
+          "type": "string"
+        },
+        "parameters": {
+          "$ref": "#/$defs/ToolParams"
+        }
+      },
+      "required": [
+        "name",
+        "description",
+        "parameters"
+      ],
+      "title": "ToolInfo",
+      "type": "object",
+      "additionalProperties": false
+    },
+    "ToolParam": {
+      "description": "Description of tool parameter in JSON Schema format.",
+      "properties": {
+        "type": {
+          "default": "null",
+          "enum": [
+            "string",
+            "integer",
+            "number",
+            "boolean",
+            "array",
+            "object",
+            "null"
+          ],
+          "title": "Type",
+          "type": "string"
+        },
+        "description": {
           "anyOf": [
             {
               "type": "string"
@@ -1924,23 +2917,29 @@
             }
           ],
           "default": null,
-          "title": "Answer"
+          "title": "Description"
         },
-        "explanation": {
+        "default": {
+          "default": null,
+          "title": "Default"
+        },
+        "items": {
           "anyOf": [
             {
-              "type": "string"
+              "$ref": "#/$defs/ToolParam"
             },
             {
               "type": "null"
             }
           ],
-          "default": null,
-          "title": "Explanation"
+          "default": null
         },
-        "metadata": {
+        "properties": {
           "anyOf": [
             {
+              "additionalProperties": {
+                "$ref": "#/$defs/ToolParam"
+              },
               "type": "object"
             },
             {
@@ -1948,90 +2947,98 @@
             }
           ],
           "default": null,
-          "title": "Metadata"
-        }
-      },
-      "required": [
-        "value",
-        "answer",
-        "explanation",
-        "metadata"
-      ],
-      "title": "Score",
-      "type": "object",
-      "additionalProperties": false
-    },
-    "ToolCall": {
-      "properties": {
-        "id": {
-          "title": "Id",
-          "type": "string"
-        },
-        "function": {
-          "title": "Function",
-          "type": "string"
+          "title": "Properties"
         },
-        "arguments": {
-          "title": "Arguments",
-          "type": "object"
+        "additionalProperties": {
+          "anyOf": [
+            {
+              "$ref": "#/$defs/ToolParam"
+            },
+            {
+              "type": "null"
+            }
+          ],
+          "default": null
         },
-        "type": {
-          "const": "function",
-          "enum": [
-            "function"
+        "anyOf": {
+          "anyOf": [
+            {
+              "items": {
+                "$ref": "#/$defs/ToolParam"
+              },
+              "type": "array"
+            },
+            {
+              "type": "null"
+            }
           ],
-          "title": "Type",
-          "type": "string"
+          "default": null,
+          "title": "Anyof"
         },
-        "parse_error": {
+        "required": {
           "anyOf": [
             {
-              "type": "string"
+              "items": {
+                "type": "string"
+              },
+              "type": "array"
             },
             {
               "type": "null"
             }
           ],
           "default": null,
-          "title": "Parse Error"
+          "title": "Required"
         }
       },
+      "title": "ToolParam",
+      "type": "object",
       "required": [
-        "id",
-        "function",
-        "arguments",
         "type",
-        "parse_error"
+        "description",
+        "default",
+        "items",
+        "properties",
+        "additionalProperties",
+        "anyOf",
+        "required"
       ],
-      "title": "ToolCall",
-      "type": "object",
       "additionalProperties": false
     },
-    "ToolCallError": {
+    "ToolParams": {
+      "description": "Description of tool parameters object in JSON Schema format.",
       "properties": {
         "type": {
+          "const": "object",
+          "default": "object",
           "enum": [
-            "parsing",
-            "timeout",
-            "unicode_decode",
-            "permission",
-            "file_not_found",
-            "unknown"
+            "object"
           ],
           "title": "Type",
           "type": "string"
         },
-        "message": {
-          "title": "Message",
-          "type": "string"
+        "properties": {
+          "type": "object",
+          "additionalProperties": {
+            "$ref": "#/$defs/ToolParam"
+          },
+          "title": "Properties"
+        },
+        "required": {
+          "items": {
+            "type": "string"
+          },
+          "title": "Required",
+          "type": "array"
         }
       },
+      "title": "ToolParams",
+      "type": "object",
       "required": [
         "type",
-        "message"
+        "properties",
+        "required"
       ],
-      "title": "ToolCallError",
-      "type": "object",
       "additionalProperties": false
     },
     "TopLogprob": {
@@ -2057,6 +3064,7 @@
               "type": "null"
             }
           ],
+          "default": null,
           "title": "Bytes"
         }
       },
@@ -2171,14 +3179,6 @@
       ],
       "default": null,
       "title": "Samples"
-    },
-    "logging": {
-      "default": [],
-      "items": {
-        "$ref": "#/$defs/LoggingMessage"
-      },
-      "title": "Logging",
-      "type": "array"
     }
   },
   "required": [
diff --git a/src/inspect_ai/_view/www/package.json b/src/inspect_ai/_view/www/package.json
index 5d59c41c8..34bd3b502 100644
--- a/src/inspect_ai/_view/www/package.json
+++ b/src/inspect_ai/_view/www/package.json
@@ -7,6 +7,7 @@
   "type": "module",
   "scripts": {
     "build": "vite build",
+    "watch": "vite build --watch",
     "dev": "vite",
     "prettier:check": "prettier --check src",
     "prettier:write": "prettier --write src",
@@ -20,17 +21,19 @@
     "@eslint/js": "^9.5.0",
     "eslint": "9.x",
     "globals": "^15.6.0",
-    "postcss-url": "^10.1.3",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "vite": "^5.3.2"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "clipboard": "^2.0.11",
+    "fast-json-patch": "^3.1.1",
     "htm": "^3.1.1",
     "json": "^11.0.0",
     "json5": "^2.2.3",
+    "jsondiffpatch": "^0.6.0",
+    "postcss-url": "^10.1.3",
     "preact": "^10.22.1",
     "prismjs": "^1.29.0",
     "showdown": "^2.1.0"
diff --git a/src/inspect_ai/_view/www/src/App.mjs b/src/inspect_ai/_view/www/src/App.mjs
index b3de41d33..0cdb8cfb3 100644
--- a/src/inspect_ai/_view/www/src/App.mjs
+++ b/src/inspect_ai/_view/www/src/App.mjs
@@ -12,15 +12,12 @@ import {
 // Registration component
 import "./Register.mjs";
 
-import { throttle } from "./utils/events.mjs";
-import { sleep } from "./utils/sleep.mjs";
+import { sleep, throttle } from "./utils/sync.mjs";
 import { clearDocumentSelection } from "./components/Browser.mjs";
-
 import { AppErrorBoundary } from "./components/AppErrorBoundary.mjs";
 import { ErrorPanel } from "./components/ErrorPanel.mjs";
 import { ProgressBar } from "./components/ProgressBar.mjs";
 
-import { Navbar } from "./navbar/Navbar.mjs";
 import { Sidebar } from "./sidebar/Sidebar.mjs";
 import { WorkSpace } from "./workspace/WorkSpace.mjs";
 import { FindBand } from "./components/FindBand.mjs";
@@ -284,18 +281,6 @@ export function App({ api, pollForLogs = true }) {
   // Configure an app envelope specific to the current state
   // if there are no log files, then don't show sidebar
   const fullScreen = filteredLogs.files.length === 1 && !filteredLogs.log_dir;
-
-  const navbar = html` <${Navbar}
-    file=${currentLog.name}
-    logs=${filteredLogs}
-    task=${currentLog.contents?.eval?.task}
-    model=${currentLog.contents?.eval?.model}
-    results=${currentLog.contents?.results}
-    samples=${currentLog.contents?.samples}
-    status=${currentLog.contents?.status}
-    offcanvas=${offcanvas}
-  />`;
-
   const sidebar =
     !fullScreen && currentLog.contents
       ? html`
@@ -367,7 +352,6 @@ export function App({ api, pollForLogs = true }) {
       }
     }}>
       ${showFind ? html`<${FindBand} hideBand=${hideFind} />` : ""}
-      ${navbar}
       <${ProgressBar} animating=${status.loading} />
       ${workspace}
     </div>
diff --git a/src/inspect_ai/_view/www/src/Constants.mjs b/src/inspect_ai/_view/www/src/Constants.mjs
deleted file mode 100644
index 76dd395af..000000000
--- a/src/inspect_ai/_view/www/src/Constants.mjs
+++ /dev/null
@@ -1,116 +0,0 @@
-// Provides centralized repository of bootstrap icons
-// used throughout the workspace
-export const icons = {
-  arrows: {
-    right: "bi bi-arrow-right",
-    down: "bi bi-arrow-down",
-    up: "bi bi-arrow-up",
-  },
-  "collapse-all": "bi bi-arrows-collapse",
-  "collapse-up": "bi bi-chevron-up",
-  close: "bi bi-x",
-  config: "bi bi-gear",
-  confirm: "bi bi-check",
-  copy: "bi bi-copy",
-
-  epoch: (epoch) => {
-    return `bi bi-${epoch}-circle`;
-  },
-  error: "bi bi-exclamation-circle",
-  "expand-all": "bi bi-arrows-expand",
-  "expand-down": "bi bi-chevron-down",
-  inspect: "bi bi-gear",
-  json: "bi bi-filetype-json",
-  logging: {
-    notset: "bi bi-card-text",
-    debug: "bi bi-bug",
-    info: "bi bi-info-square",
-    warning: "bi bi-exclamation-triangle",
-    error: "bi bi-x-circle",
-    critical: "bi bi-fire",
-  },
-  menu: "bi bi-list",
-  messages: "bi bi-chat-right-text",
-  metadata: "bi bi-table",
-  model: "bi bi-cpu",
-  "toggle-right": "bi bi-chevron-right",
-  more: "bi bi-zoom-in",
-  next: "bi bi-chevron-right",
-  previous: "bi bi-chevron-left",
-  role: {
-    user: "bi bi-person",
-    system: "bi bi-cpu",
-    assistant: "bi bi-robot",
-    tool: "bi bi-tools",
-  },
-  sample: "bi bi-speedometer",
-  samples: "bi bi-file-spreadsheet",
-  scorer: "bi bi-calculator",
-  search: "bi bi-search",
-  solvers: {
-    default: "bi bi-arrow-return-right",
-    generate: "bi bi-share",
-    chain_of_thought: "bi bi-link",
-    self_critique: "bi bi-arrow-left-right",
-    system_message: "bi bi-cpu",
-    use_tools: "bi bi-tools",
-  },
-  usage: "bi bi-stopwatch",
-};
-
-export const colors = {
-  logging: {
-    debug: "var(--bs-secondary)",
-    info: "var(--bs-blue)",
-    warning: "var(--bs-warning)",
-    error: "var(--bs-danger)",
-    critical: "var(--bs-danger)",
-  },
-};
-
-export const sharedStyles = {
-  moreButton: {
-    maxHeight: "1.8em",
-    fontSize: "0.8rem",
-    padding: "0 0.2em 0 0.2em",
-    color: "var(--bs-secondary)",
-  },
-  threeLineClamp: {
-    display: "-webkit-box",
-    "-webkit-line-clamp": "3",
-    "-webkit-box-orient": "vertical",
-    overflow: "hidden",
-  },
-  lineClamp: (len) => {
-    return {
-      display: "-webkit-box",
-      "-webkit-line-clamp": `${len}`,
-      "-webkit-box-orient": "vertical",
-      overflow: "hidden",
-    };
-  },
-  wrapText: () => {
-    return {
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-    };
-  },
-  scoreFills: {
-    green: {
-      backgroundColor: "var(--bs-success)",
-      borderColor: "var(--bs-success)",
-      color: "var(--bs-body-bg)",
-    },
-    red: {
-      backgroundColor: "var(--bs-danger)",
-      borderColor: "var(--bs-danger)",
-      color: "var(--bs-body-bg)",
-    },
-    orange: {
-      backgroundColor: "var(--bs-orange)",
-      borderColor: "var(--bs-orange)",
-      color: "var(--bs-body-bg)",
-    },
-  },
-};
diff --git a/src/inspect_ai/_view/www/src/api/api-vscode.mjs b/src/inspect_ai/_view/www/src/api/api-vscode.mjs
index ac7448b26..f4a07b542 100644
--- a/src/inspect_ai/_view/www/src/api/api-vscode.mjs
+++ b/src/inspect_ai/_view/www/src/api/api-vscode.mjs
@@ -1,6 +1,5 @@
-import JSON5 from "json5";
-
 import { asyncJsonParse } from "../utils/Json.mjs";
+import JSON5 from "json5";
 
 import {
   webViewJsonRpcClient,
diff --git a/src/inspect_ai/_view/www/src/appearance/Colors.mjs b/src/inspect_ai/_view/www/src/appearance/Colors.mjs
new file mode 100644
index 000000000..6374d79f7
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/appearance/Colors.mjs
@@ -0,0 +1,27 @@
+// @ts-check
+/**
+ * Provides centralized repository of colors used for logging.
+ * @typedef {Object} LoggingColors
+ * @property {string} debug - Color for debug level logging.
+ * @property {string} info - Color for info level logging.
+ * @property {string} warning - Color for warning level logging.
+ * @property {string} error - Color for error level logging.
+ * @property {string} critical - Color for critical level logging.
+ */
+
+/**
+ * Provides centralized repository of colors.
+ * @typedef {Object} Colors
+ * @property {LoggingColors} logging - Colors used for different logging levels.
+ */
+
+/** @type {Colors} */
+export const ApplicationColors = {
+  logging: {
+    debug: "var(--bs-secondary)",
+    info: "var(--bs-blue)",
+    warning: "var(--bs-warning)",
+    error: "var(--bs-danger)",
+    critical: "var(--bs-danger)",
+  },
+};
diff --git a/src/inspect_ai/_view/www/src/appearance/Fonts.mjs b/src/inspect_ai/_view/www/src/appearance/Fonts.mjs
new file mode 100644
index 000000000..440001a55
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/appearance/Fonts.mjs
@@ -0,0 +1,61 @@
+// @ts-check
+/**
+ * The base font size in rem units.
+ * @constant {number}
+ */
+const kBaseFontSize = 0.9;
+
+/**
+ * Scales the base font size by the provided scale factor.
+ * @param {number} scale - The scale factor to adjust the base font size.
+ * @returns {string} - The scaled font size in rem units.
+ */
+const ScaleBaseFont = (scale) => {
+  return `${kBaseFontSize + scale}rem`;
+};
+
+/**
+ * @typedef {Object} FontSize
+ * @property {string} title - The font size for titles.
+ * @property {string} title-secondary - The font size for secondary titles.
+ * @property {string} larger - The font size for larger text.
+ * @property {string} large - The font size for large text.
+ * @property {string} base - The base font size.
+ * @property {string} small - The font size for small text.
+ * @property {string} smaller - The font size for smaller text.
+ */
+
+/**
+ * An object representing font sizes for different text elements.
+ * @type {FontSize}
+ */
+export const FontSize = {
+  title: ScaleBaseFont(0.6),
+  "title-secondary": ScaleBaseFont(0.4),
+  larger: ScaleBaseFont(0.2),
+  large: ScaleBaseFont(0.1),
+  base: ScaleBaseFont(0),
+  small: ScaleBaseFont(-0.1),
+  smaller: ScaleBaseFont(-0.1),
+};
+
+/**
+ * @typedef {Object} TextStyle
+ * @property {Object} label - The style for label text.
+ * @property {string} label.textTransform - The text transformation for label text.
+ * @property {Object} secondary - The style for secondary text.
+ * @property {string} secondary.color - The color for secondary text.
+ */
+
+/**
+ * An object representing text styles for different elements.
+ * @type {TextStyle}
+ */
+export const TextStyle = {
+  label: {
+    textTransform: "uppercase",
+  },
+  secondary: {
+    color: "var(--bs-secondary)",
+  },
+};
diff --git a/src/inspect_ai/_view/www/src/appearance/Icons.mjs b/src/inspect_ai/_view/www/src/appearance/Icons.mjs
new file mode 100644
index 000000000..e6493e68a
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/appearance/Icons.mjs
@@ -0,0 +1,190 @@
+// @ts-check
+/**
+ * Arrow Icons
+ * @typedef {Object} ArrowIcons
+ * @property {string} right
+ * @property {string} down
+ * @property {string} up
+ */
+
+/**
+ * Arrow Icons
+ * @typedef {Object} ChangeIcons
+ * @property {string} add
+ * @property {string} remove
+ * @property {string} replace
+ */
+
+/**
+ * Logging Icons
+ * @typedef {Object} LoggingIcons
+ * @property {string} notset
+ * @property {string} debug
+ * @property {string} http
+ * @property {string} info
+ * @property {string} warning
+ * @property {string} error
+ * @property {string} critical
+ */
+
+/**
+ * Role Icons
+ * @typedef {Object} RoleIcons
+ * @property {string} user
+ * @property {string} system
+ * @property {string} assistant
+ * @property {string} tool
+ */
+
+/**
+ * Solver Icons
+ * @typedef {Object} SolverIcons
+ * @property {string} default
+ * @property {string} generate
+ * @property {string} chain_of_thought
+ * @property {string} self_critique
+ * @property {string} system_message
+ * @property {string} use_tools
+ */
+
+/**
+ * Solver Icons
+ * @typedef {Object} CollapseIcons
+ * @property {string} up
+ * @property {string} all
+ */
+
+/**
+ * Chevron Icons
+ * @typedef {Object} ChevronIcons
+ * @property {string} down
+ * @property {string} right
+ */
+
+/**
+ * Caret Icons
+ * @typedef {Object} CaretIcons
+ * @property {string} right
+ * @property {string} down
+ */
+
+/**
+ * Provides a centralized repository of Bootstrap icons
+ * used throughout the workspace.
+ * @typedef {Object} Icons
+ * @property {ArrowIcons} arrows
+ * @property {CaretIcons} caret
+ * @property {ChangeIcons} changes
+ * @property {ChevronIcons} chevron
+ * @property {CollapseIcons} collapse
+ * @property {string} close
+ * @property {string} config
+ * @property {string} confirm
+ * @property {string} copy
+ * @property {(epoch: string) => string} epoch
+ * @property {string} error
+ * @property {string} expand-all
+ * @property {string} expand-down
+ * @property {string} info
+ * @property {string} inspect
+ * @property {string} json
+ * @property {LoggingIcons} logging
+ * @property {string} menu
+ * @property {string} messages
+ * @property {string} metadata
+ * @property {string} multiple-choice
+ * @property {string} model
+ * @property {string} toggle-right
+ * @property {string} more
+ * @property {string} next
+ * @property {string} previous
+ * @property {RoleIcons} role
+ * @property {string} sample
+ * @property {string} samples
+ * @property {string} scorer
+ * @property {string} search
+ * @property {SolverIcons} solvers
+ * @property {string} step
+ * @property {string} subtask
+ * @property {string} transcript
+ * @property {string} usage
+ */
+
+/** @type {Icons} */
+export const ApplicationIcons = {
+  arrows: {
+    right: "bi bi-arrow-right",
+    down: "bi bi-arrow-down",
+    up: "bi bi-arrow-up",
+  },
+  caret: {
+    right: "bi bi-caret-right",
+    down: "bi bi-caret-down",
+  },
+  changes: {
+    add: "bi bi-plus",
+    remove: "bi bi-dash",
+    replace: "bi bi-plus-slash-minus",
+  },
+  chevron: {
+    right: "bi bi-chevron-right",
+    down: "bi bi-chevron-down",
+  },
+  collapse: {
+    all: "bi bi-arrows-collapse",
+    up: "bi bi-chevron-up",
+  },
+  close: "bi bi-x",
+  config: "bi bi-gear",
+  confirm: "bi bi-check",
+  copy: "bi bi-copy",
+  epoch: (epoch) => {
+    return `bi bi-${epoch}-circle`;
+  },
+  error: "bi bi-exclamation-circle",
+  "expand-all": "bi bi-arrows-expand",
+  "expand-down": "bi bi-chevron-down",
+  info: "bi bi-info-circle",
+  inspect: "bi bi-gear",
+  json: "bi bi-filetype-json",
+  logging: {
+    notset: "bi bi-card-text",
+    debug: "bi bi-bug",
+    http: "bi bi-download",
+    info: "bi bi-info-square",
+    warning: "bi bi-exclamation-triangle",
+    error: "bi bi-x-circle",
+    critical: "bi bi-fire",
+  },
+  menu: "bi bi-list",
+  messages: "bi bi-chat-right-text",
+  metadata: "bi bi-table",
+  model: "bi bi-grid-3x3-gap",
+  "toggle-right": "bi bi-chevron-right",
+  more: "bi bi-zoom-in",
+  "multiple-choice": "bi bi-card-list",
+  next: "bi bi-chevron-right",
+  previous: "bi bi-chevron-left",
+  role: {
+    user: "bi bi-person",
+    system: "bi bi-cpu",
+    assistant: "bi bi-robot",
+    tool: "bi bi-tools",
+  },
+  sample: "bi bi-database",
+  samples: "bi bi-file-spreadsheet",
+  scorer: "bi bi-calculator",
+  search: "bi bi-search",
+  solvers: {
+    default: "bi bi-arrow-return-right",
+    generate: "bi bi-share",
+    chain_of_thought: "bi bi-link",
+    self_critique: "bi bi-arrow-left-right",
+    system_message: "bi bi-cpu",
+    use_tools: "bi bi-tools",
+  },
+  step: "bi bi-fast-forward-btn",
+  subtask: "bi bi-subtract",
+  transcript: "bi bi-list-columns-reverse",
+  usage: "bi bi-stopwatch",
+};
diff --git a/src/inspect_ai/_view/www/src/appearance/Styles.mjs b/src/inspect_ai/_view/www/src/appearance/Styles.mjs
new file mode 100644
index 000000000..3dc06479a
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/appearance/Styles.mjs
@@ -0,0 +1,78 @@
+// @ts-check
+/**
+ * @typedef {Record<string, string>} Style
+ */
+
+import { FontSize, TextStyle } from "./Fonts.mjs";
+
+/**
+ * Generates line clamp style.
+ * @param {number} len - The number of lines to clamp.
+ * @returns {Style} The style object for line clamping.
+ */
+
+/**
+ * Provides centralized repository of score fill styles.
+ * @typedef {Object} ScoreFills
+ * @property {Style} green
+ * @property {Style} red
+ * @property {Style} orange
+ */
+
+/**
+ * Provides centralized repository of shared styles.
+ * @typedef {Object} SharedStyles
+ * @property {Style} moreButton
+ * @property {Style} threeLineClamp
+ * @property {(len: number) => Style} lineClamp
+ * @property {() => Object} wrapText
+ * @property {ScoreFills} scoreFills
+ */
+
+/** @type {SharedStyles} */
+export const ApplicationStyles = {
+  moreButton: {
+    maxHeight: "1.8em",
+    fontSize: FontSize.smaller,
+    padding: "0 0.2em 0 0.2em",
+    ...TextStyle.secondary,
+  },
+  threeLineClamp: {
+    display: "-webkit-box",
+    "-webkit-line-clamp": "3",
+    "-webkit-box-orient": "vertical",
+    overflow: "hidden",
+  },
+  lineClamp: (len) => {
+    return {
+      display: "-webkit-box",
+      "-webkit-line-clamp": `${len}`,
+      "-webkit-box-orient": "vertical",
+      overflow: "hidden",
+    };
+  },
+  wrapText: () => {
+    return {
+      whiteSpace: "nowrap",
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+    };
+  },
+  scoreFills: {
+    green: {
+      backgroundColor: "var(--bs-success)",
+      borderColor: "var(--bs-success)",
+      color: "var(--bs-body-bg)",
+    },
+    red: {
+      backgroundColor: "var(--bs-danger)",
+      borderColor: "var(--bs-danger)",
+      color: "var(--bs-body-bg)",
+    },
+    orange: {
+      backgroundColor: "var(--bs-orange)",
+      borderColor: "var(--bs-orange)",
+      color: "var(--bs-body-bg)",
+    },
+  },
+};
diff --git a/src/inspect_ai/_view/www/src/components/Card.mjs b/src/inspect_ai/_view/www/src/components/Card.mjs
index 9f720c76c..2275d6c19 100644
--- a/src/inspect_ai/_view/www/src/components/Card.mjs
+++ b/src/inspect_ai/_view/www/src/components/Card.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const CardHeader = ({ id, icon, label, classes, style, children }) => {
   return html`<div class="card-header ${classes || ""}" ...${{ id, style }}>
@@ -57,7 +58,7 @@ export const CardCollapsingHeader = ({
             color: "var(--body-color)",
             opacity: "0.8",
             flex: "1 1 auto",
-            fontSize: "0.7rem",
+            fontSize: FontSize.smaller,
             paddingRight: "0",
             paddingLeft: "0",
             transition: "opacity 0.2s ease-out",
@@ -74,9 +75,9 @@ export const CardCollapsingHeader = ({
           flex: "0 1 1em",
           textAlign: "right",
           padding: "0 0.5em 0.1em 0.5em",
-          fontSize: "0.8rem",
+          fontSize: FontSize.smaller,
         }}>
-            <i class="${icons["toggle-right"]} toggle-rotated"></i>
+            <i class="${ApplicationIcons["toggle-right"]} toggle-rotated"></i>
         </div>
       </div>
 
diff --git a/src/inspect_ai/_view/www/src/components/ChatView.mjs b/src/inspect_ai/_view/www/src/components/ChatView.mjs
index 307fe8f8e..2204c6607 100644
--- a/src/inspect_ai/_view/www/src/components/ChatView.mjs
+++ b/src/inspect_ai/_view/www/src/components/ChatView.mjs
@@ -1,28 +1,34 @@
-import Prism from "prismjs";
+// @ts-check
 import { html } from "htm/preact";
-import { useMemo, useRef } from "preact/hooks";
 
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
 
 import { MessageContent } from "./MessageContent.mjs";
 import { ExpandablePanel } from "./ExpandablePanel.mjs";
-
-// role
-// content
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
+import { resolveToolInput, ToolCallView } from "./Tools.mjs";
+
+/**
+ * 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 {Object} [props.style] - Inline styles for the chat view.
+ * @returns {import("preact").JSX.Element} The component.
+ */
 export const ChatView = ({ id, messages, style }) => {
   // Filter tool messages into a sidelist that the chat stream
   // can use to lookup the tool responses
   const toolMessages = {};
-  const nonToolMessages = messages
-    .map((msg) => {
-      if (msg.role === "tool") {
-        toolMessages[msg.tool_call_id] = msg;
-      }
-      return msg;
-    })
-    .filter((msg) => {
-      return msg.role !== "tool";
-    });
+  const nonToolMessages = [];
+  for (const message of messages) {
+    if (message.role === "tool") {
+      toolMessages[message.tool_call_id] = message;
+    } else {
+      nonToolMessages.push(message);
+    }
+  }
 
   // Capture system messages (there could be multiple)
   const systemMessages = [];
@@ -54,8 +60,8 @@ export const ChatView = ({ id, messages, style }) => {
     collapsedMessages.unshift(systemMessage);
   }
 
-  return html`
-    <div style=${{ paddingTop: "0.5em", ...style }}>
+  const result = html`
+    <div style=${style}>
       ${collapsedMessages.map((msg) => {
         return html`<${ChatMessage}
           id=${`${id}-chat-messages`}
@@ -65,6 +71,8 @@ export const ChatView = ({ id, messages, style }) => {
       })}
     </div>
   `;
+
+  return result;
 };
 
 const normalizeContent = (content) => {
@@ -86,7 +94,7 @@ const ChatMessage = ({ id, message, toolMessages }) => {
     <div
       class="container-fluid ${message.role}"
       style=${{
-        fontSize: "0.9rem",
+        fontSize: FontSize.base,
         fontWeight: "300",
         paddingBottom: ".5em",
         justifyContent: "flex-start",
@@ -117,7 +125,7 @@ const ChatMessage = ({ id, message, toolMessages }) => {
             paddingLeft: "0",
           }}
         >
-          <div style=${{ fontWeight: "500" }}>${message.role}</div>
+          <div style=${{ fontWeight: "500", ...TextStyle.label }}>${message.role}</div>
           <${ExpandablePanel} collapse=${collapse}>
             <${MessageContents}
               key=${`${id}-contents`}
@@ -150,32 +158,19 @@ const MessageContents = ({ message, toolMessages }) => {
       const toolMessage = toolMessages[tool_call.id];
 
       // Extract tool input
-      const { input, functionCall, inputType } = resolveToolInput(tool_call);
+      const { input, functionCall, inputType } = resolveToolInput(
+        tool_call.function,
+        tool_call.arguments,
+      );
 
       // Resolve the tool output
       const resolvedToolOutput = resolveToolMessage(toolMessage);
-
-      return html`<p>
-        <i class="bi bi-tools" style=${{
-          marginRight: "0.2rem",
-          opacity: "0.4",
-        }}></i>
-        <code style=${{ fontSize: "0.7rem" }}>${functionCall}</code>
-        <div>
-          ${
-            toolMessage
-              ? html`
-              <div style=${{ marginLeft: "1.5em" }}>
-              <${ToolInput} type=${inputType} contents=${input}/>
-              <${ExpandablePanel} collapse=${true} border=${true} lines=10>
-              <${MessageContent} contents=${resolvedToolOutput} />
-              </${ExpandablePanel}>
-              </div>
-              `
-              : ""
-          }
-        </div>
-        </p>`;
+      return html`<${ToolCallView}
+        functionCall=${functionCall}
+        input=${input}
+        inputType=${inputType}
+        output=${resolvedToolOutput}
+      />`;
     });
 
     if (toolCalls) {
@@ -187,51 +182,14 @@ const MessageContents = ({ message, toolMessages }) => {
   }
 };
 
-export const ToolInput = ({ type, contents }) => {
-  if (!contents) {
-    return "";
-  }
-
-  if (typeof contents === "object" || Array.isArray(contents)) {
-    contents = JSON.stringify(contents);
-  }
-
-  const toolInputRef = useRef();
-  useMemo(() => {
-    const tokens = Prism.languages[type];
-    if (toolInputRef.current && tokens) {
-      const html = Prism.highlight(contents, tokens, type);
-      toolInputRef.current.innerHTML = html;
-    }
-  }, [toolInputRef.current, type, contents]);
-
-  return html` <pre
-    class="tool-output"
-    style=${{
-      padding: "0.5em",
-      marginTop: "0.25em",
-      marginBottom: "1rem",
-    }}
-  >
-      <code ref=${toolInputRef} class="sourceCode${type
-    ? ` language-${type}`
-    : ""}" style=${{
-    overflowWrap: "anywhere",
-    whiteSpace: "pre-wrap",
-  }}>
-        ${contents}
-        </code>
-    </pre>`;
-};
-
 export const iconForMsg = (msg) => {
-  let iconCls = icons.role.assistant;
+  let iconCls = ApplicationIcons.role.assistant;
   if (msg.role === "user") {
-    iconCls = icons.role.user;
+    iconCls = ApplicationIcons.role.user;
   } else if (msg.role === "system") {
-    iconCls = icons.role.system;
+    iconCls = ApplicationIcons.role.system;
   } else if (msg.role === "tool") {
-    iconCls = icons.role.tool;
+    iconCls = ApplicationIcons.role.tool;
   }
   return iconCls;
 };
@@ -266,71 +224,3 @@ const resolveToolMessage = (toolMessage) => {
     });
   }
 };
-
-const resolveToolInput = (tool_call) => {
-  const toolName = tool_call.function;
-
-  const extractInputMetadata = () => {
-    if (toolName === "bash") {
-      return ["cmd", "bash"];
-    } else if (toolName === "python") {
-      return ["code", "python"];
-    } else if (toolName === "web_search") {
-      return ["query", "text"];
-    } else {
-      return [undefined, undefined];
-    }
-  };
-  const [inputKey, inputType] = extractInputMetadata();
-
-  const extractInput = (inputKey, tool_call) => {
-    const formatArg = (key, value) => {
-      const quotedValue = typeof value === "string" ? `"${value}"` : value;
-      return `${key}: ${quotedValue}`;
-    };
-
-    if (tool_call.arguments) {
-      if (Object.keys(tool_call.arguments).length === 1) {
-        return {
-          input: tool_call.arguments[Object.keys(tool_call.arguments)[0]],
-          args: [],
-        };
-      } else if (tool_call.arguments[inputKey]) {
-        const input = tool_call.arguments[inputKey];
-        const args = Object.keys(tool_call.arguments)
-          .filter((key) => {
-            return key !== inputKey;
-          })
-          .map((key) => {
-            return formatArg(key, tool_call.arguments[key]);
-          });
-        return {
-          input,
-          args,
-        };
-      } else {
-        const args = Object.keys(tool_call.arguments).map((key) => {
-          return formatArg(key, tool_call.arguments[key]);
-        });
-
-        return {
-          input: undefined,
-          args: args,
-        };
-      }
-    }
-    return {
-      input: undefined,
-      args: [],
-    };
-  };
-  const { input, args } = extractInput(inputKey, tool_call);
-
-  const functionCall =
-    args.length > 0 ? `${toolName}(${args.join(",")})` : toolName;
-  return {
-    functionCall,
-    input,
-    inputType,
-  };
-};
diff --git a/src/inspect_ai/_view/www/src/components/CopyButton.mjs b/src/inspect_ai/_view/www/src/components/CopyButton.mjs
index 413da8928..a4427e5d0 100644
--- a/src/inspect_ai/_view/www/src/components/CopyButton.mjs
+++ b/src/inspect_ai/_view/www/src/components/CopyButton.mjs
@@ -1,6 +1,17 @@
+// @ts-check
 import { html } from "htm/preact";
-import { icons } from "../Constants.mjs";
+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"
@@ -14,14 +25,14 @@ export const CopyButton = ({ value }) => {
     onclick=${(e) => {
       const iEl = e.target;
       if (iEl) {
-        iEl.className = `${icons.confirm} primary`;
+        iEl.className = `${ApplicationIcons.confirm} primary`;
         setTimeout(() => {
-          iEl.className = icons.copy;
+          iEl.className = ApplicationIcons.copy;
         }, 1250);
       }
       return false;
     }}
   >
-    <i class=${icons.copy}></i>
+    <i class=${ApplicationIcons.copy}></i>
   </button>`;
 };
diff --git a/src/inspect_ai/_view/www/src/components/DownloadButton.mjs b/src/inspect_ai/_view/www/src/components/DownloadButton.mjs
index a194696d4..0b4d78b08 100644
--- a/src/inspect_ai/_view/www/src/components/DownloadButton.mjs
+++ b/src/inspect_ai/_view/www/src/components/DownloadButton.mjs
@@ -1,10 +1,11 @@
 import { html } from "htm/preact";
 import api from "../api/index.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const DownloadButton = ({ logFile, label, fileName, fileContents }) => {
   return html`<button
     class="btn btn-outline-primary"
-    style=${{ fontSize: "0.9em", marginTop: "3em" }}
+    style=${{ fontSize: FontSize.small, marginTop: "3em" }}
     onclick=${async () => {
       await api.download_file(logFile, fileName, fileContents);
     }}
diff --git a/src/inspect_ai/_view/www/src/components/DownloadPanel.mjs b/src/inspect_ai/_view/www/src/components/DownloadPanel.mjs
index 9439036ec..53ddc1a40 100644
--- a/src/inspect_ai/_view/www/src/components/DownloadPanel.mjs
+++ b/src/inspect_ai/_view/www/src/components/DownloadPanel.mjs
@@ -1,6 +1,7 @@
 import { html } from "htm/preact";
 
 import { DownloadButton } from "../components/DownloadButton.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const DownloadPanel = ({
   message,
@@ -17,7 +18,7 @@ export const DownloadPanel = ({
       justifyItems: "center",
     }}
   >
-    <div style=${{ fontSize: "0.9rem" }}>${message}</div>
+    <div style=${{ fontSize: FontSize.small }}>${message}</div>
     <${DownloadButton}
       label=${buttonLabel}
       logFile=${logFile}
diff --git a/src/inspect_ai/_view/www/src/components/ErrorPanel.mjs b/src/inspect_ai/_view/www/src/components/ErrorPanel.mjs
index 9a06882ab..02f8ab4a8 100644
--- a/src/inspect_ai/_view/www/src/components/ErrorPanel.mjs
+++ b/src/inspect_ai/_view/www/src/components/ErrorPanel.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const ErrorPanel = ({ id, classes, title, error }) => {
   const emptyStyle = {
@@ -21,10 +22,10 @@ export const ErrorPanel = ({ id, classes, title, error }) => {
         marginTop: "4rem",
       }}
     >
-      <div style=${{ ...emptyStyle, fontSize: "1.3rem" }}>
+      <div style=${{ ...emptyStyle, fontSize: FontSize["title-secondary"] }}>
         <div>
           <i
-            class="${icons.error}"
+            class="${ApplicationIcons.error}"
             style="${{ marginRight: "0.5rem", color: "var(--bs-red)" }}"
           ></i>
         </div>
@@ -33,7 +34,7 @@ export const ErrorPanel = ({ id, classes, title, error }) => {
       <div
         style=${{
           display: "inline-block",
-          fontSize: "0.8rem",
+          fontSize: FontSize.smaller,
           marginTop: "3rem",
           border: "solid 1px var(--bs-border-color)",
           borderRadius: "var(--bs-border-radius)",
@@ -45,7 +46,7 @@ export const ErrorPanel = ({ id, classes, title, error }) => {
           Error: ${message || ""}
           ${stack &&
           html`
-            <pre style=${{ fontSize: "0.8rem" }}>
+            <pre style=${{ fontSize: FontSize.smaller }}>
             <code>
               at ${stack}
             </code>
diff --git a/src/inspect_ai/_view/www/src/components/ExpandablePanel.mjs b/src/inspect_ai/_view/www/src/components/ExpandablePanel.mjs
index c60c8437b..49e441395 100644
--- a/src/inspect_ai/_view/www/src/components/ExpandablePanel.mjs
+++ b/src/inspect_ai/_view/www/src/components/ExpandablePanel.mjs
@@ -1,7 +1,9 @@
 import { html } from "htm/preact";
 import { useEffect, useRef, useState } from "preact/hooks";
 
-import { icons, sharedStyles } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { ApplicationStyles } from "../appearance/Styles.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const ExpandablePanel = ({ collapse, border, lines = 7, children }) => {
   const [collapsed, setCollapsed] = useState(collapse);
@@ -49,9 +51,9 @@ export const ExpandablePanel = ({ collapse, border, lines = 7, children }) => {
   }, [collapse, contentsRef, observerRef]);
 
   // Enforce the line clamp if need be
-  let contentsStyle = { fontSize: "0.8rem" };
+  let contentsStyle = { fontSize: FontSize.base };
   if (collapse && collapsed) {
-    contentsStyle = { ...contentsStyle, ...sharedStyles.lineClamp(lines) };
+    contentsStyle = { ...contentsStyle, ...ApplicationStyles.lineClamp(lines) };
   }
 
   if (border) {
@@ -76,7 +78,9 @@ export const ExpandablePanel = ({ collapse, border, lines = 7, children }) => {
 
 const MoreToggle = ({ collapsed, border, setCollapsed }) => {
   const text = collapsed ? "more" : "less";
-  const icon = collapsed ? icons["expand-down"] : icons["collapse-up"];
+  const icon = collapsed
+    ? ApplicationIcons["expand-down"]
+    : ApplicationIcons.collapse.up;
 
   const topStyle = {
     display: "flex",
@@ -104,7 +108,7 @@ const MoreToggle = ({ collapsed, border, setCollapsed }) => {
         <button
           class="btn"
           style=${{
-            fontSize: "0.7rem",
+            fontSize: FontSize.smaller,
             border: "none",
             padding: "0.1rem .5rem",
           }}
diff --git a/src/inspect_ai/_view/www/src/components/FindBand.mjs b/src/inspect_ai/_view/www/src/components/FindBand.mjs
index fa95c4f48..8b4b695e4 100644
--- a/src/inspect_ai/_view/www/src/components/FindBand.mjs
+++ b/src/inspect_ai/_view/www/src/components/FindBand.mjs
@@ -1,6 +1,7 @@
 import { html } from "htm/preact";
 import { useEffect, useRef } from "preact/hooks";
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 export const FindBand = ({ hideBand }) => {
   const searchBoxRef = useRef();
@@ -90,9 +91,9 @@ export const FindBand = ({ hideBand }) => {
       type="text"
       ref=${searchBoxRef}
       style=${{
-        height: "1.5em",
+        height: "2em",
         fontSize: "0.9em",
-        marginTop: "0.1rem",
+        margin: "0.1rem",
         outline: "none",
         border: "solid 1px var(--inspect-input-border)",
         color: "var(--inspect-input-foreground)",
@@ -110,45 +111,46 @@ export const FindBand = ({ hideBand }) => {
     <span
       id="inspect-find-no-results"
       style=${{
-        fontSize: "0.8rem",
+        fontSize: FontSize.base,
         opacity: 0,
-        marginTop: "0.1rem",
+        marginTop: "auto",
+        marginBottom: "auto",
         marginRight: "0.5em",
       }}
       >No results</span
     >
     <button
       title="Previous match"
-      style=${{ padding: 0, fontSize: "0.7rem" }}
+      style=${{ padding: 0, fontSize: FontSize.larger }}
       class="btn"
       onclick=${() => {
         search(searchTerm(), true);
       }}
     >
-      <i class=${icons.arrows.up}></i>
+      <i class=${ApplicationIcons.arrows.up}></i>
     </button>
     <button
       title="Next match"
-      style=${{ padding: 0, fontSize: "0.8rem" }}
+      style=${{ padding: 0, fontSize: FontSize.larger }}
       class="btn"
       onclick=${() => {
         search(searchTerm());
       }}
     >
-      <i class=${icons.arrows.down}></i>
+      <i class=${ApplicationIcons.arrows.down}></i>
     </button>
     <button
       title="Close"
       style=${{
         padding: 0,
-        fontSize: "1rem",
+        fontSize: FontSize["title-secondary"],
         marginTop: "-0.1rem",
         marginBottom: "-0.1rem",
       }}
       class="btn"
       onclick=${() => hideBand()}
     >
-      <i class=${icons.close}></i>
+      <i class=${ApplicationIcons.close}></i>
     </button>
   </div>`;
 };
diff --git a/src/inspect_ai/_view/www/src/components/LabeledValue.mjs b/src/inspect_ai/_view/www/src/components/LabeledValue.mjs
index dd00803c0..97e526c7d 100644
--- a/src/inspect_ai/_view/www/src/components/LabeledValue.mjs
+++ b/src/inspect_ai/_view/www/src/components/LabeledValue.mjs
@@ -1,4 +1,5 @@
 import { html } from "htm/preact";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 
 export const LabeledValue = ({
   label,
@@ -18,15 +19,14 @@ export const LabeledValue = ({
   >
     <div
       style=${{
-        fontSize: "0.5rem",
-        textTransform: "uppercase",
-        fontWeight: "600",
+        fontSize: FontSize.smaller,
         marginBottom: "-0.2rem",
-        color: "var(--bs-secondary)",
+        ...TextStyle.secondary,
+        ...TextStyle.label,
       }}
     >
       ${label}
     </div>
-    <div style=${{ fontSize: "0.8rem", ...valueStyle }}>${children}</div>
+    <div style=${{ fontSize: FontSize.base, ...valueStyle }}>${children}</div>
   </div>`;
 };
diff --git a/src/inspect_ai/_view/www/src/components/LargeModal.mjs b/src/inspect_ai/_view/www/src/components/LargeModal.mjs
index feb7875f2..75a7dcd8b 100644
--- a/src/inspect_ai/_view/www/src/components/LargeModal.mjs
+++ b/src/inspect_ai/_view/www/src/components/LargeModal.mjs
@@ -1,5 +1,7 @@
 import { html } from "htm/preact";
 
+import { FontSize } from "../appearance/Fonts.mjs";
+
 export const LargeModal = (props) => {
   const { id, title, detail, detailTools, footer, onkeyup, children } = props;
 
@@ -14,7 +16,7 @@ export const LargeModal = (props) => {
   headerEls.push(
     html`<div
       class="modal-title"
-      style=${{ fontSize: "0.7em", flex: "1 1 auto" }}
+      style=${{ fontSize: FontSize.smaller, flex: "1 1 auto" }}
     >
       ${title || ""}
     </div>`,
@@ -38,7 +40,11 @@ export const LargeModal = (props) => {
             })
           : ""}
         <div
-          style=${{ fontSize: "0.7em", display: "flex", alignItems: "center" }}
+          style=${{
+            fontSize: FontSize.smaller,
+            display: "flex",
+            alignItems: "center",
+          }}
         >
           <div>${detail}</div>
         </div>
@@ -59,7 +65,7 @@ export const LargeModal = (props) => {
       aria-label="Close"
       style=${{
         borderWidth: "0px",
-        fontSize: "1.1em",
+        fontSize: FontSize.larger,
         fontWeight: "300",
         padding: "0em 0.5em",
         flex: 1,
@@ -114,7 +120,7 @@ const TitleTool = ({ label, icon, enabled, onclick }) => {
       paddingTop: 0,
       paddingBottom: 0,
       border: "none",
-      fontSize: "0.9em",
+      fontSize: FontSize.small,
     }}
   >
     <i class="${icon}" />
diff --git a/src/inspect_ai/_view/www/src/components/MessageContent.mjs b/src/inspect_ai/_view/www/src/components/MessageContent.mjs
index 854807074..942d591bf 100644
--- a/src/inspect_ai/_view/www/src/components/MessageContent.mjs
+++ b/src/inspect_ai/_view/www/src/components/MessageContent.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
 import { MarkdownDiv } from "./MarkdownDiv.mjs";
+import { ToolOutput } from "./Tools.mjs";
 
 export const MessageContent = (props) => {
   const { contents } = props;
@@ -25,12 +26,13 @@ export const MessageContent = (props) => {
   }
 };
 
+// TODO: We should setting overflow scrolling here
+// don't break-all
 const messageRenderers = {
   text: {
     render: (content, isLast) => {
       return html`<${MarkdownDiv}
         markdown=${content.text}
-        style=${{ wordBreak: "break-all" }}
         class=${isLast ? "no-last-para-padding" : ""}
       />`;
     },
@@ -52,16 +54,7 @@ const messageRenderers = {
   },
   tool: {
     render: (content) => {
-      return html`<pre
-        style=${{
-          marginLeft: "2px",
-          padding: "0.5em 0.5em 0.5em 0.5em",
-          whiteSpace: "pre-wrap",
-          marginBottom: "0",
-        }}
-      ><code class="sourceCode" style=${{ wordWrap: "anywhere" }}>
-      ${content.text}
-      </code></pre>`;
+      return html`<${ToolOutput} output=${content.text} />`;
     },
   },
 };
diff --git a/src/inspect_ai/_view/www/src/components/MetaDataGrid.mjs b/src/inspect_ai/_view/www/src/components/MetaDataGrid.mjs
new file mode 100644
index 000000000..bfe8c921c
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/components/MetaDataGrid.mjs
@@ -0,0 +1,107 @@
+// @ts-check
+import { html } from "htm/preact";
+import { RenderedContent } from "./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 {Object} [props.context] - Context for rendering the entries.
+ * @param {boolean} [props.expanded] - Whether to render the entries in expanded mode.
+ * @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,
+  context,
+  style,
+  expanded,
+  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}
+          context=${context}
+          options=${{ expanded }}
+        />
+      </div>
+    `;
+  });
+
+  return html`<div
+    ...${{ id }}
+    class="${classes || ""}"
+    style=${{
+      display: "grid",
+      gridTemplateColumns: "max-content auto",
+      columnGap: "1em",
+      ...style,
+    }}
+  >
+    ${entryEls}
+  </div>`;
+};
diff --git a/src/inspect_ai/_view/www/src/components/MetaDataView.mjs b/src/inspect_ai/_view/www/src/components/MetaDataView.mjs
index 2884f4ea3..a3c7ed95c 100644
--- a/src/inspect_ai/_view/www/src/components/MetaDataView.mjs
+++ b/src/inspect_ai/_view/www/src/components/MetaDataView.mjs
@@ -1,6 +1,23 @@
+// @ts-check
 import { html } from "htm/preact";
 import { RenderedContent } from "./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 {Object} [props.context] - Context for rendering the entries.
+ * @param {boolean} [props.expanded] - Whether to render the entries in expanded mode.
+ * @param {boolean} [props.compact] - Whether to render the table in compact mode.
+ * @returns {import("preact").JSX.Element} The component.
+ */
 export const MetaDataView = ({
   id,
   baseClass,
@@ -32,10 +49,10 @@ export const MetaDataView = ({
     fontWeight: "300",
     whiteSpace: "pre-wrap",
     wordWrap: "anywhere",
-    fontSize: "0.8rem",
+    fontSize: FontSize.small,
   };
   const cellKeyTextStyle = {
-    fontSize: "0.8rem",
+    fontSize: FontSize.small,
   };
 
   // Configure options for
diff --git a/src/inspect_ai/_view/www/src/components/MorePopOver.mjs b/src/inspect_ai/_view/www/src/components/MorePopOver.mjs
index 928be06f0..2268a1b24 100644
--- a/src/inspect_ai/_view/www/src/components/MorePopOver.mjs
+++ b/src/inspect_ai/_view/www/src/components/MorePopOver.mjs
@@ -2,7 +2,8 @@ import { Popover } from "bootstrap";
 import { html } from "htm/preact";
 import { useEffect, useRef } from "preact/hooks";
 
-import { icons, sharedStyles } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { ApplicationStyles } from "../appearance/Styles.mjs";
 
 export const MorePopOver = ({ title, customClass, children }) => {
   const popoverRef = useRef();
@@ -35,8 +36,8 @@ export const MorePopOver = ({ title, customClass, children }) => {
       role="button"
       data-bs-toggle="popover"
       data-bs-trigger="focus"
-      style=${sharedStyles.moreButton}
-      ><i class="${icons.more}"></i
+      style=${ApplicationStyles.moreButton}
+      ><i class="${ApplicationIcons.more}"></i
     ></a>
   `);
 
diff --git a/src/inspect_ai/_view/www/src/components/ProgressBar.mjs b/src/inspect_ai/_view/www/src/components/ProgressBar.mjs
index dc72aa742..ac38681ac 100644
--- a/src/inspect_ai/_view/www/src/components/ProgressBar.mjs
+++ b/src/inspect_ai/_view/www/src/components/ProgressBar.mjs
@@ -2,7 +2,6 @@ import { html } from "htm/preact";
 
 export const ProgressBar = ({ style, animating }) => {
   const emptyStyle = {
-    ...style,
     display: "flex",
     textAlign: "center",
     flex: "0 0 content",
@@ -10,21 +9,22 @@ export const ProgressBar = ({ style, animating }) => {
     justifyContent: "center",
     border: "none",
     padding: "0",
-    background: "#FFFFFF00",
-    fontSize: "0.7em",
     zIndex: 1001,
     width: "100%",
+    height: "0px",
+    overflow: "visible",
   };
 
   const progressContainerStyle = {
     width: "100%",
-    height: "4px",
+    height: "2px",
     background: "none",
   };
 
   const progressBarStyle = {
     width: "5%",
     height: "2px",
+    ...style,
   };
 
   return html`
diff --git a/src/inspect_ai/_view/www/src/components/RenderedContent.mjs b/src/inspect_ai/_view/www/src/components/RenderedContent.mjs
index 9f4a4bf1f..24537d890 100644
--- a/src/inspect_ai/_view/www/src/components/RenderedContent.mjs
+++ b/src/inspect_ai/_view/www/src/components/RenderedContent.mjs
@@ -1,6 +1,7 @@
 import { html } from "htm/preact";
 
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 import { ANSIDisplay } from "./AnsiDisplay.mjs";
 import { MetaDataView } from "./MetaDataView.mjs";
@@ -74,7 +75,8 @@ const contentRenderers = {
     },
     render: (_id, entry) => {
       return {
-        rendered: html`<i class="${icons.model}"></i> ${entry.value._model}`,
+        rendered: html`<i class="${ApplicationIcons.model}"></i> ${entry.value
+            ._model}`,
       };
     },
   },
@@ -135,7 +137,7 @@ const contentRenderers = {
 
       const arrayRendered = html`<${MetaDataView}
         id=${id}
-        style=${{ fontSize: "0.8rem" }}
+        style=${{ fontSize: FontSize.small }}
         entries="${arrayMap}"
         tableOptions="borderless,sm"
         context=${context}
@@ -170,7 +172,7 @@ const contentRenderers = {
       const results = [];
       results.push(
         html`<div style=${{ marginBottom: "0.5rem", fontWeight: "500" }}>
-          <i class=${icons.search}></i> ${entry.value.query}
+          <i class=${ApplicationIcons.search}></i> ${entry.value.query}
         </div>`,
       );
       entry.value.results.forEach((result) => {
@@ -180,7 +182,9 @@ const contentRenderers = {
           </div>`,
         );
         results.push(
-          html`<div style=${{ fontSize: "0.7rem", marginBottom: "0.5rem" }}>
+          html`<div
+            style=${{ fontSize: FontSize.smaller, marginBottom: "0.5rem" }}
+          >
             ${result.summary}
           </div>`,
         );
@@ -221,10 +225,11 @@ const contentRenderers = {
       return {
         rendered: html`<${MetaDataView}
           id=${id}
-          style=${{ fontSize: "0.8rem" }}
+          style=${{ fontSize: FontSize.smaller }}
           entries="${entry.value}"
           tableOptions="borderless,sm"
           context=${context}
+          compact
         />`,
       };
     },
diff --git a/src/inspect_ai/_view/www/src/components/TabSet.mjs b/src/inspect_ai/_view/www/src/components/TabSet.mjs
index e876dfe50..09a2e48cf 100644
--- a/src/inspect_ai/_view/www/src/components/TabSet.mjs
+++ b/src/inspect_ai/_view/www/src/components/TabSet.mjs
@@ -69,8 +69,7 @@ const Tabs = ({ tabs, type, style }) => {
 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?
-  // eslint-disable-next-line no-undef
-  const tabId = tab.props.id || computeTabId(id, index);
+  const tabId = tab.props.id || computeTabId("tabset", index);
   const tabContentsId = computeTabContentsId(tab.props.id, index);
   const isActive = tab.props.selected;
   const tabStyle = {
diff --git a/src/inspect_ai/_view/www/src/components/Tools.mjs b/src/inspect_ai/_view/www/src/components/Tools.mjs
new file mode 100644
index 000000000..b69353c81
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/components/Tools.mjs
@@ -0,0 +1,229 @@
+// @ts-check
+/// <reference path="../types/prism.d.ts" />
+import Prism from "prismjs";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-json";
+
+import { useMemo, useRef } from "preact/hooks";
+import { html } from "htm/preact";
+
+import { MessageContent } from "./MessageContent.mjs";
+import { ExpandablePanel } from "./ExpandablePanel.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
+
+/**
+ * @typedef {Object} ToolCallResult
+ * @property {string} functionCall - The formatted function call with arguments.
+ * @property {string|undefined} input - The primary input for the tool, if available.
+ * @property {string|undefined} inputType - The type of the input (e.g., "bash", "python", "text"), if applicable.
+ */
+
+/**
+ * Resolves the input and metadata for a given tool call.
+ * @param { string } fn - The tool call function name
+ * @param { Record<string, unknown> } toolArgs - The tool call arguments
+ *
+ * @returns {ToolCallResult}  An object containing the following properties:
+ */
+export const resolveToolInput = (fn, toolArgs) => {
+  const toolName = fn;
+
+  const [inputKey, inputType] = extractInputMetadata(toolName);
+  const { input, args } = extractInput(inputKey, toolArgs);
+  const functionCall =
+    args.length > 0 ? `${toolName}(${args.join(",")})` : toolName;
+  return {
+    functionCall,
+    input,
+    inputType,
+  };
+};
+
+/**
+ * Renders the ToolCallView component.
+ *
+ * @param {Object} params - The parameters for the component.
+ * @param {string} params.functionCall - The function call
+ * @param {string | undefined } params.input - The main input for this call
+ * @param {string | undefined } params.inputType - The input type for this call
+ * @param {string | undefined } params.output - The result of the tool call
+ * @param { "compact" | undefined } params.mode - The display mode for this call
+ * @returns {import("preact").JSX.Element} The SampleTranscript component.
+ */
+export const ToolCallView = ({
+  functionCall,
+  input,
+  inputType,
+  output,
+  mode,
+}) => {
+  const icon =
+    mode === "compact"
+      ? ""
+      : html`<i
+          class="bi bi-tools"
+          style=${{
+            marginRight: "0.2rem",
+            opacity: "0.4",
+          }}
+        ></i>`;
+  const codeIndent = mode === "compact" ? "" : "";
+
+  return html`<p>
+        ${icon}
+        <code style=${{ fontSize: FontSize.small }}>${functionCall}</code>
+        <div>
+            <div style=${{ marginLeft: `${codeIndent}` }}>
+            <${ToolInput} type=${inputType} contents=${input}/>
+            ${
+              output
+                ? html`
+              <${ExpandablePanel} collapse=${true} border=${true} lines=10>
+              <${MessageContent} contents=${output} />
+              </${ExpandablePanel}>`
+                : ""
+            }
+            </div>
+        </div>
+        </p>`;
+};
+
+/**
+ * Renders the ToolInput component.
+ *
+ * @param {Object} params - The parameters for the component.
+ * @param {string} params.type - The function call
+ * @param {string | undefined } params.contents - The main input for this call
+ * @returns {import("preact").JSX.Element | string} The SampleTranscript component.
+ */
+export const ToolInput = ({ type, contents }) => {
+  if (!contents) {
+    return "";
+  }
+
+  const toolInputRef = useRef(/** @type {HTMLElement|null} */ (null));
+
+  if (typeof contents === "object" || Array.isArray(contents)) {
+    contents = JSON.stringify(contents);
+  }
+
+  useMemo(() => {
+    const tokens = Prism.languages[type];
+    if (toolInputRef.current && tokens) {
+      const html = Prism.highlight(contents, tokens, type);
+      toolInputRef.current.innerHTML = html;
+    }
+  }, [toolInputRef.current, type, contents]);
+
+  return html`<pre
+    class="tool-output"
+    style=${{
+      padding: "0.5em",
+      marginTop: "0.25em",
+      marginBottom: "1rem",
+    }}
+  >
+      <code ref=${toolInputRef} class="sourceCode${type
+    ? ` language-${type}`
+    : ""}" style=${{
+    overflowWrap: "anywhere",
+    whiteSpace: "pre-wrap",
+  }}>
+        ${contents}
+        </code>
+    </pre>`;
+};
+
+/**
+ * Renders the ToolOutput component.
+ *
+ * @param {Object} props - The parameters for the component.
+ * @param {string | Object | Array} props.output - The tool output
+ * @param {Object} props.style - The style for the element
+ * @returns {import("preact").JSX.Element | string} The ToolOutput component.
+ */
+export const ToolOutput = ({ output, style }) => {
+  if (!output) {
+    return "";
+  }
+
+  if (typeof output === "object" || Array.isArray(output)) {
+    output = JSON.stringify(output);
+  }
+
+  return html`<pre
+    style=${{
+      marginLeft: "2px",
+      padding: "0.5em 0.5em 0.5em 0.5em",
+      whiteSpace: "pre-wrap",
+      marginBottom: "0",
+      ...style,
+    }}
+  ><code class="sourceCode" style=${{ wordWrap: "anywhere" }}>
+      ${output}
+      </code></pre>`;
+};
+
+/**
+ * @param {string} toolName
+ * @returns {[string | undefined, string | undefined]}
+ */
+const extractInputMetadata = (toolName) => {
+  if (toolName === "bash") {
+    return ["cmd", "bash"];
+  } else if (toolName === "python") {
+    return ["code", "python"];
+  } else if (toolName === "web_search") {
+    return ["query", "text"];
+  } else {
+    return [undefined, undefined];
+  }
+};
+
+/**
+ * @param {string} inputKey
+ * @param {Object<string, any>} args
+ * @returns {{ input: any, args: string[] }}
+ */
+const extractInput = (inputKey, args) => {
+  const formatArg = (key, value) => {
+    const quotedValue = typeof value === "string" ? `"${value}"` : value;
+    return `${key}: ${quotedValue}`;
+  };
+
+  if (args) {
+    if (Object.keys(args).length === 1) {
+      return {
+        input: args[Object.keys(args)[0]],
+        args: [],
+      };
+    } else if (args[inputKey]) {
+      const input = args[inputKey];
+      const filteredArgs = Object.keys(args)
+        .filter((key) => {
+          return key !== inputKey;
+        })
+        .map((key) => {
+          return formatArg(key, args[key]);
+        });
+      return {
+        input,
+        args: filteredArgs,
+      };
+    } else {
+      const formattedArgs = Object.keys(args).map((key) => {
+        return formatArg(key, args[key]);
+      });
+
+      return {
+        input: undefined,
+        args: formattedArgs,
+      };
+    }
+  }
+  return {
+    input: undefined,
+    args: [],
+  };
+};
diff --git a/src/inspect_ai/_view/www/src/components/VirtualList.mjs b/src/inspect_ai/_view/www/src/components/VirtualList.mjs
index 51826afd1..48a8d1976 100644
--- a/src/inspect_ai/_view/www/src/components/VirtualList.mjs
+++ b/src/inspect_ai/_view/www/src/components/VirtualList.mjs
@@ -2,7 +2,7 @@
 
 import { html, Component } from "htm/preact";
 import { createRef } from "preact";
-import { throttle } from "../utils/events.mjs";
+import { throttle } from "../utils/sync.mjs";
 
 const STYLE_INNER =
   "position:relative; overflow:hidden; width:100%; min-height:100%;";
diff --git a/src/inspect_ai/_view/www/src/logging/LoggingPanel.mjs b/src/inspect_ai/_view/www/src/logging/LoggingPanel.mjs
deleted file mode 100644
index 66f710599..000000000
--- a/src/inspect_ai/_view/www/src/logging/LoggingPanel.mjs
+++ /dev/null
@@ -1,111 +0,0 @@
-import { html } from "htm/preact";
-
-import { icons, colors } from "../Constants.mjs";
-import { DownloadPanel } from "../components/DownloadPanel.mjs";
-import { RenderedContent } from "../components/RenderedContent.mjs";
-import { EmptyPanel } from "../components/EmptyPanel.mjs";
-
-export const LoggingPanel = ({ logFile, capabilities, logging, context }) => {
-  if (!logging || logging.length === 0) {
-    return html`<${EmptyPanel} style=${{
-      fontSize: "0.8rem",
-    }}>No Messages</${EmptyPanel}>`;
-  }
-
-  if (logging.length > 1000 && capabilities.downloadFiles) {
-    const file = `log.txt`;
-    const logContents = logging.map((row) => {
-      return `[${row.level.toUpperCase()}] (${new Date(row.created).toISOString()}) ${row.message}`;
-    });
-    return html`<div style=${{ width: "100%" }}>
-      <${DownloadPanel}
-        message="There are too many logging entries to render."
-        buttonLabel="Download Log File"
-        logFile=${logFile}
-        fileName=${file}
-        fileContents=${logContents.join("\n")}
-      />
-    </div>`;
-  } else {
-    return html`
-      <table
-        class="table table-hover table-sm"
-        style=${{
-          fontSize: "0.9rem",
-          width: "100%",
-          marginBottom: "0rem",
-          tableLayout: "fixed",
-          alignSelf: "flex-start",
-        }}
-      >
-        <colgroup>
-          <col span="1" style="width: 1.6rem;" />
-          <col span="1" style="width: 10rem;" />
-          <col span="1" />
-        </colgroup>
-        <tbody>
-          ${logging.map((log, index) => {
-            const logDate = new Date(log.created);
-            return html`<tr>
-              <td>
-                <i
-                  class="${icon(log.level)}"
-                  style=${{
-                    marginLeft: "0.5rem",
-                    fontSize: "0.7rem",
-                    color: color(log.level),
-                  }}
-                ></i>
-              </td>
-              <td>
-                <pre
-                  style=${{
-                    fontSize: "0.7rem",
-                    marginLeft: "0.2rem",
-                    marginTop: "0.2rem",
-                    marginBottom: "0.2rem",
-                  }}
-                >
-              ${logDate.toLocaleDateString()} ${logDate.toLocaleTimeString()}
-              </pre
-                >
-              </td>
-              <td>
-                <${RenderedContent}
-                  id="log-message-${index}"
-                  entry=${{
-                    name: "log_message",
-                    value: log.message,
-                  }}
-                  context=${context}
-                  defaultRendering=${(val) => {
-                    return html`<pre
-                      style=${{
-                        marginTop: "0.3rem",
-                        marginBottom: "0.2rem",
-                        fontSize: "0.7rem",
-                        whiteSpace: "pre-wrap",
-                      }}
-                    >
-${val}</pre
-                    >`;
-                  }}
-                />
-              </td>
-            </tr>`;
-          })}
-        </tbody>
-      </table>
-    `;
-  }
-};
-
-const icon = (level) => {
-  const icon = icons.logging[level.toLowerCase()];
-  return icon || icons.logging.notset;
-};
-
-const color = (level) => {
-  const color = colors.logging[level.toLowerCase()];
-  return color || colors.debug;
-};
diff --git a/src/inspect_ai/_view/www/src/navbar/Navbar.mjs b/src/inspect_ai/_view/www/src/navbar/Navbar.mjs
index 6633ef08d..120ab331f 100644
--- a/src/inspect_ai/_view/www/src/navbar/Navbar.mjs
+++ b/src/inspect_ai/_view/www/src/navbar/Navbar.mjs
@@ -1,24 +1,24 @@
 import { html } from "htm/preact";
 
-import { icons, sharedStyles } from "./../Constants.mjs";
+import { ApplicationIcons } from "./../appearance/Icons.mjs";
+import { ApplicationStyles } from "./../appearance/Styles.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 import { filename } from "./../utils/Path.mjs";
 import { formatPrettyDecimal } from "../utils/Format.mjs";
 
 import { CopyButton } from "./../components/CopyButton.mjs";
+import { SecondaryBar } from "./SecondaryBar.mjs";
 
-export const Navbar = ({
-  file,
-  task,
-  logs,
-  model,
-  status,
-  samples,
-  results,
-  offcanvas,
-}) => {
+export const Navbar = ({ file, logs, log, offcanvas }) => {
   const toggleOffCanClass = offcanvas ? "" : " d-md-none";
   const logFileName = file ? filename(file) : "";
 
+  const task = log?.eval?.task;
+  const model = log?.eval?.model;
+  const results = log?.results;
+  const samples = log?.samples;
+  const status = log?.status;
+
   let statusPanel;
   if (status === "success") {
     statusPanel = html`<${ResultsPanel} results="${results}" />`;
@@ -38,7 +38,7 @@ export const Navbar = ({
             display: "flex",
             paddingTop: 0,
             marginLeft: "0.5rem",
-            minWidth: "350px",
+            minWidth: "250px",
           }}
         >
           ${logs.files.length > 1 || logs.log_dir
@@ -54,7 +54,7 @@ export const Navbar = ({
                   display: "flex",
                 }}
               >
-                <i class=${icons.menu}></i>
+                <i class=${ApplicationIcons.menu}></i>
               </button> `
             : ""}
           <div
@@ -76,19 +76,20 @@ export const Navbar = ({
                 style=${{
                   fontWeight: 600,
                   marginRight: "0.3rem",
-                  ...sharedStyles.wrapText(),
+                  ...ApplicationStyles.wrapText(),
                 }}
+                class="task-title"
                 title=${task}
               >
                 ${task}
               </div>
               <div
                 style=${{
-                  fontWeight: 300,
-                  fontSize: "0.9em",
-                  paddingTop: "0.15em",
-                  ...sharedStyles.wrapText(),
+                  fontSize: FontSize.base,
+                  paddingTop: "0.4rem",
+                  ...ApplicationStyles.wrapText(),
                 }}
+                class="task-model"
                 title=${model}
               >
                 ${model}
@@ -99,8 +100,7 @@ export const Navbar = ({
                 opacity: "0.7",
                 marginTop: "0.1rem",
                 paddingBottom: 0,
-                fontSize: "0.9rem",
-                fontWeight: "300",
+                fontSize: FontSize.small,
                 display: "grid",
                 gridTemplateColumns: "minmax(0,max-content) max-content",
               }}
@@ -108,7 +108,7 @@ export const Navbar = ({
               <div
                 class="navbar-secondary-text"
                 style=${{
-                  ...sharedStyles.wrapText(),
+                  ...ApplicationStyles.wrapText(),
                 }}
               >
                 ${logFileName}
@@ -135,10 +135,22 @@ export const Navbar = ({
       class="navbar sticky-top"
       style=${{
         flexWrap: "nowrap",
-        borderBottom: "solid var(--bs-border-color) 1px",
       }}
     >
-      <div class="navbar-title-grid">${navbarContents}</div>
+      <div
+        style=${{
+          display: "grid",
+          gridTemplateColumns: "1fr auto",
+          width: "100%",
+        }}
+      >
+        ${navbarContents}
+        <${SecondaryBar}
+          log=${log}
+          status=${status}
+          style=${{ gridColumn: "1/-1" }}
+        />
+      </div>
     </nav>
   `;
 };
@@ -149,11 +161,14 @@ const CanceledPanel = ({ sampleCount }) => {
       padding: "1em",
       marginTop: "0.5em",
       textTransform: "uppercase",
-      fontSize: "0.7em",
+      fontSize: FontSize.smaller,
     }}
   >
-    <i class="${icons.logging.info}" style=${{ fontSize: "1.1em" }} /> cancelled
-    (${sampleCount} ${sampleCount === 1 ? "sample" : "samples"})
+    <i
+      class="${ApplicationIcons.logging.info}"
+      style=${{ fontSize: FontSize.large }}
+    />
+    cancelled (${sampleCount} ${sampleCount === 1 ? "sample" : "samples"})
   </div>`;
 };
 
@@ -167,7 +182,11 @@ const RunningPanel = () => {
   >
     <div class="spinner-border spinner-border-sm" role="status"></div>
     <div
-      style=${{ marginLeft: "0.3em", paddingTop: "0.2em", fontSize: "0.7em" }}
+      style=${{
+        marginLeft: "0.3em",
+        paddingTop: "0.2em",
+        fontSize: FontSize.smaller,
+      }}
     >
       Running
     </div>
@@ -231,11 +250,12 @@ const VerticalMetric = ({ metric, isFirst }) => {
   const reducer_component = metric.reducer
     ? html` <div
         style=${{
-          fontSize: "0.7rem",
-          fontWeight: "200",
+          fontSize: FontSize.smaller,
           textAlign: "center",
           paddingTop: "0.3rem",
           marginBottom: "-0.3rem",
+          ...TextStyle.label,
+          ...TextStyle.secondary,
         }}
       >
         ${metric.reducer}
@@ -246,12 +266,13 @@ const VerticalMetric = ({ metric, isFirst }) => {
     <div
       class="vertical-metric-label"
       style=${{
-        fontSize: "0.8rem",
-        fontWeight: "200",
+        fontSize: FontSize.smaller,
+        ...TextStyle.secondary,
         textAlign: "center",
         paddingTop: "0.3rem",
-        marginBottom: "-0.3rem",
-        textTransform: "uppercase",
+        marginBottom: "-0.2rem",
+        ...TextStyle.label,
+        ...TextStyle.secondary,
         borderBottom: "solid var(--bs-border-color) 1px",
       }}
     >
@@ -261,7 +282,7 @@ const VerticalMetric = ({ metric, isFirst }) => {
     <div
       class="vertical-metric-value"
       style=${{
-        fontSize: "1.1rem",
+        fontSize: FontSize.larger,
         fontWeight: "500",
         textAlign: "center",
       }}
@@ -272,16 +293,23 @@ const VerticalMetric = ({ metric, isFirst }) => {
 };
 
 const MultiScorerMetric = ({ scorer, isFirst }) => {
-  const baseFontSize = Object.keys(scorer.metrics).length === 1 ? 0.9 : 0.7;
+  const titleFontSize =
+    Object.keys(scorer.metrics).length === 1 ? FontSize.larger : FontSize.base;
+  const reducerFontSize =
+    Object.keys(scorer.metrics).length === 1
+      ? FontSize.small
+      : FontSize.smaller;
+  const valueFontSize =
+    Object.keys(scorer.metrics).length === 1 ? FontSize.base : FontSize.base;
 
   const reducer_component = scorer.reducer
     ? html`<div
         style=${{
-          fontSize: `${baseFontSize - 0.1}rem`,
-          fontWeight: "200",
+          fontSize: reducerFontSize,
           textAlign: "center",
-          textTransform: "uppercase",
           marginBottom: "-0.3rem",
+          ...TextStyle.label,
+          ...TextStyle.secondary,
         }}
       >
         ${scorer.reducer}
@@ -291,12 +319,12 @@ const MultiScorerMetric = ({ scorer, isFirst }) => {
   return html`<div style=${{ paddingLeft: isFirst ? "0" : "1.5em" }}>
     <div
       style=${{
-        fontSize: `${baseFontSize}rem`,
-        fontWeight: "200",
+        fontSize: titleFontSize,
         textAlign: "center",
         borderBottom: "solid var(--bs-border-color) 1px",
-        textTransform: "uppercase",
         marginBottom: "-0.1rem",
+        ...TextStyle.label,
+        ...TextStyle.secondary,
       }}
       class="multi-score-label"
     >
@@ -309,7 +337,7 @@ const MultiScorerMetric = ({ scorer, isFirst }) => {
         gridTemplateColumns: "auto auto",
         gridColumnGap: "0.3rem",
         gridRowGap: "0",
-        fontSize: `${baseFontSize + 0.1}rem`,
+        fontSize: valueFontSize,
       }}
     >
       ${Object.keys(scorer.metrics).map((key) => {
diff --git a/src/inspect_ai/_view/www/src/title/TitleBlock.mjs b/src/inspect_ai/_view/www/src/navbar/SecondaryBar.mjs
similarity index 78%
rename from src/inspect_ai/_view/www/src/title/TitleBlock.mjs
rename to src/inspect_ai/_view/www/src/navbar/SecondaryBar.mjs
index a81dc0222..f5cc7f84d 100644
--- a/src/inspect_ai/_view/www/src/title/TitleBlock.mjs
+++ b/src/inspect_ai/_view/www/src/navbar/SecondaryBar.mjs
@@ -3,12 +3,8 @@ import { html } from "htm/preact";
 import { LabeledValue } from "../components/LabeledValue.mjs";
 import { formatDataset } from "../utils/Format.mjs";
 
-export const TitleBlock = ({ log, status }) => {
-  if (!log) {
-    return "";
-  }
-
-  if (status !== "success") {
+export const SecondaryBar = ({ log, status, style }) => {
+  if (!log || status !== "success") {
     return "";
   }
 
@@ -22,32 +18,33 @@ export const TitleBlock = ({ log, status }) => {
     ...log.eval.task_args,
   };
 
+  const hasConfig = Object.keys(hyperparameters).length > 0;
+
   const values = [];
   values.push({
-    size: "auto",
+    size: "minmax(12%, auto)",
     value: html`<${LabeledValue} label="Dataset" style=${staticColStyle}>
     <${DatasetSummary}
       dataset=${log.eval?.dataset}
       samples=${log.samples}
-      epochs=${epochs}
-      style=${{ fontSize: "0.8rem" }} />
+      epochs=${epochs} />
   </${LabeledValue}>
 `,
   });
 
   const label = log?.results?.scores.length > 1 ? "Scorers" : "Scorer";
   values.push({
-    size: "auto",
-    value: html`<${LabeledValue} label="${label}" style=${staticColStyle}>
+    size: "minmax(12%, auto)",
+    value: html`<${LabeledValue} label="${label}" style=${staticColStyle} style=${{ justifySelf: hasConfig ? "center" : "right" }}>
     <${ScorerSummary} 
       scorers=${log?.results?.scores} />
   </${LabeledValue}>`,
   });
 
-  if (Object.keys(hyperparameters).length > 0) {
+  if (hasConfig) {
     values.push({
-      size: "auto",
-      value: html`<${LabeledValue} label="Config">
+      size: "minmax(12%, auto)",
+      value: html`<${LabeledValue} label="Config" style=${{ justifySelf: "right" }}>
       <${ParamSummary} params=${hyperparameters}/>
     </${LabeledValue}>`,
     });
@@ -60,12 +57,13 @@ export const TitleBlock = ({ log, status }) => {
         padding: "0.2em 1em 0.2em 1em",
         display: "grid",
         gridColumnGap: "1em",
-        paddingTop: "0.5em",
+        borderTop: "1px solid var(--bs-border-color)",
         gridTemplateColumns: `${values
           .map((val) => {
             return val.size;
           })
           .join(" ")}`,
+        ...style,
       }}
     >
       ${values.map((val) => {
@@ -83,9 +81,7 @@ const DatasetSummary = ({ dataset, samples, epochs, style }) => {
   return html`
     <div style=${style}>
       ${dataset.name}${samples?.length
-        ? html` <span style=${{ fontSize: "0.9em" }}>
-            ${formatDataset(dataset.name, samples.length, epochs)}
-          </span>`
+        ? html`${formatDataset(dataset.name, samples.length, epochs)}`
         : ""}
     </div>
   `;
diff --git a/src/inspect_ai/_view/www/src/plan/PlanCard.mjs b/src/inspect_ai/_view/www/src/plan/PlanCard.mjs
index c5d17223c..937948eb1 100644
--- a/src/inspect_ai/_view/www/src/plan/PlanCard.mjs
+++ b/src/inspect_ai/_view/www/src/plan/PlanCard.mjs
@@ -2,7 +2,8 @@ import { html } from "htm/preact";
 
 import { toTitleCase } from "../utils/Format.mjs";
 import { ghCommitUrl } from "../utils/Git.mjs";
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 import { Card, CardBody } from "../components/Card.mjs";
 import { MetaDataView } from "../components/MetaDataView.mjs";
 import { CardHeader } from "../components/Card.mjs";
@@ -12,7 +13,7 @@ const kPlanCardBodyId = "task-plan-card-body";
 export const PlanCard = ({ log, context }) => {
   return html`
     <${Card}>
-      <${CardHeader} icon=${icons.config} label="Config"/>
+      <${CardHeader} icon=${ApplicationIcons.config} label="Config"/>
       <${CardBody} id="${kPlanCardBodyId}" style=${{
         paddingTop: "0",
         paddingBottom: "0",
@@ -31,7 +32,7 @@ export const PlanCard = ({ log, context }) => {
 };
 
 const planItemStyle = {
-  fontSize: "0.9rem",
+  fontSize: FontSize.base,
   marginBottom: "0em",
 };
 
@@ -49,7 +50,7 @@ const ScorerDetailView = ({ name, scores, params, context }) => {
   }
 
   return html`<${DetailStep}
-    icon=${icons.scorer}
+    icon=${ApplicationIcons.scorer}
     name=${name}
     params=${params}
     context=${context}
@@ -74,7 +75,7 @@ const DatasetDetailView = ({ dataset, context, style }) => {
 
 const SolversDetailView = ({ steps, context }) => {
   const separator = html` <div style=${{ ...planItemStyle, ...planSepStyle }}>
-    <i class="${icons.arrows.right}"></i>
+    <i class="${ApplicationIcons.arrows.right}"></i>
   </div>`;
 
   const details = steps?.map((step, index) => {
@@ -115,7 +116,7 @@ const DetailStep = ({ icon, name, params, style, context }) => {
         ${html`<${MetaDataView}
           entries="${params}"
           context=${context}
-          style=${{ fontSize: "0.8rem" }}
+          style=${{ fontSize: FontSize.small }}
         />`}
       </div>
     </div>
@@ -198,7 +199,7 @@ const PlanDetailView = ({ evaluation, plan, context, scores }) => {
   };
 
   const planMetadataStyle = {
-    fontSize: "0.8rem",
+    fontSize: FontSize.base,
   };
 
   const taskColumns = [];
@@ -402,7 +403,17 @@ const colCount = (...other) => {
 const PlanColumn = ({ title, classes, style, children }) => {
   return html`
     <div class="${classes || ""}" ...${{ style }}>
-      <div class="card-subheading">${title}</div>
+      <div
+        class="card-subheading"
+        style=${{
+          fontSize: FontSize.small,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+          marginTop: "1em",
+        }}
+      >
+        ${title}
+      </div>
       ${children}
     </div>
   `;
diff --git a/src/inspect_ai/_view/www/src/samples/SampleDialog.mjs b/src/inspect_ai/_view/www/src/samples/SampleDialog.mjs
index 5e004750b..e7c16da66 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleDialog.mjs
+++ b/src/inspect_ai/_view/www/src/samples/SampleDialog.mjs
@@ -1,7 +1,7 @@
 import { html } from "htm/preact";
 import { useCallback, useMemo } from "preact/hooks";
 
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
 import { EmptyPanel } from "../components/EmptyPanel.mjs";
 import { LargeModal } from "../components/LargeModal.mjs";
 
@@ -28,14 +28,14 @@ export const SampleDialog = (props) => {
   const tools = useMemo(() => {
     const nextTool = {
       label: "Next Sample",
-      icon: icons.next,
+      icon: ApplicationIcons.next,
       onclick: nextSample,
       enabled: !!nextSample,
     };
 
     const prevTool = {
       label: "Previous Sample",
-      icon: icons.previous,
+      icon: ApplicationIcons.previous,
       onclick: prevSample,
       enabled: !!prevSample,
     };
diff --git a/src/inspect_ai/_view/www/src/samples/SampleDisplay.mjs b/src/inspect_ai/_view/www/src/samples/SampleDisplay.mjs
index 746be6395..b9500190d 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleDisplay.mjs
+++ b/src/inspect_ai/_view/www/src/samples/SampleDisplay.mjs
@@ -7,11 +7,14 @@ import { TabSet, TabPanel } from "../components/TabSet.mjs";
 
 import { inputString } from "../utils/Format.mjs";
 
-import { icons, sharedStyles } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { ApplicationStyles } from "../appearance/Styles.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 import { arrayToString, shortenCompletion } from "../utils/Format.mjs";
 
 import { SampleScoreView } from "./SampleScoreView.mjs";
 import { MarkdownDiv } from "../components/MarkdownDiv.mjs";
+import { SampleTranscript } from "./SampleTranscript.mjs";
 
 export const InlineSampleDisplay = ({
   index,
@@ -43,13 +46,18 @@ export const SampleDisplay = ({
   // Tab ids
   const baseId = `sample-${index}`;
   const msgTabId = `${baseId}-messages`;
+  const transcriptTabId = `${baseId}-transcript`;
   const scoringTabId = `${baseId}-scoring`;
   const metdataTabId = `${baseId}-metadata`;
 
   // Upon sample update
   useEffect(() => {
     // reset tabs when sample changes
-    setSelectedTab(msgTabId);
+    if (sample.transcript && sample.transcript.events.length > 0) {
+      setSelectedTab(transcriptTabId);
+    } else {
+      setSelectedTab(msgTabId);
+    }
   }, [sample]);
 
   // Tab selection
@@ -63,19 +71,28 @@ export const SampleDisplay = ({
   // The core tabs
   const tabs = [
     html`
-    <${TabPanel} id=${msgTabId} title="Messages" icon=${icons.messages} onSelected=${onSelectedTab} selected=${
-      selectedTab === msgTabId || selectedTab === undefined
+    <${TabPanel} id=${msgTabId} title="Messages" icon=${ApplicationIcons.messages} onSelected=${onSelectedTab} selected=${
+      selectedTab === msgTabId
     }>
       <${ChatView} key=${`${baseId}-chat`} id=${`${baseId}-chat`} messages=${
         sample.messages
-      }/>
+      } style=${{ paddingLeft: ".8em", paddingTop: "1em" }}/>
     </${TabPanel}>`,
   ];
 
+  if (sample.transcript && sample.transcript.events.length > 0) {
+    tabs.unshift(html`
+      <${TabPanel} id=${transcriptTabId} title="Transcript" icon=${ApplicationIcons.transcript} onSelected=${onSelectedTab} selected=${
+        selectedTab === transcriptTabId || selectedTab === undefined
+      } scrollable=${false}>
+        <${SampleTranscript} id=${`${baseId}-transcript`} evalEvents=${sample.transcript}/>
+      </${TabPanel}>`);
+  }
+
   const scorerNames = Object.keys(sample.scores);
   if (scorerNames.length === 1) {
     tabs.push(html`
-      <${TabPanel} id=${scoringTabId} title="Scoring" icon=${icons.scorer} onSelected=${onSelectedTab} selected=${
+      <${TabPanel} id=${scoringTabId} title="Scoring" icon=${ApplicationIcons.scorer} onSelected=${onSelectedTab} selected=${
         selectedTab === scoringTabId
       }>
         <${SampleScoreView}
@@ -83,13 +100,14 @@ export const SampleDisplay = ({
           context=${context}
           sampleDescriptor=${sampleDescriptor}
           scorer=${Object.keys(sample.scores)[0]}
+          style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}
         />
       </${TabPanel}>`);
   } else {
     for (const scorer of Object.keys(sample.scores)) {
       const tabId = `score-${scorer}`;
       tabs.push(html`
-        <${TabPanel} id="${tabId}" title="${scorer}" icon=${icons.scorer} onSelected=${onSelectedTab} selected=${
+        <${TabPanel} id="${tabId}" title="${scorer}" icon=${ApplicationIcons.scorer} onSelected=${onSelectedTab} selected=${
           selectedTab === tabId
         }>
           <${SampleScoreView}
@@ -97,6 +115,7 @@ export const SampleDisplay = ({
             context=${context}
             sampleDescriptor=${sampleDescriptor}
             scorer=${scorer}
+            style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}
           />
         </${TabPanel}>`);
     }
@@ -109,10 +128,12 @@ export const SampleDisplay = ({
       <${TabPanel} 
           id=${metdataTabId} 
           title="Metadata" 
-          icon=${icons.metadata}
+          icon=${ApplicationIcons.metadata}
           onSelected=${onSelectedTab} 
           selected=${selectedTab === metdataTabId}>
+         <div style=${{ paddingLeft: "0.8em", marginTop: "0.4em" }}> 
         ${sampleMetadatas}
+        </div>
       </${TabPanel}>`,
     );
   }
@@ -124,12 +145,9 @@ export const SampleDisplay = ({
 
   <${TabSet} id="task-sample-details-tab-${id}" styles=${{
     tabs: {
-      fontSize: "0.8em",
-    },
-    tabBody: {
-      paddingLeft: ".4em",
-      marginTop: "0.5rem",
+      fontSize: FontSize.base,
     },
+    tabBody: {},
   }}>
     ${tabs}
   </${TabSet}>`;
@@ -166,7 +184,7 @@ const metadataViewsForSample = (id, sample, context) => {
   return sampleMetadatas;
 };
 
-const SampleSummary = ({ id, sample, sampleDescriptor }) => {
+const SampleSummary = ({ id, sample, style, sampleDescriptor }) => {
   const input =
     sampleDescriptor?.messageShape.input > 0
       ? Math.max(0.15, sampleDescriptor.messageShape.input)
@@ -195,7 +213,7 @@ const SampleSummary = ({ id, sample, sampleDescriptor }) => {
   columns.push({
     label: "Id",
     value: id,
-    size: "minmax(2em, 25%)",
+    size: "minmax(min-content, max-content)",
   });
 
   columns.push({
@@ -255,26 +273,28 @@ const SampleSummary = ({ id, sample, sampleDescriptor }) => {
           })
           .join(" ")}`,
         gridColumnGap: "0.5em",
-        fontSize: "0.8em",
+        fontSize: FontSize.base,
         borderBottom: "solid var(--bs-border-color) 1px",
         marginBottom: "1em",
         padding: "0em 1em 1em 1em",
+        ...style,
       }}
     >
       ${columns.map((col) => {
         const style = {
-          textTransform: "uppercase",
-          fontSize: "0.6rem",
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+          fontSize: FontSize.base,
         };
         if (col.center) {
-          style.display = "flex";
-          style.justifyContent = "center";
+          style["display"] = "flex";
+          style["justifyContent"] = "center";
         }
         return html`<div style=${{ ...style }}>${col.label}</div>`;
       })}
       ${columns.map((col) => {
         const style = {
-          ...(col.clamp ? sharedStyles.threeLineClamp : {}),
+          ...(col.clamp ? ApplicationStyles.threeLineClamp : {}),
         };
         if (col.center) {
           style.display = "flex";
diff --git a/src/inspect_ai/_view/www/src/samples/SampleList.mjs b/src/inspect_ai/_view/www/src/samples/SampleList.mjs
index dede21a56..3a945f0b7 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleList.mjs
+++ b/src/inspect_ai/_view/www/src/samples/SampleList.mjs
@@ -1,7 +1,9 @@
 import { html } from "htm/preact";
 import { useEffect, useMemo } from "preact/hooks";
 
-import { sharedStyles } from "../Constants.mjs";
+import { ApplicationStyles } from "../appearance/Styles.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
+import { TextStyle } from "../appearance/Fonts.mjs";
 import { MarkdownDiv } from "../components/MarkdownDiv.mjs";
 
 import { shortenCompletion, arrayToString } from "../utils/Format.mjs";
@@ -9,8 +11,8 @@ import { EmptyPanel } from "../components/EmptyPanel.mjs";
 import { VirtualList } from "../components/VirtualList.mjs";
 import { inputString } from "../utils/Format.mjs";
 
-const kSampleHeight = 82;
-const kSeparatorHeight = 20;
+const kSampleHeight = 88;
+const kSeparatorHeight = 24;
 
 // Convert samples to a datastructure which contemplates grouping, etc...
 export const SampleList = (props) => {
@@ -102,7 +104,6 @@ export const SampleList = (props) => {
       return html`
         <${SeparatorRow}
           id=${`sample-group${item.number}`}
-          class="cool"
           title=${item.data}
           height=${kSeparatorHeight}
         />
@@ -138,13 +139,15 @@ export const SampleList = (props) => {
     style=${{
       display: "grid",
       ...gridColumnStyles(sampleDescriptor),
-      fontSize: "0.7rem",
+      fontSize: FontSize.smaller,
+      ...TextStyle.label,
+      ...TextStyle.secondary,
       paddingBottom: "0.3em",
       paddingTop: "0.3em",
       borderBottom: "solid var(--bs-light-border-subtle) 1px",
     }}
   >
-    <div>#</div>
+    <div>Id</div>
     <div>Input</div>
     <div>Target</div>
     <div>Answer</div>
@@ -171,11 +174,10 @@ const SeparatorRow = ({ id, title, height }) => {
   return html`<div
     id=${id}
     style=${{
-      backgroundColor: "var(--bs-secondary-bg)",
       padding: ".25em 1em .25em 1em",
       textTransform: "uppercase",
-      color: "var(--bs-secondary)",
-      fontSize: "0.6rem",
+      ...TextStyle.secondary,
+      fontSize: FontSize.smaller,
       fontWeight: 600,
       borderBottom: "solid 1px var(--bs-border-color)",
       height: `${height}px`,
@@ -225,7 +227,7 @@ const SampleRow = ({
         paddingTop: "1em",
         paddingBottom: "1em",
         gridTemplateRows: `${height - 28}px`,
-        fontSize: "0.8em",
+        fontSize: FontSize.base,
         borderBottom: "solid var(--bs-border-color) 1px",
         cursor: "pointer",
         ...selectedStyle,
@@ -236,7 +238,7 @@ const SampleRow = ({
       <div
         class="sample-input"
         style=${{
-          ...sharedStyles.threeLineClamp,
+          ...ApplicationStyles.threeLineClamp,
           wordWrap: "anywhere",
           ...cellStyle,
         }}
@@ -246,7 +248,7 @@ const SampleRow = ({
       <div
         class="sample-target"
         style=${{
-          ...sharedStyles.threeLineClamp,
+          ...ApplicationStyles.threeLineClamp,
           ...cellStyle,
         }}
       >
@@ -259,7 +261,7 @@ const SampleRow = ({
       <div
         class="sample-answer"
         style=${{
-          ...sharedStyles.threeLineClamp,
+          ...ApplicationStyles.threeLineClamp,
           ...cellStyle,
         }}
       >
@@ -278,7 +280,7 @@ const SampleRow = ({
 
       <div
         style=${{
-          fontSize: "0.8rem",
+          fontSize: FontSize.small,
           ...cellStyle,
           display: "flex",
         }}
diff --git a/src/inspect_ai/_view/www/src/samples/SampleScoreView.mjs b/src/inspect_ai/_view/www/src/samples/SampleScoreView.mjs
index 6969db204..2b05e821c 100644
--- a/src/inspect_ai/_view/www/src/samples/SampleScoreView.mjs
+++ b/src/inspect_ai/_view/www/src/samples/SampleScoreView.mjs
@@ -6,11 +6,14 @@ import {
 } from "../utils/Format.mjs";
 import { MarkdownDiv } from "../components/MarkdownDiv.mjs";
 import { SampleScores } from "./SampleScores.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 
 const labelStyle = {
   paddingRight: "2em",
   paddingLeft: "0",
   paddingBottom: "0",
+  ...TextStyle.label,
+  ...TextStyle.secondary,
 };
 
 export const SampleScoreView = ({
@@ -40,14 +43,14 @@ export const SampleScoreView = ({
     <div
       class="container-fluid"
       style=${{
-        paddingTop: "0",
+        paddingTop: "1em",
         paddingLeft: "0",
-        fontSize: "0.8rem",
+        fontSize: FontSize.base,
         ...style,
       }}
     >
       <div>
-        <div style=${{ ...labelStyle, fontWeight: 600 }}>Input</div>
+        <div style=${{ ...labelStyle }}>Input</div>
         <div>
           <${MarkdownDiv}
             markdown=${scoreInput.join("\n")}
@@ -62,9 +65,22 @@ export const SampleScoreView = ({
       >
         <thead style=${{ borderBottomColor: "#00000000" }}>
           <tr>
-            <th style=${labelStyle}>Target</th>
-            <th style=${{ paddingBottom: "0" }}>Answer</th>
-            <th style=${{ paddingLeft: "2em", paddingBottom: "0" }}>Score</th>
+            <th style=${{ ...labelStyle, fontWeight: "400" }}>Target</th>
+            <th
+              style=${{ ...labelStyle, paddingBottom: "0", fontWeight: "400" }}
+            >
+              Answer
+            </th>
+            <th
+              style=${{
+                ...labelStyle,
+                paddingLeft: "2em",
+                paddingBottom: "0",
+                fontWeight: "400",
+              }}
+            >
+              Score
+            </th>
           </tr>
         </thead>
         <tbody style=${{ borderBottomColor: "#00000000" }}>
@@ -84,7 +100,7 @@ export const SampleScoreView = ({
                 class="no-last-para-padding"
               />
             </td>
-            <td style=${{ paddingTop: "0" }}>
+            <td style=${{ paddingTop: "0", paddingLeft: "0" }}>
               <${MarkdownDiv}
                 class="no-last-para-padding"
                 markdown=${shortenCompletion(answer)}
@@ -110,6 +126,8 @@ export const SampleScoreView = ({
                   <th style=${{
                     paddingBottom: "0",
                     paddingLeft: "0",
+                    ...labelStyle,
+                    fontWeight: "400",
                   }}>Explanation</th>
                 </tr>
               </thead>
diff --git a/src/inspect_ai/_view/www/src/samples/SampleTranscript.mjs b/src/inspect_ai/_view/www/src/samples/SampleTranscript.mjs
new file mode 100644
index 000000000..17f3e428c
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/SampleTranscript.mjs
@@ -0,0 +1,68 @@
+// @ts-check
+import { html } from "htm/preact";
+import { TranscriptView } from "./transcript/TranscriptView.mjs";
+import { initStateManager } from "./transcript/TranscriptState.mjs";
+
+const kContentProtocol = "tc://";
+
+/**
+ * Renders the SampleTranscript component.
+ *
+ * @param {Object} params - The parameters for the component.
+ * @param {string} params.id - The id of this component
+ * @param {import("../types/log").EvalEvents} params.evalEvents - The transcript to display.
+ * @returns {import("preact").JSX.Element} The SampleTranscript component.
+ */
+export const SampleTranscript = ({ id, evalEvents }) => {
+  const stateManager = initStateManager();
+
+  // Resolve content Uris (content may be stored separately to avoid
+  // repetition - it will be address with a uri)
+  const denormalizedEvents = resolveEventContent(evalEvents);
+
+  return html`<${TranscriptView}
+    id=${id}
+    events=${denormalizedEvents}
+    stateManager=${stateManager}
+  />`;
+};
+
+/**
+ * Resolves event content
+ *
+ * @param {import("../types/log").EvalEvents} evalEvents - The transcript events to display.
+ * @returns {import("../types/log").Events} Events with resolved content.
+ */
+const resolveEventContent = (evalEvents) => {
+  return /** @type {import("../types/log").Events} */ (
+    evalEvents.events.map((e) => {
+      return resolveValue(e, evalEvents);
+    })
+  );
+};
+
+/**
+ * Resolves individual value
+ *
+ * @param {unknown} value - The value to resolve.
+ * @param {import("../types/log").EvalEvents} evalEvents - The transcript events to display.
+ * @returns {unknown} Value with resolved content.
+ */
+const resolveValue = (value, evalEvents) => {
+  if (Array.isArray(value)) {
+    return value.map((v) => resolveValue(v, evalEvents));
+  } else if (value && typeof value === "object") {
+    /** @type {Record<string, unknown>} */
+    const resolvedObject = {};
+    for (const key of Object.keys(value)) {
+      //@ts-ignore
+      resolvedObject[key] = resolveValue(value[key], evalEvents);
+    }
+    return resolvedObject;
+  } else if (typeof value === "string") {
+    if (value.startsWith(kContentProtocol)) {
+      return evalEvents.content[value.replace(kContentProtocol, "")];
+    }
+  }
+  return value;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/SamplesDescriptor.mjs b/src/inspect_ai/_view/www/src/samples/SamplesDescriptor.mjs
index 2bf0f620c..5509f7018 100644
--- a/src/inspect_ai/_view/www/src/samples/SamplesDescriptor.mjs
+++ b/src/inspect_ai/_view/www/src/samples/SamplesDescriptor.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
-import { sharedStyles } from "../Constants.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
+import { ApplicationStyles } from "../appearance/Styles.mjs";
 import {
   formatPrettyDecimal,
   formatDecimalNoTrailingZeroes,
@@ -138,9 +139,18 @@ export const samplesDescriptor = (
   // Find the total length of the value so we can compute an average
   const sizes = samples.reduce(
     (previous, current) => {
-      previous[0] = Math.max(previous[0], inputString(current.input).length);
-      previous[1] = Math.max(previous[1], arrayToString(current.target).length);
-      previous[2] = Math.max(previous[2], scoreAnswer(current)?.length || 0);
+      previous[0] = Math.min(
+        Math.max(previous[0], inputString(current.input).length),
+        300,
+      );
+      previous[1] = Math.min(
+        Math.max(previous[1], arrayToString(current.target).length),
+        300,
+      );
+      previous[2] = Math.min(
+        Math.max(previous[2], scoreAnswer(current)?.length || 0),
+        300,
+      );
       return previous;
     },
     [0, 0, 0],
@@ -362,10 +372,10 @@ const scoreCategorizers = [
               }
               scores.push(html`
                 <div style=${style}>
-                  <div style=${{ fontSize: "0.9em", fontWeight: 300 }}>
+                  <div style=${{ fontSize: FontSize.smaller, fontWeight: 300 }}>
                     ${key}
                   </div>
-                  <div style=${{ fontSize: "1.5em", fontWeight: 600 }}>
+                  <div style=${{ fontSize: FontSize.title, fontWeight: 600 }}>
                     ${formattedValue}
                   </div>
                 </div>
@@ -395,14 +405,15 @@ const scoreCategorizers = [
 ];
 
 const filledCircleStyle = {
-  border: "solid 1px",
-  fontSize: "0.8em",
-  width: "2em",
-  height: "2em",
+  fontSize: FontSize.small,
+  fontFamily: "Consola Regular",
+  width: "20px",
+  height: "20px",
   display: "inline-flex",
   justifyContent: "center",
   alignItems: "center",
   borderRadius: "50%",
+  paddingTop: "1px",
 };
 
 const booleanScoreCategorizer = () => {
@@ -410,8 +421,8 @@ const booleanScoreCategorizer = () => {
     scoreType: "boolean",
     render: (score) => {
       const scoreColorStyle = score
-        ? sharedStyles.scoreFills.green
-        : sharedStyles.scoreFills.red;
+        ? ApplicationStyles.scoreFills.green
+        : ApplicationStyles.scoreFills.red;
 
       return html`<span
         style=${{
@@ -459,7 +470,7 @@ const passFailScoreCategorizer = (values) => {
       if (score === "C") {
         return html`<span
           style=${{
-            ...sharedStyles.scoreFills.green,
+            ...ApplicationStyles.scoreFills.green,
             ...filledCircleStyle,
           }}
           >C</span
@@ -467,7 +478,7 @@ const passFailScoreCategorizer = (values) => {
       } else if (score === "I") {
         return html`<span
           style=${{
-            ...sharedStyles.scoreFills.red,
+            ...ApplicationStyles.scoreFills.red,
             ...filledCircleStyle,
           }}
           >I</span
@@ -475,7 +486,7 @@ const passFailScoreCategorizer = (values) => {
       } else if (score === "P") {
         return html`<span
           style=${{
-            ...sharedStyles.scoreFills.orange,
+            ...ApplicationStyles.scoreFills.orange,
             ...filledCircleStyle,
           }}
           >P</span
@@ -483,7 +494,7 @@ const passFailScoreCategorizer = (values) => {
       } else if (score === "N") {
         return html`<span
           style=${{
-            ...sharedStyles.scoreFills.red,
+            ...ApplicationStyles.scoreFills.red,
             ...filledCircleStyle,
           }}
           >N</span
diff --git a/src/inspect_ai/_view/www/src/samples/tools/EpochFilter.mjs b/src/inspect_ai/_view/www/src/samples/tools/EpochFilter.mjs
index 8a189ad2a..b77311f6a 100644
--- a/src/inspect_ai/_view/www/src/samples/tools/EpochFilter.mjs
+++ b/src/inspect_ai/_view/www/src/samples/tools/EpochFilter.mjs
@@ -1,4 +1,5 @@
 import { html } from "htm/preact";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
 
 export const EpochFilter = ({ epochs, epoch, setEpoch }) => {
   const options = ["all"];
@@ -7,13 +8,22 @@ export const EpochFilter = ({ epochs, epoch, setEpoch }) => {
   }
   return html`
     <div style=${{ display: "flex" }}>
-      <span class="epoch-filter-label" style=${{ alignSelf: "center" }}
+      <span
+        class="epoch-filter-label"
+        style=${{
+          alignSelf: "center",
+          fontSize: FontSize.smaller,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+          marginRight: "0.3em",
+          marginLeft: "0.2em",
+        }}
         >Epochs:</span
       >
       <select
         class="form-select form-select-sm"
         aria-label=".epoch-filter-label"
-        style=${{ fontSize: "0.7rem" }}
+        style=${{ fontSize: FontSize.smaller }}
         value=${epoch}
         onChange=${(e) => {
           setEpoch(e.target.value);
diff --git a/src/inspect_ai/_view/www/src/samples/tools/SampleFilter.mjs b/src/inspect_ai/_view/www/src/samples/tools/SampleFilter.mjs
index cd42d7975..f3f2cff13 100644
--- a/src/inspect_ai/_view/www/src/samples/tools/SampleFilter.mjs
+++ b/src/inspect_ai/_view/www/src/samples/tools/SampleFilter.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
 import { isNumeric } from "../../utils/Type.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
 
 import {
   kScoreTypeCategorical,
@@ -112,13 +113,20 @@ const SelectFilter = ({ value, options, filterFn }) => {
     <div style=${{ display: "flex" }}>
       <span
         class="sample-label"
-        style=${{ alignSelf: "center", marginRight: "0.5em" }}
+        style=${{
+          alignSelf: "center",
+          fontSize: FontSize.smaller,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+          marginRight: "0.3em",
+          marginLeft: "0.2em",
+        }}
         >Scores:</span
       >
       <select
         class="form-select form-select-sm"
         aria-label=".sample-label"
-        style=${{ fontSize: "0.7rem" }}
+        style=${{ fontSize: FontSize.smaller }}
         value=${value}
         onChange=${filterFn}
       >
diff --git a/src/inspect_ai/_view/www/src/samples/tools/SelectScorer.mjs b/src/inspect_ai/_view/www/src/samples/tools/SelectScorer.mjs
index c6640305e..b2ebd3acd 100644
--- a/src/inspect_ai/_view/www/src/samples/tools/SelectScorer.mjs
+++ b/src/inspect_ai/_view/www/src/samples/tools/SelectScorer.mjs
@@ -1,4 +1,5 @@
 import { html } from "htm/preact";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
 
 export const SelectScorer = ({ scores, score, setScore }) => {
   const scorers = scores.reduce((accum, scorer) => {
@@ -16,7 +17,14 @@ export const SelectScorer = ({ scores, score, setScore }) => {
     // There is only a single scorer in play, just show the list of available scores
     return html`
       <div style=${{ display: "flex" }}>
-        <span class="select-scorer-label" style=${{ alignSelf: "center" }}
+        <span
+          class="select-scorer-label"
+          style=${{
+            alignSelf: "center",
+            fontSize: FontSize.smaller,
+            ...TextStyle.label,
+            ...TextStyle.secondary,
+          }}
           >Score:</span
         >
         <${ScoreSelector}
@@ -60,7 +68,16 @@ export const SelectScorer = ({ scores, score, setScore }) => {
     // There are multiple scorers, so show a scorer selector and a r
     return html`
       <div style=${{ display: "flex" }}>
-        <span class="select-scorer-label" style=${{ alignSelf: "center" }}
+        <span
+          class="select-scorer-label"
+          style=${{
+            alignSelf: "center",
+            fontSize: FontSize.smaller,
+            ...TextStyle.label,
+            ...TextStyle.secondary,
+            marginRight: "0.3em",
+            marginLeft: "0.2em",
+          }}
           >Scorer:</span
         >
         ${selectors}
@@ -77,8 +94,8 @@ const ScoreSelector = ({
 }) => {
   return html`<select
     class="form-select form-select-sm"
-    aria-label=".epoch-filter-label"
-    style=${{ fontSize: "0.7rem", ...style }}
+    aria-label=".select-scorer-label"
+    style=${{ fontSize: FontSize.smaller, ...style }}
     value=${scores[selectedIndex].name}
     onChange=${(e) => {
       selectedIndexChanged(e.target.selectedIndex);
@@ -94,7 +111,7 @@ const ScorerSelector = ({ scorers, selectedIndex, selectedIndexChanged }) => {
   return html`<select
     class="form-select form-select-sm"
     aria-label=".epoch-filter-label"
-    style=${{ fontSize: "0.7rem" }}
+    style=${{ fontSize: FontSize.smaller }}
     value=${scorers[selectedIndex].scorer}
     onChange=${(e) => {
       selectedIndexChanged(e.target.selectedIndex);
diff --git a/src/inspect_ai/_view/www/src/samples/tools/SortFilter.mjs b/src/inspect_ai/_view/www/src/samples/tools/SortFilter.mjs
index 187712e89..b6abd9164 100644
--- a/src/inspect_ai/_view/www/src/samples/tools/SortFilter.mjs
+++ b/src/inspect_ai/_view/www/src/samples/tools/SortFilter.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
 import { isNumeric } from "../../utils/Type.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
 
 const kSampleAscVal = "sample-asc";
 const kSampleDescVal = "sample-desc";
@@ -38,14 +39,21 @@ export const SortFilter = ({ sampleDescriptor, sort, setSort, epochs }) => {
   return html`
     <div style=${{ display: "flex" }}>
       <span
-        class="epoch-filter-label"
-        style=${{ alignSelf: "center", marginRight: "0.5em" }}
+        class="sort-filter-label"
+        style=${{
+          alignSelf: "center",
+          fontSize: FontSize.smaller,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+          marginRight: "0.3em",
+          marginLeft: "0.2em",
+        }}
         >Sort:</span
       >
       <select
         class="form-select form-select-sm"
-        aria-label=".epoch-filter-label"
-        style=${{ fontSize: "0.7rem" }}
+        aria-label=".sort-filter-label"
+        style=${{ fontSize: FontSize.smaller }}
         value=${sort}
         onChange=${(e) => {
           setSort(e.target.value);
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/EventPanel.mjs b/src/inspect_ai/_view/www/src/samples/transcript/EventPanel.mjs
new file mode 100644
index 000000000..c14c478bd
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/EventPanel.mjs
@@ -0,0 +1,221 @@
+// @ts-check
+import { html } from "htm/preact";
+import { useState } from "preact/hooks";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the StateEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {string} props.id - The id of the event
+ * @param {string | undefined} props.title - The name of the event
+ * @param {string | undefined} props.text - Secondary text for the event
+ * @param {string | undefined} props.icon - The icon of the event
+ * @param {number | undefined} props.depth - The depth of this item
+ * @param {boolean | undefined} props.collapse - Default collapse behavior for card. If omitted, not collapsible.
+ * @param {Object} props.style - The style properties passed to the component.
+ * @param {import("preact").ComponentChildren} props.children - The rendered event.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const EventPanel = ({
+  id,
+  title,
+  text,
+  icon,
+  depth = 0,
+  collapse,
+  style,
+  children,
+}) => {
+  /**
+   * @type {import("preact").ComponentChildren[] | undefined}
+   */
+  const arrChildren = Array.isArray(children) ? children : [children];
+  const filteredArrChilden = arrChildren.filter((child) => !!child);
+
+  const hasCollapse = collapse !== undefined;
+  const [collapsed, setCollapsed] = useState(!!collapse);
+
+  /**
+   * Generates the id for the navigation pill.
+   *
+   * @param {number} index - The index of the pill.
+   * @returns {string} The generated id.
+   */
+  const pillId = (index) => {
+    return `${id}-nav-pill-${index}`;
+  };
+
+  const titleEl =
+    title || icon || filteredArrChilden.length > 1
+      ? html`<div
+          style=${{
+            paddingLeft: "0.5em",
+            display: "grid",
+            gridTemplateColumns:
+              "max-content minmax(0, max-content) auto minmax(0, max-content) auto",
+            columnGap: "0.5em",
+            fontSize: FontSize.small,
+            cursor: hasCollapse ? "pointer" : undefined,
+          }}
+        >
+          ${icon
+            ? html`<i
+                class=${icon || ApplicationIcons.metadata}
+                style=${{ ...TextStyle.secondary }}
+                onclick=${() => {
+                  setCollapsed(!collapsed);
+                }}
+              />`
+            : ""}
+          <div
+            style=${{ ...TextStyle.label, ...TextStyle.secondary }}
+            onclick=${() => {
+              setCollapsed(!collapsed);
+            }}
+          >
+            ${title}
+          </div>
+          <div
+            onclick=${() => {
+              setCollapsed(!collapsed);
+            }}
+          ></div>
+          <div
+            style=${{ justifySelf: "end", ...TextStyle.secondary }}
+            onclick=${() => {
+              setCollapsed(!collapsed);
+            }}
+          >
+            ${text}
+          </div>
+          <div
+            style=${{
+              justifySelf: "end",
+              display: "flex",
+              flexDirection: "columns",
+            }}
+          >
+            ${(!hasCollapse || !collapsed) &&
+            filteredArrChilden &&
+            filteredArrChilden.length > 1
+              ? html` <${EventNavs}
+                  navs=${filteredArrChilden.map((child, index) => {
+                    const defaultTitle = `Tab ${index}`;
+                    const title =
+                      child && typeof child === "object"
+                        ? child["props"]?.name || defaultTitle
+                        : defaultTitle;
+                    return {
+                      id: `eventpanel-${id}-${index}`,
+                      title: title,
+                      target: pillId(index),
+                    };
+                  })}
+                />`
+              : ""}
+            ${hasCollapse
+              ? html`<i
+                  onclick=${() => {
+                    setCollapsed(!collapsed);
+                  }}
+                  class=${collapsed
+                    ? ApplicationIcons.chevron.right
+                    : ApplicationIcons.chevron.down}
+                />`
+              : ""}
+          </div>
+        </div>`
+      : "";
+
+  const left_padding = 0.5 + depth * 1.5;
+  const card = html` <div
+    id=${id}
+    class="card"
+    style=${{
+      padding: `0.5em 0.5em 0.5em ${left_padding}em`,
+      marginBottom: "-1px",
+      ...style,
+    }}
+  >
+    ${titleEl}
+    ${!hasCollapse || !collapsed
+      ? html` <div
+          class="card-body tab-content"
+          style=${{ padding: 0, marginLeft: "2em" }}
+        >
+          ${filteredArrChilden?.map((child, index) => {
+            return html`<div
+              id=${pillId(index)}
+              class="tab-pane show ${index === 0 ? "active" : ""}"
+            >
+              ${child}
+            </div>`;
+          })}
+        </div>`
+      : ""}
+  </div>`;
+  return card;
+};
+
+/**
+ * Component to render navigation items.
+ *
+ * @param {Object} props - The component properties.
+ * @param {Array<{id: string, title: string, target: string}>} props.navs - The array of navigation items.
+ * @returns {import("preact").ComponentChildren} - The rendered navigation items as a list.
+ */
+const EventNavs = ({ navs }) => {
+  return html`<ul
+    class="nav nav-pills card-header-pills"
+    style=${{
+      marginRight: "0",
+      alignItems: "flex-start",
+      justifyContent: "flex-end",
+    }}
+    role="tablist"
+    aria-orientation="horizontal"
+  >
+    ${navs.map((nav, index) => {
+      return html`<${EventNav}
+        active=${index === 0}
+        id=${nav.id}
+        target=${nav.target}
+        title=${nav.title}
+      />`;
+    })}
+  </ul>`;
+};
+
+/**
+ * Component to render a single navigation item.
+ *
+ * @param {Object} props - The component properties.
+ * @param {string} props.target - The target of the navigation item.
+ * @param {string} props.title - The title of the navigation item.
+ * @param {boolean} props.active - Is the navigation item active.
+ * @returns {import("preact").ComponentChildren} - The rendered navigation item.
+ */
+const EventNav = ({ target, title, active }) => {
+  return html`<li class="nav-item">
+    <button
+      data-bs-toggle="pill"
+      data-bs-target="#${target}"
+      type="button"
+      role="tab"
+      aria-controls=${target}
+      aria-selected=${active}
+      style=${{
+        minWidth: "4rem",
+        ...TextStyle.label,
+        fontSize: FontSize.small,
+        padding: "0.1rem  0.6rem",
+        borderRadius: "3px",
+      }}
+      class="nav-link ${active ? "active " : ""}"
+    >
+      ${title}
+    </button>
+  </li>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/EventRow.mjs b/src/inspect_ai/_view/www/src/samples/transcript/EventRow.mjs
new file mode 100644
index 000000000..5d8688bb2
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/EventRow.mjs
@@ -0,0 +1,50 @@
+// @ts-check
+import { html } from "htm/preact";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the EventRow component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {string | undefined} props.title - The name of the event
+ * @param {string | undefined} props.icon - The name of the event
+ * @param {number} props.depth - The depth of the event
+ * @param {import("preact").ComponentChildren} props.children - The rendered event.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const EventRow = ({ title, icon, depth, children }) => {
+  const paddingLeft = depth * 1.5 + 0.5;
+
+  const contentEl = title
+    ? html`<div
+        style=${{
+          padding: `0.5em 0.5em 0.5em ${paddingLeft}em`,
+          display: "grid",
+          gridTemplateColumns: "max-content max-content minmax(0, 1fr)",
+          columnGap: "0.5em",
+          fontSize: FontSize.small,
+        }}
+      >
+        <i
+          class=${icon || ApplicationIcons.metadata}
+          style=${{ ...TextStyle.secondary }}
+        />
+        <div style=${{ ...TextStyle.label, ...TextStyle.secondary }}>
+          ${title}
+        </div>
+        <div>${children}</div>
+      </div>`
+    : "";
+
+  const card = html` <div
+    class="card"
+    style=${{
+      padding: "0.1em 0.5em",
+      marginBottom: "-1px",
+    }}
+  >
+    ${contentEl}
+  </div>`;
+  return card;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/EventSection.mjs b/src/inspect_ai/_view/www/src/samples/transcript/EventSection.mjs
new file mode 100644
index 000000000..af8d72f05
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/EventSection.mjs
@@ -0,0 +1,33 @@
+// @ts-check
+import { html } from "htm/preact";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the Event Section component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {string | undefined} props.title - The name of the event
+ * @param {Object | undefined} props.style - The name of the event
+ * @param {import("preact").ComponentChildren} props.children - The rendered event.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const EventSection = ({ title, style, children }) => {
+  return html`<div
+    style=${{
+      margin: "1em 0 0 0",
+      ...style,
+    }}
+  >
+    <div
+      style=${{
+        fontSize: FontSize.smaller,
+        ...TextStyle.label,
+        fontWeight: 600,
+        paddingBottom: "0.3em",
+      }}
+    >
+      ${title}
+    </div>
+    ${children}
+  </div>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.mjs
new file mode 100644
index 000000000..8e3fa0787
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/InfoEventView.mjs
@@ -0,0 +1,26 @@
+// @ts-check
+import { html } from "htm/preact";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { EventPanel } from "./EventPanel.mjs";
+
+/**
+ * Renders the InfoEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").LoggerEvent} props.event - The event object to display.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const InfoEventView = ({ id, depth, event }) => {
+  return html`
+  <${EventPanel} id=${id} depth=${depth} title="Info" icon=${ApplicationIcons.info}>
+  <div
+    style=${{ display: "grid", gridTemplateColumns: "auto auto" }}
+  >
+    <div><i class=${ApplicationIcons.logging.info} /></div>
+    <div>${event.message}</div>
+    <div></div>
+  </div>
+  </${EventPanel}>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.mjs
new file mode 100644
index 000000000..9bb620898
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/LoggerEventView.mjs
@@ -0,0 +1,32 @@
+// @ts-check
+import { html } from "htm/preact";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+import { EventRow } from "./EventRow.mjs";
+
+/**
+ * Renders the LoggerEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").LoggerEvent} props.event - The event object to display.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const LoggerEventView = ({ id, depth, event }) => {
+  // Create a Date object from the timestamp
+  return html`
+  <${EventRow} 
+    id=${id}
+    depth=${depth}
+    title=${event.message.level} 
+    icon=${ApplicationIcons.logging[event.message.level.toLowerCase()]}  
+  >
+  <div
+    style=${{ width: "100%", display: "grid", gridTemplateColumns: "1fr max-content", columnGap: "1em", fontSize: FontSize.base }}
+  >
+    <div style=${{ fontSize: FontSize.smaller }}>${event.message.message}</div>
+    <div style=${{ fontSize: FontSize.smaller, ...TextStyle.secondary }}>${event.message.filename}:${event.message.lineno}</div>
+  </div>
+  </${EventRow}>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.mjs
new file mode 100644
index 000000000..7790001f6
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ModelEventView.mjs
@@ -0,0 +1,163 @@
+// @ts-check
+/// <reference path="../../types/prism.d.ts" />
+import Prism from "prismjs";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-json";
+
+import { html } from "htm/preact";
+import { useRef } from "preact/hooks";
+import { ChatView } from "../../components/ChatView.mjs";
+import { EventPanel } from "./EventPanel.mjs";
+import { EventSection } from "./EventSection.mjs";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { MetaDataGrid } from "../../components/MetaDataGrid.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the StateEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").ModelEvent} props.event - The event object to display.
+ * @param {string} props.baseId - The baseId of the event.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const ModelEventView = ({ id, depth, event }) => {
+  const totalUsage = event.output.usage?.total_tokens;
+  const subtitle = totalUsage ? `(${totalUsage} tokens)` : "";
+
+  // Note: despite the type system saying otherwise, this has appeared empircally
+  // to sometimes be undefined
+  const outputMessages = event.output.choices?.map((choice) => {
+    return choice.message;
+  });
+
+  const entries = { ...event.config };
+  entries["tool_choice"] = event.tool_choice;
+  delete entries["max_connections"];
+
+  const tableSectionStyle = {
+    width: "fit-content",
+    alignSelf: "start",
+    justifySelf: "start",
+  };
+
+  return html`
+  <${EventPanel} id=${id} depth=${depth} title="Model Call: ${event.model} ${subtitle}" icon=${ApplicationIcons.model}>
+  
+    <div name="Completion">
+    <${ChatView}
+      id="${id}-model-output"
+      messages=${[...(outputMessages || [])]}
+      style=${{ paddingTop: "1em" }}
+      />
+    </div>
+
+    <div name="All" style=${{ margin: "1em 0" }}>
+
+      <div style=${{ display: "grid", gridTemplateColumns: "1fr 1fr", columnGap: "1em" }}>
+      <${EventSection} title="Configuration" style=${tableSectionStyle}>
+        <${MetaDataGrid} entries=${entries} plain=${true}/>
+      </${EventSection}>
+
+      <${EventSection} title="Usage" style=${tableSectionStyle}>
+        <${MetaDataGrid} entries=${event.output.usage} plain=${true}/>
+      </${EventSection}>
+
+      <${EventSection} title="Tools" style=${{ gridColumn: "-1/1", ...tableSectionStyle }}>
+        <${ToolsConfig} tools=${event.tools}/>
+      </${EventSection}>
+
+      </div>
+
+      <${EventSection} title="Messages">
+        <${ChatView}
+          id="${id}-model-input-full"
+          messages=${[...event.input, ...(outputMessages || [])]}
+          />      
+      </${EventSection}>
+
+    </div>
+
+    ${event.call ? html`<${APIView} name="API" call=${event.call} style=${{ margin: "1em 0", width: "100%" }} />` : ""}
+   
+  </${EventPanel}>`;
+};
+
+export const APIView = ({ call, style }) => {
+  if (!call) {
+    return "";
+  }
+
+  return html`<div style=${style}>
+
+    <${EventSection} title="Request">
+      <${APICodeCell} contents=${call.request} />
+    </${EventSection}>
+    <${EventSection} title="Response">
+      <${APICodeCell} contents=${call.response} />
+    </${EventSection}>
+
+    </div>`;
+};
+
+export const APICodeCell = ({ id, contents }) => {
+  if (!contents) {
+    return "";
+  }
+
+  const sourceCode = JSON.stringify(contents, undefined, 2);
+  const codeRef = useRef();
+
+  if (codeRef.current) {
+    // @ts-ignore
+    codeRef.current.innerHTML = Prism.highlight(
+      sourceCode,
+      Prism.languages.javascript,
+      "javacript",
+    );
+  }
+
+  return html`<div>
+    <pre
+      style=${{
+        background: "var(--bs-light)",
+        width: "100%",
+        padding: "0.5em",
+        borderRadius: "3px",
+      }}
+    >
+      <code 
+        id=${id} 
+        ref=${codeRef}
+        class="sourceCode-js" 
+        style=${{
+      fontSize: FontSize.small,
+      whiteSpace: "pre-wrap",
+      wordWrap: "anywhere",
+    }}>
+      </code>
+      </pre>
+  </div>`;
+};
+
+const ToolsConfig = ({ tools }) => {
+  const toolEls = tools.map((tool) => {
+    return html`<div style=${{ ...TextStyle.label, ...TextStyle.secondary }}>
+        ${tool.name}
+      </div>
+      <div>${tool.description}</div>`;
+  });
+
+  return html`<div
+    style=${{
+      display: "grid",
+      gridTemplateColumns: "max-content max-content",
+      columnGap: "1em",
+    }}
+  >
+    ${toolEls}
+  </div>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.mjs
new file mode 100644
index 000000000..c46a65323
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SampleInitEventView.mjs
@@ -0,0 +1,79 @@
+// @ts-check
+import { html } from "htm/preact";
+import { EventPanel } from "./EventPanel.mjs";
+import { MetaDataGrid } from "../../components/MetaDataGrid.mjs";
+import { ChatView } from "../../components/ChatView.mjs";
+import { isBase64 } from "../../utils/Base64.mjs";
+import { EventSection } from "./EventSection.mjs";
+
+/**
+ * Renders the SampleInitEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").SampleInitEvent} props.event - The event object to display.
+ * @param {import("./TranscriptState.mjs").StateManager} props.stateManager - A function that updates the state with a new state object.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const SampleInitEventView = ({ id, depth, event, stateManager }) => {
+  /**
+   * @type {Record<string, unknown>}
+   */
+  //@ts-ignore
+  const stateObj = event.state;
+
+  // Rememember the state (so other event viewers can use
+  // it as a baseline when applying their state updates)
+  stateManager.setState(stateObj);
+
+  const sections = [];
+
+  if (event.sample.files && Object.keys(event.sample.files).length > 0) {
+    const filesTable = {};
+    Object.keys(event.sample.files).forEach((key) => {
+      filesTable[key] = isBase64(event.sample.files[key])
+        ? `<Base64 string>`
+        : event.sample.files[key];
+    });
+
+    sections.push(html`<${EventSection} title="Files">
+      <${MetaDataGrid} entries=${filesTable}/>
+      </${EventSection}>
+  `);
+  }
+
+  if (event.sample.setup) {
+    sections.push(html`<${EventSection} title="Setup">
+      <pre style=${{ background: "var(--bs-light)", borderRadius: "3px" }}><code class="sourceCode" >${event.sample.setup}</code></pre>
+      </${EventSection}>
+  `);
+  }
+
+  return html`
+  <${EventPanel} id=${id} depth=${depth}>
+    
+    <div name="Sample">
+      <${ChatView} messages=${stateObj["messages"]}/>
+      <div style=${{ marginLeft: "2.1em", marginBottom: "1em" }}>
+        ${
+          event.sample.choices
+            ? event.sample.choices.map((choice, index) => {
+                return html`<div>
+                  ${String.fromCharCode(65 + index)}) ${choice}
+                </div>`;
+              })
+            : ""
+        }
+        <div style=${{ display: "flex", flexWrap: "wrap", gap: "1em", overflowWrap: "break-word" }}>
+        ${sections}
+        </div>
+        <${EventSection} title="Target">
+          ${event.sample.target}
+        </${EventSection}>
+      </div>
+    </div>
+    ${event.sample.metadata && Object.keys(event.sample.metadata).length > 0 ? html`<${MetaDataGrid} name="Metadata" style=${{ margin: "1em 0" }} entries=${event.sample.metadata} />` : ""}
+
+  </${EventPanel}>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.mjs
new file mode 100644
index 000000000..4a335b557
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ScoreEventView.mjs
@@ -0,0 +1,51 @@
+// @ts-check
+import { html } from "htm/preact";
+import { MarkdownDiv } from "../../components/MarkdownDiv.mjs";
+import { MetaDataGrid } from "../../components/MetaDataGrid.mjs";
+import { EventPanel } from "./EventPanel.mjs";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the InfoEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").ScoreEvent} props.event - The event object to display.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const ScoreEventView = ({ id, depth, event }) => {
+  return html`
+  <${EventPanel} id=${id} depth=${depth} title="Score" icon=${ApplicationIcons.scorer}>
+  
+    <div
+      name="Explanation"
+      style=${{ display: "grid", gridTemplateColumns: "max-content auto", columnGap: "1em", margin: "1em 0" }}
+    >
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Answer</div>
+      <div>${event.score.answer}</div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Explanation</div>
+      <div><${MarkdownDiv} markdown=${event.score.explanation}/></div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+      <div style=${{ ...TextStyle.label }}>Score</div>  
+      <div>${event.score.value}</div>
+      <div style=${{ gridColumn: "1 / -1", borderBottom: "solid 1px var(--bs-light-border-subtle" }}></div>
+    </div>
+    ${
+      event.score.metadata
+        ? html`<div name="Metadata">
+            <${MetaDataGrid}
+              entries=${event.score.metadata}
+              compact=${true}
+              style=${{ margin: "1em 0" }}
+            />
+          </div>`
+        : undefined
+    }
+
+
+  </${EventPanel}>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.mjs
new file mode 100644
index 000000000..b996081d1
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/StepEventView.mjs
@@ -0,0 +1,114 @@
+// @ts-check
+import { html } from "htm/preact";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { EventPanel } from "./EventPanel.mjs";
+
+/**
+ * Renders the StepEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {number} props.depth - The depth level of this event for nested UI display.
+ * @param {import("../../types/log").StepEvent} props.event - The event object to display.
+ * @returns {import("preact").JSX.Element} The component that displays event details.
+ */
+export const StepEventView = ({ depth, event }) => {
+  const descriptor = stepDescriptor(event);
+  if (event.action === "end") {
+    // end events have no special implicit UI
+    if (descriptor.endSpace) {
+      return html`<div style=${{ height: "1.5em" }}></div>`;
+    } else {
+      return html``;
+    }
+  }
+
+  const title =
+    descriptor.name ||
+    `${event.type ? event.type + ": " : "Step: "}${event.name}`;
+
+  return html`<${EventPanel}
+    title="${title}"
+    depth=${depth}
+    icon=${descriptor.icon}
+    style=${descriptor.style}
+  />`;
+};
+
+/** @type {Record<string, string>} */
+const rootStepStyle = {
+  backgroundColor: "var(--bs-light)",
+  fontWeight: "600",
+};
+
+/**
+ * Returns a descriptor object containing icon and style based on the event type and name.
+ *
+ * @param {import("../../types/log").StepEvent} event - The event object.
+ * @returns {{ icon: string, style: Record<string, string>, endSpace: boolean, name?: string }} The descriptor with the icon and style for the event.
+ */
+const stepDescriptor = (event) => {
+  const rootStepDescriptor = {
+    style: rootStepStyle,
+    endSpace: true,
+  };
+
+  if (event.type === "solver") {
+    switch (event.name) {
+      case "chain_of_thought":
+        return {
+          icon: ApplicationIcons.solvers.chain_of_thought,
+          ...rootStepDescriptor,
+        };
+      case "generate":
+        return {
+          icon: ApplicationIcons.solvers.generate,
+          ...rootStepDescriptor,
+        };
+      case "self_critique":
+        return {
+          icon: ApplicationIcons.solvers.self_critique,
+          ...rootStepDescriptor,
+        };
+      case "system_message":
+        return {
+          icon: ApplicationIcons.solvers.system_message,
+          ...rootStepDescriptor,
+        };
+      case "use_tools":
+        return {
+          icon: ApplicationIcons.solvers.use_tools,
+          ...rootStepDescriptor,
+        };
+      case "multiple_choice":
+        return {
+          icon: ApplicationIcons["multiple-choice"],
+          ...rootStepDescriptor,
+        };
+      default:
+        return {
+          icon: ApplicationIcons.solvers.default,
+          ...rootStepDescriptor,
+        };
+    }
+  } else if (event.type === "scorer") {
+    return {
+      icon: ApplicationIcons.scorer,
+      ...rootStepDescriptor,
+    };
+  } else {
+    switch (event.name) {
+      case "sample_init":
+        return {
+          icon: ApplicationIcons.sample,
+          ...rootStepDescriptor,
+          name: "Sample Init",
+        };
+      default:
+        return {
+          icon: ApplicationIcons.step,
+          style: {},
+          endSpace: false,
+        };
+    }
+  }
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.mjs
new file mode 100644
index 000000000..0f8b9b436
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/SubtaskEventView.mjs
@@ -0,0 +1,84 @@
+// @ts-check
+import { html } from "htm/preact";
+import { TranscriptView } from "./TranscriptView.mjs";
+import { EventPanel } from "./EventPanel.mjs";
+import { MetaDataView } from "../../components/MetaDataView.mjs";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the StateEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").SubtaskEvent} props.event - The event object to display.
+ * @param {import("./TranscriptState.mjs").StateManager} props.stateManager - A function that updates the state with a new state object.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const SubtaskEventView = ({ id, depth, event, stateManager }) => {
+  return html`
+    <${EventPanel} id=${id} depth=${depth} title="Subtask: ${event.name}" icon=${ApplicationIcons.subtask}>
+      <${SubtaskSummary} name="Summary"  input=${event.input} result=${event.result}/>
+      ${
+        event.events.length > 0
+          ? html`<${TranscriptView}
+              id="${id}-subtask"
+              name="Transcript"
+              events=${event.events}
+              stateManager=${stateManager}
+            />`
+          : ""
+      }
+    </${EventPanel}>`;
+};
+
+/**
+ * Renders the StateEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param {import("../../types/log").Input2} props.input - The event object to display.
+ * @param {import("../../types/log").Result1} props.result - The event object to display.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+const SubtaskSummary = ({ input, result }) => {
+  result = typeof result === "object" ? result : { result };
+  return html` <div
+    style=${{
+      display: "grid",
+      gridTemplateColumns:
+        "minmax(0,max-content) max-content minmax(0,max-content)",
+      columnGap: "1em",
+      margin: "1em 0",
+    }}
+  >
+    <div style=${{ ...TextStyle.label }}>Input</div>
+    <div style=${{ fontSize: FontSize.large, padding: "0 2em" }}>
+      <i class="${ApplicationIcons.arrows.right}" />
+    </div>
+
+    <div style=${{ ...TextStyle.label }}>Output</div>
+    <${Rendered} values=${input} />
+    <div></div>
+    <${Rendered} values=${result} />
+  </div>`;
+};
+
+/**
+ * Recursively renders content based on the type of `values`.
+ *
+ * @param {Object} props - The component props.
+ * @param {Array<unknown>|Object|string|number} props.values - The values to be rendered. Can be an array, object, string, or number.
+ * @returns {import("preact").JSX.Element|Array<import("preact").JSX.Element>|string|number} The rendered content, which can be a JSX element, an array of JSX elements, or a primitive value.
+ */
+const Rendered = ({ values }) => {
+  if (Array.isArray(values)) {
+    return values.map((val) => {
+      return html`<${Rendered} values=${val} />`;
+    });
+  } else if (values && typeof values === "object") {
+    return html`<${MetaDataView} entries=${values} />`;
+  } else {
+    return values;
+  }
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.mjs
new file mode 100644
index 000000000..d5755595d
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/ToolEventView.mjs
@@ -0,0 +1,60 @@
+// @ts-check
+import { html } from "htm/preact";
+import { EventPanel } from "./EventPanel.mjs";
+import { ApplicationIcons } from "../../appearance/Icons.mjs";
+import { ExpandablePanel } from "../../components/ExpandablePanel.mjs";
+import {
+  resolveToolInput,
+  ToolCallView,
+  ToolOutput,
+} from "../../components/Tools.mjs";
+import { TranscriptView } from "./TranscriptView.mjs";
+import { FontSize } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the ToolEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../types/log").ToolEvent} props.event - The event object to display.
+ * @param {import("./TranscriptState.mjs").StateManager} props.stateManager - A function that updates the state with a new state object.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const ToolEventView = ({ id, depth, stateManager, event }) => {
+  // Extract tool input
+  const { input, functionCall, inputType } = resolveToolInput(
+    event.function,
+    event.arguments,
+  );
+  const title = `Tool: ${event.function}`;
+
+  return html`
+  <${EventPanel} id=${id} depth=${depth} title="${title}" icon=${ApplicationIcons.solvers.use_tools}>
+  <div name="Summary">
+    <${ExpandablePanel}>
+      ${event.result ? html`<${ToolOutput} output=${event.result} style=${{ margin: "1em 0" }} />` : html`<div style=${{ margin: "1em 0", fontSize: FontSize.small }}>No output</div>`}
+    </${ExpandablePanel}>
+  </div>
+  <div name="Transcript">
+    <${ToolCallView}
+      functionCall=${functionCall}
+      input=${input}
+      inputType=${inputType}
+      output=${event.result}
+      mode="compact"
+      />
+        ${
+          event.events.length > 0
+            ? html`<${TranscriptView}
+                id="${id}-subtask"
+                name="Transcript"
+                events=${event.events}
+                stateManager=${stateManager}
+              />`
+            : ""
+        }
+
+  </div>
+  </${EventPanel}>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/TranscriptState.mjs b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptState.mjs
new file mode 100644
index 000000000..a9d6bffe9
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptState.mjs
@@ -0,0 +1,48 @@
+import { applyOperation } from "fast-json-patch";
+/**
+ * @typedef {Object} StateManager
+ * @property {function(): Object} getState - Retrieves the current state object.
+ * @property {function(Object): void} setState - Updates the current state with a new state object.
+ * @property {function(import("../../types/log").Changes): Object} applyChanges - Updates the current state with a new state object.*
+ */
+
+/**
+ * Manages the state, providing methods to retrieve and update it.
+ *
+ * @returns {StateManager} An object containing `getState` and `onState` methods for managing state.
+ */
+export const initStateManager = () => {
+  /** @type {Object} */
+  let state = {};
+  return {
+    /**
+     * Retrieves the current state object.
+     *
+     * @returns {Object} The current state object.
+     */
+    getState: () => {
+      return state;
+    },
+    /**
+     * Updates the current state with a new state object.
+     *
+     * @param {Object} newState - The new state object to update with.
+     */
+    setState: (newState) => {
+      state = structuredClone(newState);
+    },
+    /**
+     * Updates the current state with a new state object.
+     *
+     * @param {import("../../types/log").Changes} changes - The new state object to update with.
+     */
+    applyChanges: (changes) => {
+      state = structuredClone(state);
+      changes.forEach((change) => {
+        //@ts-ignore
+        applyOperation(state, change);
+      });
+      return state;
+    },
+  };
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.mjs
new file mode 100644
index 000000000..929f4562f
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/TranscriptView.mjs
@@ -0,0 +1,183 @@
+// @ts-check
+import { html } from "htm/preact";
+import { SampleInitEventView } from "./SampleInitEventView.mjs";
+import { StateEventView } from "./state/StateEventView.mjs";
+import { StepEventView } from "./StepEventView.mjs";
+import { SubtaskEventView } from "./SubtaskEventView.mjs";
+import { ModelEventView } from "./ModelEventView.mjs";
+import { LoggerEventView } from "./LoggerEventView.mjs";
+import { InfoEventView } from "./InfoEventView.mjs";
+import { ScoreEventView } from "./ScoreEventView.mjs";
+import { ToolEventView } from "./ToolEventView.mjs";
+import { FontSize } from "../../appearance/Fonts.mjs";
+
+/**
+ * Renders the TranscriptView component.
+ *
+ * @param {Object} params - The parameters for the component.
+ * @param {string} params.id - The identifier for this view
+ * @param {import("../../types/log").Events} params.events - The transcript events to display.
+ * @param {import("./TranscriptState.mjs").StateManager} params.stateManager - A function that updates the state with a new state object.
+ * @returns {import("preact").JSX.Element} The TranscriptView component.
+ */
+export const TranscriptView = ({ id, events, stateManager }) => {
+  // Normalize Events themselves
+  const resolvedEvents = fixupEventStream(events);
+
+  let depth = 0;
+  const rows = resolvedEvents.map((event, index) => {
+    const row = html`
+      <div
+        style=${{
+          paddingTop: 0,
+          paddingBottom: 0,
+        }}
+      >
+        <div>
+          ${renderNode(
+            `${id}-event${index}`,
+            event,
+            Math.max(depth - 1, 0),
+            stateManager,
+          )}
+        </div>
+      </div>
+    `;
+
+    if (event.event === "step") {
+      if (event.action === "end") {
+        depth = depth - 1;
+      } else {
+        depth = depth + 1;
+      }
+    }
+
+    return row;
+  });
+
+  return html`<div
+    id=${id}
+    style=${{
+      fontSize: FontSize.small,
+      display: "grid",
+      margin: "1em 0",
+      width: "100%",
+    }}
+  >
+    ${rows}
+  </div>`;
+};
+
+/**
+ * Renders the event based on its type.
+ *
+ * @param {string} id - The id for this event.
+ * @param { import("../../types/log").SampleInitEvent | import("../../types/log").StateEvent | import("../../types/log").StoreEvent | import("../../types/log").ModelEvent | import("../../types/log").LoggerEvent | import("../../types/log").InfoEvent | import("../../types/log").StepEvent | import("../../types/log").SubtaskEvent| import("../../types/log").ScoreEvent | import("../../types/log").ToolEvent} event - This event.
+ * @param {number} depth - How deeply nested this node is
+ * @param {import("./TranscriptState.mjs").StateManager} stateManager State manager to track state as diffs are applied
+ * @returns {import("preact").JSX.Element} The rendered event.
+ */
+export const renderNode = (id, event, depth, stateManager) => {
+  switch (event.event) {
+    case "sample_init":
+      return html`<${SampleInitEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    case "info":
+      return html`<${InfoEventView} id=${id} depth=${depth} event=${event} />`;
+
+    case "logger":
+      return html`<${LoggerEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+      />`;
+
+    case "model":
+      return html`<${ModelEventView} id=${id} depth=${depth} event=${event} />`;
+
+    case "score":
+      return html`<${ScoreEventView} id=${id} depth=${depth} event=${event} />`;
+
+    case "state":
+      return html`<${StateEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    case "step":
+      return html`<${StepEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    case "store":
+      return html`<${StateEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    case "subtask":
+      return html`<${SubtaskEventView}
+        id=${id}
+        depth=${depth}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    case "tool":
+      return html`<${ToolEventView}
+        depth=${depth}
+        id=${id}
+        event=${event}
+        stateManager=${stateManager}
+      />`;
+
+    default:
+      return html``;
+  }
+};
+
+/**
+ * Normalizes event content
+ *
+ * @param {import("../../types/log").Events} events - The transcript events to display.
+ * @returns {import("../../types/log").Events} Events with resolved content.
+ */
+const fixupEventStream = (events) => {
+  const initEventIndex = events.findIndex((e) => {
+    return e.event === "sample_init";
+  });
+  const initEvent = events[initEventIndex];
+
+  const fixedUp = [...events];
+  if (initEvent) {
+    fixedUp.splice(initEventIndex, 0, {
+      timestamp: initEvent.timestamp,
+      event: "step",
+      action: "begin",
+      type: null,
+      name: "sample_init",
+    });
+
+    fixedUp.splice(initEventIndex + 2, 0, {
+      timestamp: initEvent.timestamp,
+      event: "step",
+      action: "end",
+      type: null,
+      name: "sample_init",
+    });
+  }
+
+  return fixedUp;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.mjs
new file mode 100644
index 000000000..5839beeaa
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateDiffView.mjs
@@ -0,0 +1,34 @@
+// @ts-check
+/// <reference path="../../../types/jsondiffpatch.d.ts" />
+
+import { html } from "htm/preact";
+import { diff } from "jsondiffpatch";
+import { format } from "jsondiffpatch/formatters/html";
+
+/**
+ * Renders a view displaying a list of state changes.
+ *
+ * @param {Object} props - The properties for the component.
+ * @param {Object} props.starting - The list of changes to be displayed.
+ * @param {Object} props.ending - The list of changes to be displayed.
+ * @param {Record<string, string>} [props.style] - Optional custom styles for the view container.
+ * @returns {import("preact").JSX.Element | undefined} The component.
+ */
+export const StateDiffView = ({ starting, ending, style }) => {
+  const changes = diff(unescapeNewlines(starting), unescapeNewlines(ending));
+  const html_result = format(changes);
+  return html`<div
+    dangerouslySetInnerHTML=${{ __html: unescapeNewlines(html_result) }}
+    style=${{ style }}
+  ></div>`;
+};
+function unescapeNewlines(obj) {
+  if (typeof obj === "string") {
+    return obj.replace(/\\n/g, "\n");
+  } else if (typeof obj === "object") {
+    for (let key in obj) {
+      obj[key] = unescapeNewlines(obj[key]);
+    }
+  }
+  return obj;
+}
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.mjs b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.mjs
new file mode 100644
index 000000000..dcb973ffe
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventRenderers.mjs
@@ -0,0 +1,142 @@
+// @ts-check
+import { html } from "htm/preact";
+import { ChatView } from "../../../components/ChatView.mjs";
+import { FontSize, TextStyle } from "../../../appearance/Fonts.mjs";
+
+/**
+ * @typedef {Object} Signature
+ * @property {string[]} remove - Array of paths to be removed.
+ * @property {string[]} replace - Array of paths to be replaced.
+ * @property {string[]} add - Array of paths to be added.
+ */
+
+/**
+ * @typedef {Object} ChangeType
+ * @property {string} type - Type of the system message.
+ * @property {Signature} signature - Signature of the system message.
+ * @property {function(Object): import("preact").JSX.Element} render - Function to render the resolved state.
+ */
+
+/** @type {ChangeType} */
+const system_msg_added_sig = {
+  type: "system_message",
+  signature: {
+    remove: ["/messages/0/source"],
+    replace: ["/messages/0/role", "/messages/0/content"],
+    add: ["/messages/1"],
+  },
+  render: (resolvedState) => {
+    const message = resolvedState["messages"][0];
+    return html`<${ChatView}
+      id="system_msg_event_preview"
+      messages=${[message]}
+    />`;
+  },
+};
+
+/** @type {ChangeType} */
+const tools_choice = {
+  type: "tools_choice",
+  signature: {
+    add: ["/tools/0"],
+    replace: ["/tool_choice"],
+    remove: [],
+  },
+  render: (resolvedState) => {
+    const toolsInfo = {
+      "Tool Choice": resolvedState.tool_choice,
+    };
+
+    if (resolvedState.tools.length > 0) {
+      toolsInfo["Tools"] = html`<${Tools}
+        toolDefinitions=${resolvedState.tools}
+      />`;
+    }
+
+    return html`
+      <div
+        style=${{
+          display: "grid",
+          gridTemplateColumns: "max-content max-content",
+          columnGap: "1rem",
+          margin: "1em 0",
+        }}
+      >
+        ${Object.keys(toolsInfo).map((key) => {
+          return html` <div
+              style=${{
+                fontSize: FontSize.smaller,
+                ...TextStyle.label,
+                ...TextStyle.secondary,
+              }}
+            >
+              ${key}
+            </div>
+            <div style=${{ fontSize: FontSize.base }}>${toolsInfo[key]}</div>`;
+        })}
+      </div>
+    `;
+  },
+};
+
+/** @type {ChangeType[]} */
+export const RenderableChangeTypes = [system_msg_added_sig, tools_choice];
+
+/**
+ * @typedef {Object} ToolParameters
+ * @property {string} type - The type of the parameters object, typically "object".
+ * @property {Object} properties - An object describing the properties of the parameters.
+ * @property {ToolProperty} properties.code - The code property, which is a string.
+ * @property {string[]} required - An array of required property names.
+ */
+
+/**
+ * @typedef {Object} ToolProperty
+ * @property {string} type - The data type of the property (e.g., "string").
+ * @property {string} description - A description of the property.
+ */
+
+/**
+ * @typedef {Object} ToolDefinition
+ * @property {string} name - The name of the tool (e.g., "python").
+ * @property {string} description - A brief description of what the tool does.
+ * @property {ToolParameters} parameters - An object describing the parameters that the tool accepts.
+ */
+
+/**
+ * Renders a list of tool components based on the provided tool definitions.
+ *
+ * @param {Object} props - The component props.
+ * @param {ToolDefinition[]} props.toolDefinitions - An array of tool definition objects, each containing the function name and arguments.
+ *
+ * @returns {import("preact").JSX.Element[]} An array of JSX elements representing the tools.
+ */
+export const Tools = ({ toolDefinitions }) => {
+  return toolDefinitions.map((toolDefinition) => {
+    const toolName = toolDefinition.name;
+    const toolArgs = Object.keys(toolDefinition.parameters.properties);
+    return html`<${Tool} toolName=${toolName} toolArgs=${toolArgs} />`;
+  });
+};
+
+/**
+ * Renders a single tool component.
+ *
+ * @param {Object} props - The component props.
+ * @param {string} props.toolName - The name of the tool to be displayed.
+ * @param {string[]} [props.toolArgs] - An optional array of arguments for the tool (not used in the current implementation).
+ * @param {string} [props.toolDesc] - An optional description of the tool (not used in the current implementation).
+ *
+ * @returns {import("preact").JSX.Element} A JSX element representing the tool.
+ */
+export const Tool = ({ toolName, toolArgs }) => {
+  const functionCall =
+    toolArgs && toolArgs.length > 0
+      ? `${toolName}(${toolArgs.join(", ")})`
+      : toolName;
+  return html`<div>
+    <code style=${{ fontSize: FontSize.small, padding: "0" }}
+      >${functionCall}</code
+    >
+  </div>`;
+};
diff --git a/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.mjs b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.mjs
new file mode 100644
index 000000000..3408667b7
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/samples/transcript/state/StateEventView.mjs
@@ -0,0 +1,121 @@
+// @ts-check
+import { html } from "htm/preact";
+
+import { EventPanel } from "../EventPanel.mjs";
+import { RenderableChangeTypes } from "./StateEventRenderers.mjs";
+import { StateDiffView } from "./StateDiffView.mjs";
+import { ApplicationIcons } from "../../../appearance/Icons.mjs";
+
+/**
+ * Renders the StateEventView component.
+ *
+ * @param {Object} props - The properties passed to the component.
+ * @param { string  } props.id - The id of this event.
+ * @param { number } props.depth - The depth of this event.
+ * @param {import("../../../types/log").StateEvent } props.event - The event object to display.
+ * @param {import("../TranscriptState.mjs").StateManager} props.stateManager - A function that updates the state with a new state object.
+ * @returns {import("preact").JSX.Element} The component.
+ */
+export const StateEventView = ({ id, event, depth, stateManager }) => {
+  const startingState = stateManager.getState();
+  const resolvedState = stateManager.applyChanges(event.changes);
+
+  const summary = summarizeChanges(event.changes);
+
+  const tabs = [
+    html`<${StateDiffView}
+      starting=${startingState}
+      ending=${resolvedState}
+      name="Diff"
+      style=${{ margin: "1em 0" }}
+    />`,
+  ];
+  const changePreview = generatePreview(event.changes, resolvedState);
+  if (changePreview) {
+    tabs.unshift(
+      html`<div name="Summary" style=${{ margin: "1em 0" }}>
+        ${changePreview}
+      </div>`,
+    );
+  }
+
+  // Compute the title
+  const title = event.event === "state" ? "State Updated" : "Store Updated";
+
+  return html`
+  <${EventPanel} id=${id} title="${title}" icon=${ApplicationIcons.metadata} text=${tabs.length === 1 ? summary : undefined} depth=${depth} collapse=${changePreview === undefined ? true : undefined}>
+    ${tabs}
+  </${EventPanel}>`;
+};
+
+/**
+ * Renders the value of a change based on its type.
+ *
+ * @param {import("../../../types/log").JsonChange[]} changes - The change object containing the value.
+ * @param {Object} resolvedState - The change object containing the value.
+ * @returns {import("preact").JSX.Element|Object|string|undefined} - The rendered HTML template if the value is an object with content and source, otherwise the value itself.
+ */
+const generatePreview = (changes, resolvedState) => {
+  for (const changeType of RenderableChangeTypes) {
+    const requiredMatchCount =
+      changeType.signature.remove.length +
+      changeType.signature.replace.length +
+      changeType.signature.add.length;
+    let matchingOps = 0;
+    for (const change of changes) {
+      if (
+        changeType.signature.remove.includes(change.path) ||
+        changeType.signature.replace.includes(change.path) ||
+        changeType.signature.add.includes(change.path)
+      ) {
+        matchingOps++;
+      }
+      if (matchingOps === requiredMatchCount) {
+        return changeType.render(resolvedState);
+      }
+    }
+  }
+  return undefined;
+};
+
+/**
+ * Renders the value of a change based on its type.
+ *
+ * @param {import("../../../types/log").JsonChange[]} changes - The change object containing the value.
+ * @returns {string} - A string summarizing the changes
+ */
+const summarizeChanges = (changes) => {
+  const changeMap = {
+    add: [],
+    copy: [],
+    move: [],
+    replace: [],
+    remove: [],
+    test: [],
+  };
+  for (const change of changes) {
+    changeMap[change.op].push(change.path);
+  }
+
+  const changeList = [];
+  const totalOpCount = Object.keys(changeMap).reduce((prev, current) => {
+    return prev + changeMap[current].length;
+  }, 0);
+
+  if (totalOpCount > 2) {
+    Object.keys(changeMap).forEach((key) => {
+      const opChanges = changeMap[key];
+      if (opChanges.length > 0) {
+        changeList.push(`${key} ${opChanges.length}`);
+      }
+    });
+  } else {
+    Object.keys(changeMap).forEach((key) => {
+      const opChanges = changeMap[key];
+      if (opChanges.length > 0) {
+        changeList.push(`${key} ${opChanges.join(", ")}`);
+      }
+    });
+  }
+  return changeList.join(", ");
+};
diff --git a/src/inspect_ai/_view/www/src/sidebar/Sidebar.mjs b/src/inspect_ai/_view/www/src/sidebar/Sidebar.mjs
index 0966a01c1..3b80ea7ba 100644
--- a/src/inspect_ai/_view/www/src/sidebar/Sidebar.mjs
+++ b/src/inspect_ai/_view/www/src/sidebar/Sidebar.mjs
@@ -1,7 +1,8 @@
 import { html } from "htm/preact";
 
-import { icons } from "./../Constants.mjs";
-import { formatPrettyDecimal } from "./../utils/Format.mjs";
+import { ApplicationIcons } from "./../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
+import { formatPrettyDecimal } from "../utils/Format.mjs";
 import { ProgressBar } from "../components/ProgressBar.mjs";
 
 export const Sidebar = ({
@@ -33,6 +34,8 @@ export const Sidebar = ({
           width: "var(--sidebar-width)",
           zIndex: 10,
           borderBottom: "solid var(--bs-light-border-subtle) 1px",
+          paddingBottom: "0.5rem",
+          paddingTop: "0.5rem",
         }}
       >
         <${LogDirectoryTitle} log_dir=${logs.log_dir} offcanvas=${offcanvas} />
@@ -50,11 +53,11 @@ export const Sidebar = ({
             flex: "0 0 content",
           }}
         >
-          <i class=${icons.close}></i>
+          <i class=${ApplicationIcons.close}></i>
         </button>
       </div>
-      <div style=${{ marginTop: "41px", zIndex: 3 }}>
-        <${ProgressBar} animating=${loading} />
+      <div style=${{ marginTop: "61px", zIndex: 3 }}>
+        <${ProgressBar} animating=${loading} style=${{ marginTop: "-2px" }} />
       </div>
       <ul
         class="list-group"
@@ -98,7 +101,6 @@ export const Sidebar = ({
             <li
               class="list-group-item list-group-item-action${active}"
               onclick=${() => onSelectedIndexChanged(index)}
-              style=${{ fontSize: "0.8rem" }}
             >
               <div
                 style=${{
@@ -110,8 +112,7 @@ export const Sidebar = ({
                 <div style=${{ overflow: "hidden" }}>
                   <div
                     style=${{
-                      fontSize: "1.5em",
-                      fontWeight: "600",
+                      fontSize: FontSize["title-secondary"],
                       whiteSpace: "nowrap",
                       overflow: "hidden",
                       textOverflow: "ellipsis",
@@ -119,18 +120,24 @@ export const Sidebar = ({
                   >
                     ${logHeader?.eval?.task || file.task}
                   </div>
-                  <small class="mb-1 text-muted"> ${timeStr} </small>
+                  <small class="mb-1" style=${{ fontSize: FontSize.small }}>
+                    ${timeStr}
+                  </small>
 
                   ${model
                     ? html` <div>
-                        <small class="mb-1 text-muted">${model}</small>
+                        <small
+                          class="mb-1"
+                          style=${{ fontSize: FontSize.small }}
+                          >${model}</small
+                        >
                       </div>`
                     : ""}
                 </div>
                 <${EvalStatus} logHeader=${logHeader} />
               </div>
-              <div style=${{ marginTop: "0.4em" }}>
-                <small class="mb-1 text-muted">
+              <div style=${{ marginTop: "1em" }}>
+                <small class="mb-1">
                   ${hyperparameters
                     ? Object.keys(hyperparameters)
                         .map((key) => {
@@ -145,7 +152,8 @@ export const Sidebar = ({
                     style=${{
                       display: "flex",
                       justifyContent: "space-between",
-                      marginTop: "0.5em",
+                      marginTop: "0em",
+                      fontSize: FontSize.small,
                     }}
                   >
                     <span>dataset: ${dataset.name || "(samples)"}</span
@@ -219,12 +227,15 @@ const SidebarScore = ({ scorer }) => {
             alignItems: "flex-end",
             marginLeft: "1em",
             marginBottom: "0.4em",
+            marginTop: "0.5rem",
           }}
         >
           <div
             style=${{
-              fontWeight: 300,
               marginBottom: "-0.3em",
+              fontSize: FontSize.small,
+              ...TextStyle.label,
+              ...TextStyle.secondary,
             }}
           >
             ${scorer.metrics[metric].name}
@@ -232,15 +243,14 @@ const SidebarScore = ({ scorer }) => {
           ${scorer.reducer
             ? html`<div
                 style=${{
-                  fontWeight: 300,
-                  fontSize: "0.9em",
+                  fontSize: FontSize.small,
                   marginBottom: "-0.2rem",
                 }}
               >
                 ${scorer.reducer}
               </div>`
             : ""}
-          <div style=${{ fontWeight: 600, fontSize: "1.5em" }}>
+          <div style=${{ fontSize: FontSize["title-secondary"] }}>
             ${formatPrettyDecimal(scorer.metrics[metric].value)}
           </div>
         </div>
@@ -273,11 +283,12 @@ const SidebarScores = ({ scores }) => {
         >
           <div
             style=${{
-              fontSize: "0.6rem",
+              fontSize: FontSize.base,
               width: "100%",
               fontWeight: 300,
               borderBottom: "solid var(--bs-border-color) 1px",
-              textTransform: "uppercase",
+              ...TextStyle.label,
+              ...TextStyle.secondary,
             }}
           >
             ${name}
@@ -285,7 +296,7 @@ const SidebarScores = ({ scores }) => {
           ${reducer
             ? html` <div
                 style=${{
-                  fontSize: "0.6rem",
+                  fontSize: FontSize.smaller,
                   width: "100%",
                   fontWeight: 300,
                 }}
@@ -295,7 +306,7 @@ const SidebarScores = ({ scores }) => {
             : ""}
           <div
             style=${{
-              fontSize: "0.7rem",
+              fontSize: FontSize.smaller,
               display: "grid",
               gridTemplateColumns: "max-content max-content",
               gridGap: "0 0.3rem",
@@ -303,7 +314,11 @@ const SidebarScores = ({ scores }) => {
           >
             ${Object.keys(score.metrics).map((key) => {
               const metric = score.metrics[key];
-              return html` <div>${metric.name}</div>
+              return html` <div
+                  style=${{ ...TextStyle.label, ...TextStyle.secondary }}
+                >
+                  ${metric.name}
+                </div>
                 <div style=${{ fontWeight: "600" }}>
                   ${formatPrettyDecimal(metric.value)}
                 </div>`;
@@ -316,7 +331,7 @@ const SidebarScores = ({ scores }) => {
 };
 
 const StatusCancelled = ({ message }) => {
-  return html`<div style=${{ color: "var(--bs-secondary)" }}>${message}</div>`;
+  return html`<div style=${{ ...TextStyle.secondary }}>${message}</div>`;
 };
 
 const StatusRunning = ({ message }) => {
@@ -333,14 +348,18 @@ const LogDirectoryTitle = ({ log_dir, offcanvas }) => {
   if (log_dir) {
     const displayDir = prettyDir(log_dir);
     return html`<div style=${{ display: "flex", flexDirection: "column" }}>
-      <span style=${{ fontSize: "0.5rem", textTransform: "uppercase" }}
+      <span
+        style=${{
+          fontSize: FontSize.smaller,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+        }}
         >Log Directory</span
       >
       <span
         title=${displayDir}
         style=${{
-          fontWeight: "400",
-          fontSize: "0.7rem",
+          fontSize: FontSize.base,
           overflow: "hidden",
           whiteSpace: "nowrap",
           textOverflow: "ellipsis",
@@ -351,8 +370,7 @@ const LogDirectoryTitle = ({ log_dir, offcanvas }) => {
   } else {
     return html`<span
       style=${{
-        fontWeight: "500",
-        fontSize: "1.5rem",
+        fontSize: FontSize.title,
       }}
       >${offcanvas ? "Log History" : ""}
     </span>`;
diff --git a/src/inspect_ai/_view/www/src/types/jsondiffpatch.d.ts b/src/inspect_ai/_view/www/src/types/jsondiffpatch.d.ts
new file mode 100644
index 000000000..79972421d
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/types/jsondiffpatch.d.ts
@@ -0,0 +1,8 @@
+declare module "jsondiffpatch/formatters/html" {
+  export {
+    default as HtmlFormatter,
+    showUnchanged,
+    hideUnchanged,
+    format,
+  } from "jsondiffpatch/lib/formatters/html";
+}
diff --git a/src/inspect_ai/_view/www/log.d.ts b/src/inspect_ai/_view/www/src/types/log.d.ts
similarity index 56%
rename from src/inspect_ai/_view/www/log.d.ts
rename to src/inspect_ai/_view/www/src/types/log.d.ts
index 56bfd2468..86398856d 100644
--- a/src/inspect_ai/_view/www/log.d.ts
+++ b/src/inspect_ai/_view/www/src/types/log.d.ts
@@ -95,7 +95,14 @@ export type TracebackAnsi = string;
 export type Samples2 = EvalSample[] | null;
 export type Id = number | string;
 export type Epoch = number;
-export type Input = string | (ChatMessageSystem | ChatMessageUser | ChatMessageAssistant | ChatMessageTool)[];
+export type Input =
+  | string
+  | (
+      | ChatMessageSystem
+      | ChatMessageUser
+      | ChatMessageAssistant
+      | ChatMessageTool
+    )[];
 export type Content = string | (ContentText | ContentImage)[];
 export type Type1 = "text";
 export type Text = string;
@@ -119,13 +126,29 @@ export type Content3 = string | (ContentText | ContentImage)[];
 export type Source3 = ("input" | "generate" | "cache") | null;
 export type Role3 = "tool";
 export type ToolCallId = string | null;
-export type Type4 = "parsing" | "timeout" | "unicode_decode" | "permission" | "file_not_found" | "unknown";
+export type Type4 =
+  | "parsing"
+  | "timeout"
+  | "unicode_decode"
+  | "permission"
+  | "file_not_found"
+  | "unknown";
 export type Message1 = string;
 export type Choices = string[] | null;
 export type Target = string | string[];
-export type Messages = (ChatMessageSystem | ChatMessageUser | ChatMessageAssistant | ChatMessageTool)[];
+export type Messages = (
+  | ChatMessageSystem
+  | ChatMessageUser
+  | ChatMessageAssistant
+  | ChatMessageTool
+)[];
 export type Model1 = string;
-export type StopReason = "stop" | "length" | "tool_calls" | "content_filter" | "unknown";
+export type StopReason =
+  | "stop"
+  | "length"
+  | "tool_calls"
+  | "content_filter"
+  | "unknown";
 export type Token = string;
 export type Logprob1 = number;
 export type Bytes = number[] | null;
@@ -150,14 +173,134 @@ export type Value2 =
 export type Answer1 = string | null;
 export type Explanation1 = string | null;
 export type Metadata5 = {} | null;
-export type Name4 = string | null;
-export type Level = "debug" | "http" | "sandbox" | "info" | "warning" | "error" | "critical";
+export type Timestamp = string;
+export type Event = "sample_init";
+export type Input1 =
+  | string
+  | (
+      | ChatMessageSystem
+      | ChatMessageUser
+      | ChatMessageAssistant
+      | ChatMessageTool
+    )[];
+export type Choices2 = string[] | null;
+export type Target1 = string | string[];
+export type Id2 = number | string | null;
+export type Metadata7 = {} | null;
+export type Files = {
+  [k: string]: string;
+} | null;
+export type Setup = string | null;
+export type JsonValue = unknown;
+export type Timestamp1 = string;
+export type Event1 = "state";
+export type Op = "remove" | "add" | "replace" | "move" | "test" | "copy";
+export type Path = string;
+export type From = string | null;
+export type Changes = JsonChange[];
+export type Timestamp2 = string;
+export type Event2 = "store";
+export type Changes1 = JsonChange[];
+export type Timestamp3 = string;
+export type Event3 = "model";
+export type Model2 = string;
+export type Input2 = (
+  | ChatMessageSystem
+  | ChatMessageUser
+  | ChatMessageAssistant
+  | ChatMessageTool
+)[];
+export type Name4 = string;
+export type Description = string;
+export type Type5 = "object";
+export type Type6 =
+  | "string"
+  | "integer"
+  | "number"
+  | "boolean"
+  | "array"
+  | "object"
+  | "null";
+export type Description1 = string | null;
+export type Properties1 = {
+  [k: string]: ToolParam;
+} | null;
+export type Anyof = ToolParam[] | null;
+export type Required = string[] | null;
+export type Required1 = string[];
+export type Tools = ToolInfo[];
+export type ToolChoice = ("auto" | "any" | "none") | ToolFunction;
+export type Name5 = string;
+export type Timestamp4 = string;
+export type Event4 = "tool";
+export type Type7 = "function";
+export type Id3 = string;
+export type Function1 = string;
+export type Result = string | number | boolean | (ContentText | ContentImage)[];
+export type Timestamp5 = string;
+export type Event5 = "score";
+export type Timestamp6 = string;
+export type Event6 = "logger";
+export type Name6 = string | null;
+export type Level =
+  | "debug"
+  | "http"
+  | "sandbox"
+  | "info"
+  | "warning"
+  | "error"
+  | "critical";
 export type Message2 = string;
 export type Created1 = number;
 export type Filename = string;
 export type Module = string;
 export type Lineno = number;
-export type Logging = LoggingMessage[];
+export type Timestamp7 = string;
+export type Event7 = "info";
+export type Timestamp8 = string;
+export type Event8 = "step";
+export type Action = "begin" | "end";
+export type Type8 = string | null;
+export type Name7 = string;
+export type Timestamp9 = string;
+export type Event9 = "subtask";
+export type Name8 = string;
+export type Events2 = (
+  | SampleInitEvent
+  | StateEvent
+  | StoreEvent
+  | ModelEvent
+  | ToolEvent
+  | ScoreEvent
+  | LoggerEvent
+  | InfoEvent
+  | StepEvent
+  | SubtaskEvent
+)[];
+export type Events1 = (
+  | SampleInitEvent
+  | StateEvent
+  | StoreEvent
+  | ModelEvent
+  | ToolEvent
+  | ScoreEvent
+  | LoggerEvent
+  | InfoEvent
+  | StepEvent
+  | SubtaskEvent
+)[];
+export type Events = (
+  | SampleInitEvent
+  | StateEvent
+  | StoreEvent
+  | ModelEvent
+  | ToolEvent
+  | ScoreEvent
+  | LoggerEvent
+  | InfoEvent
+  | StepEvent
+  | SubtaskEvent
+)[];
 
 export interface EvalLog {
   version?: Version;
@@ -168,7 +311,6 @@ export interface EvalLog {
   stats?: EvalStats;
   error?: EvalError | null;
   samples?: Samples2;
-  logging?: Logging;
 }
 export interface EvalSpec {
   task: Task;
@@ -324,6 +466,8 @@ export interface EvalSample {
   output: ModelOutput;
   scores: Scores1;
   metadata: Metadata6;
+  store: Store;
+  transcript: EvalEvents;
 }
 export interface ChatMessageSystem {
   content: Content;
@@ -419,13 +563,233 @@ export interface Score {
   metadata: Metadata5;
 }
 export interface Metadata6 {}
-export interface LoggingMessage {
+export interface Store {}
+export interface EvalEvents {
+  events: Events;
+  content: Content5;
+}
+/**
+ * Beginning of processing a Sample.
+ */
+export interface SampleInitEvent {
+  timestamp: Timestamp;
+  event: Event;
+  sample: Sample;
+  state: JsonValue;
+}
+/**
+ * Sample to be used in an evaluation task.
+ *
+ * Args:
+ *     input (str | list[ChatMessage]): The input to be submitted to the model.
+ *     choices (list[str] | None): Optional. List of available answer choices
+ *        (used only for multiple-choice evals).
+ *     target (str | list[str]): Optional. Ideal target output. May be a literal value
+ *         or narrative text to be used by a model grader.
+ *     id (int | str | None): Optional. Unique identifier for sample.
+ *     metadata (dict[str,Any] | None): Optional. Arbitrary metadata associated with the sample.
+ *     files (dict[str, str] | None): Optional. Files that go along with the sample (copied to
+ *       SandboxEnvironment). Files can be paths, inline text, or inline binary (base64 encoded data URL).
+ *     setup: (str | None): Optional. Setup script to run for sample (run
+ *       within default SandboxEnvironment).
+ */
+export interface Sample {
+  input: Input1;
+  choices: Choices2;
+  target: Target1;
+  id: Id2;
+  metadata: Metadata7;
+  files: Files;
+  setup: Setup;
+}
+/**
+ * Change to the current `TaskState`
+ */
+export interface StateEvent {
+  timestamp: Timestamp1;
+  event: Event1;
+  changes: Changes;
+}
+/**
+ * Describes a change to data using JSON Patch format.
+ */
+export interface JsonChange {
+  op: Op;
+  path: Path;
+  from: From;
+  value: unknown;
+}
+/**
+ * Change to data within the current `Store`.
+ */
+export interface StoreEvent {
+  timestamp: Timestamp2;
+  event: Event2;
+  changes: Changes1;
+}
+/**
+ * Call to a language model.
+ */
+export interface ModelEvent {
+  timestamp: Timestamp3;
+  event: Event3;
+  model: Model2;
+  input: Input2;
+  tools: Tools;
+  tool_choice: ToolChoice;
+  config: GenerateConfig;
+  output: ModelOutput;
+  call: ModelCall | null;
+}
+/**
+ * Specification of a tool (JSON Schema compatible)
+ *
+ * If you are implementing a ModelAPI, most LLM libraries can
+ * be passed this object (dumped to a dict) directly as a function
+ * specification. For example, in the OpenAI provider:
+ *
+ * ```python
+ * ChatCompletionToolParam(
+ *     type="function",
+ *     function=tool.model_dump(exclude_none=True),
+ * )
+ * ```
+ *
+ * In some cases the field names don't match up exactly. In that case
+ * call `model_dump()` on the `parameters` field. For example, in the
+ * Anthropic provider:
+ *
+ * ```python
+ * ToolParam(
+ *     name=tool.name,
+ *     description=tool.description,
+ *     input_schema=tool.parameters.model_dump(exclude_none=True),
+ * )
+ * ```
+ */
+export interface ToolInfo {
   name: Name4;
+  description: Description;
+  parameters: ToolParams;
+}
+/**
+ * Description of tool parameters object in JSON Schema format.
+ */
+export interface ToolParams {
+  type: Type5;
+  properties: Properties;
+  required: Required1;
+}
+export interface Properties {
+  [k: string]: ToolParam;
+}
+/**
+ * Description of tool parameter in JSON Schema format.
+ */
+export interface ToolParam {
+  type: Type6;
+  description: Description1;
+  default: Default;
+  items: ToolParam | null;
+  properties: Properties1;
+  additionalProperties: ToolParam | null;
+  anyOf: Anyof;
+  required: Required;
+}
+export interface Default {
+  [k: string]: unknown;
+}
+export interface ToolFunction {
+  name: Name5;
+}
+/**
+ * Model call (raw request/response data).
+ */
+export interface ModelCall {
+  request: Request;
+  response: Response;
+}
+export interface Request {
+  [k: string]: JsonValue;
+}
+export interface Response {
+  [k: string]: JsonValue;
+}
+/**
+ * Call to a tool.
+ */
+export interface ToolEvent {
+  timestamp: Timestamp4;
+  event: Event4;
+  type: Type7;
+  id: Id3;
+  function: Function1;
+  arguments: Arguments1;
+  result: Result;
+  error: ToolCallError | null;
+  events: Events1;
+}
+export interface Arguments1 {
+  [k: string]: JsonValue;
+}
+/**
+ * Event with sample score.
+ */
+export interface ScoreEvent {
+  timestamp: Timestamp5;
+  event: Event5;
+  score: Score;
+}
+/**
+ * Log message recorded with Python logger.
+ */
+export interface LoggerEvent {
+  timestamp: Timestamp6;
+  event: Event6;
+  message: LoggingMessage;
+}
+export interface LoggingMessage {
+  name: Name6;
   level: Level;
   message: Message2;
   created: Created1;
   filename: Filename;
   module: Module;
   lineno: Lineno;
-  args: unknown;
+}
+/**
+ * Event with custom info/data.
+ */
+export interface InfoEvent {
+  timestamp: Timestamp7;
+  event: Event7;
+  data: JsonValue;
+}
+/**
+ * Step within current sample or subtask.
+ */
+export interface StepEvent {
+  timestamp: Timestamp8;
+  event: Event8;
+  action: Action;
+  type: Type8;
+  name: Name7;
+}
+/**
+ * Subtask spawned.
+ */
+export interface SubtaskEvent {
+  timestamp: Timestamp9;
+  event: Event9;
+  name: Name8;
+  input: Input3;
+  result: Result1;
+  events: Events2;
+}
+export interface Input3 {}
+export interface Result1 {
+  [k: string]: unknown;
+}
+export interface Content5 {
+  [k: string]: string;
 }
diff --git a/src/inspect_ai/_view/www/src/types/prism.d.ts b/src/inspect_ai/_view/www/src/types/prism.d.ts
new file mode 100644
index 000000000..9851263ca
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/types/prism.d.ts
@@ -0,0 +1,4 @@
+declare var Prism: {
+  languages: any;
+  highlight(contents: any, tokens: any, type: any): string;
+};
diff --git a/src/inspect_ai/_view/www/src/usage/ModelTokenTable.mjs b/src/inspect_ai/_view/www/src/usage/ModelTokenTable.mjs
index dfe189230..9813ae363 100644
--- a/src/inspect_ai/_view/www/src/usage/ModelTokenTable.mjs
+++ b/src/inspect_ai/_view/www/src/usage/ModelTokenTable.mjs
@@ -1,4 +1,5 @@
 import { html } from "htm/preact";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 
 export const ModelTokenTable = ({ model_usage }) => {
   return html`
@@ -17,7 +18,7 @@ export const ModelTokenTable = ({ model_usage }) => {
 const TokenTable = ({ children }) => {
   return html`<table
     class="table table-sm"
-    style=${{ width: "100%", fontSize: "0.8rem", marginTop: "0.7rem" }}
+    style=${{ width: "100%", fontSize: FontSize.smaller, marginTop: "0.7rem" }}
   >
     ${children}
   </table>`;
@@ -25,9 +26,10 @@ const TokenTable = ({ children }) => {
 
 const thStyle = {
   padding: 0,
-  fontSize: "0.7rem",
-  fontWeight: 400,
-  textTransform: "uppercase",
+  fontWeight: 300,
+  fontSize: FontSize.small,
+  ...TextStyle.label,
+  ...TextStyle.secondary,
 };
 
 const TokenHeader = () => {
@@ -38,7 +40,12 @@ const TokenHeader = () => {
         colspan="3"
         align="center"
         class="card-subheading"
-        style=${{ paddingBottom: "0.7rem" }}
+        style=${{
+          paddingBottom: "0.7rem",
+          fontSize: FontSize.small,
+          ...TextStyle.label,
+          ...TextStyle.secondary,
+        }}
       >
         Tokens
       </td>
diff --git a/src/inspect_ai/_view/www/src/usage/UsageCard.mjs b/src/inspect_ai/_view/www/src/usage/UsageCard.mjs
index fe25f551e..59fbda45e 100644
--- a/src/inspect_ai/_view/www/src/usage/UsageCard.mjs
+++ b/src/inspect_ai/_view/www/src/usage/UsageCard.mjs
@@ -1,6 +1,7 @@
 import { html } from "htm/preact";
 
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
+import { FontSize, TextStyle } from "../appearance/Fonts.mjs";
 import { formatTime } from "../utils/Format.mjs";
 import { Card, CardHeader, CardBody } from "../components/Card.mjs";
 import { MetaDataView } from "../components/MetaDataView.mjs";
@@ -16,13 +17,13 @@ export const UsageCard = ({ stats, context }) => {
   const totalDuration = duration(stats);
 
   const usageMetadataStyle = {
-    fontSize: "0.8em",
+    fontSize: FontSize.smaller,
   };
 
   return html`
 
     <${Card}>
-      <${CardHeader} icon=${icons.usage} label="Usage"/>
+      <${CardHeader} icon=${ApplicationIcons.usage} label="Usage"/>
       <${CardBody} id=${kUsageCardBodyId} style=${{
         paddingTop: "0",
         paddingBottom: "0",
@@ -36,7 +37,7 @@ export const UsageCard = ({ stats, context }) => {
         }}>
 
           <div style=${{ flex: "1 1 40%", marginRight: "1em" }}>
-          <div class="card-subheading">Duration</div>
+          <div style=${{ marginTop: "1em", fontSize: FontSize.smaller, ...TextStyle.label, ...TextStyle.secondary }}>Duration</div>
           <${MetaDataView}
             entries="${{
               ["Start"]: new Date(stats.started_at).toLocaleString(),
diff --git a/src/inspect_ai/_view/www/src/utils/Base64.mjs b/src/inspect_ai/_view/www/src/utils/Base64.mjs
new file mode 100644
index 000000000..e469e9566
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/utils/Base64.mjs
@@ -0,0 +1,13 @@
+// @ts-check
+
+/**
+ * Determines whether a string is a base64 encoded string
+ *
+ * @param {string} str - The string to check
+ * @returns {boolean} - Whether the string is a base64 encoded string
+ */
+export const isBase64 = (str) => {
+  const base64Pattern =
+    /^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/;
+  return base64Pattern.test(str);
+};
diff --git a/src/inspect_ai/_view/www/src/utils/Git.mjs b/src/inspect_ai/_view/www/src/utils/Git.mjs
index 1d1ff3cb5..1634f8c45 100644
--- a/src/inspect_ai/_view/www/src/utils/Git.mjs
+++ b/src/inspect_ai/_view/www/src/utils/Git.mjs
@@ -1,3 +1,11 @@
+// @ts-check
+/**
+ * Generates a GitHub commit URL based on the repository origin URL and the commit hash.
+ *
+ * @param {string} origin - The origin URL of the GitHub repository.
+ * @param {string} commit - The commit hash.
+ * @returns {string} - The generated GitHub commit URL.
+ */
 export const ghCommitUrl = (origin, commit) => {
   const baseUrl = origin.replace(/\.git$/, "");
   return `${baseUrl}/commit/${commit}`;
diff --git a/src/inspect_ai/_view/www/src/utils/Json.mjs b/src/inspect_ai/_view/www/src/utils/Json.mjs
index 2d575aa18..2ab203ec2 100644
--- a/src/inspect_ai/_view/www/src/utils/Json.mjs
+++ b/src/inspect_ai/_view/www/src/utils/Json.mjs
@@ -1,3 +1,5 @@
+// @ts-check
+
 export const asyncJsonParse = (text) => {
   return new Promise((resolve, reject) => {
     // Create a Blob from the worker code
diff --git a/src/inspect_ai/_view/www/src/utils/Path.mjs b/src/inspect_ai/_view/www/src/utils/Path.mjs
index 6cfebd047..ebf1d3497 100644
--- a/src/inspect_ai/_view/www/src/utils/Path.mjs
+++ b/src/inspect_ai/_view/www/src/utils/Path.mjs
@@ -1,3 +1,10 @@
+// @ts-check
+/**
+ * Extracts the filename without extension from a given path.
+ *
+ * @param {string} path - The full path of the file.
+ * @returns {string} - The filename without its extension, or the original path if no extension is found.
+ */
 export const filename = (path) => {
   const pathparts = path.split("/");
   const basename = pathparts.slice(-1)[0];
diff --git a/src/inspect_ai/_view/www/src/utils/Type.mjs b/src/inspect_ai/_view/www/src/utils/Type.mjs
index 478c2316d..cd572f4bf 100644
--- a/src/inspect_ai/_view/www/src/utils/Type.mjs
+++ b/src/inspect_ai/_view/www/src/utils/Type.mjs
@@ -1,3 +1,10 @@
+// @ts-check
+/**
+ * Checks if a given value is numeric.
+ *
+ * @param {*} n - The value to check.
+ * @returns {boolean} - `true` if the value is numeric, `false` otherwise.
+ */
 export const isNumeric = (n) => {
   return !isNaN(parseFloat(n)) && isFinite(n);
 };
diff --git a/src/inspect_ai/_view/www/src/utils/events.mjs b/src/inspect_ai/_view/www/src/utils/events.mjs
deleted file mode 100644
index 3f1c94c24..000000000
--- a/src/inspect_ai/_view/www/src/utils/events.mjs
+++ /dev/null
@@ -1,36 +0,0 @@
-// Returns a function, that, when invoked, will only be triggered at most once
-// during a given window of time. Normally, the throttled function will run
-// as much as it can, without ever going more than once per `wait` duration;
-// but if you'd like to disable the execution on the leading edge, pass
-// `{leading: false}`. To disable execution on the trailing edge, ditto.
-export function throttle(func, wait, options) {
-  var context, args, result;
-  var timeout = null;
-  var previous = 0;
-  if (!options) options = {};
-  var later = function () {
-    previous = options.leading === false ? 0 : Date.now();
-    timeout = null;
-    result = func.apply(context, args);
-    if (!timeout) context = args = null;
-  };
-  return function () {
-    var now = Date.now();
-    if (!previous && options.leading === false) previous = now;
-    var remaining = wait - (now - previous);
-    context = this;
-    args = arguments;
-    if (remaining <= 0 || remaining > wait) {
-      if (timeout) {
-        clearTimeout(timeout);
-        timeout = null;
-      }
-      previous = now;
-      result = func.apply(context, args);
-      if (!timeout) context = args = null;
-    } else if (!timeout && options.trailing !== false) {
-      timeout = setTimeout(later, remaining);
-    }
-    return result;
-  };
-}
diff --git a/src/inspect_ai/_view/www/src/utils/sleep.mjs b/src/inspect_ai/_view/www/src/utils/sleep.mjs
deleted file mode 100644
index 9bcbfd64a..000000000
--- a/src/inspect_ai/_view/www/src/utils/sleep.mjs
+++ /dev/null
@@ -1,3 +0,0 @@
-export function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
diff --git a/src/inspect_ai/_view/www/src/utils/sync.mjs b/src/inspect_ai/_view/www/src/utils/sync.mjs
new file mode 100644
index 000000000..2480d1803
--- /dev/null
+++ b/src/inspect_ai/_view/www/src/utils/sync.mjs
@@ -0,0 +1,54 @@
+// @ts-check
+/**
+ * Delays the execution of code for a specified number of milliseconds.
+ *
+ * @param {number} ms - The number of milliseconds to delay.
+ * @returns {Promise<void>} - A promise that resolves after the specified delay.
+ */
+export function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+/**
+ * Creates a throttled version of a function that only invokes the original function
+ * at most once per every `wait` milliseconds. The throttled function will run as much
+ * as it can, without ever going more than once per `wait` duration.
+ *
+ * @param {Function} func - The function to throttle.
+ * @param {number} wait - The number of milliseconds to throttle executions to.
+ * @param {Object} [options] - The options object.
+ * @param {boolean} [options.leading=true] - If `false`, the function will not be invoked on the leading edge.
+ * @param {boolean} [options.trailing=true] - If `false`, the function will not be invoked on the trailing edge.
+ * @returns {Function} - The throttled function.
+ */
+export function throttle(func, wait, options) {
+  var context, args, result;
+  var timeout = null;
+  var previous = 0;
+  if (!options) options = {};
+  var later = function () {
+    previous = options.leading === false ? 0 : Date.now();
+    timeout = null;
+    result = func.apply(context, args);
+    if (!timeout) context = args = null;
+  };
+  return function () {
+    var now = Date.now();
+    if (!previous && options.leading === false) previous = now;
+    var remaining = wait - (now - previous);
+    context = this;
+    args = arguments;
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      result = func.apply(context, args);
+      if (!timeout) context = args = null;
+    } else if (!timeout && options.trailing !== false) {
+      timeout = setTimeout(later, remaining);
+    }
+    return result;
+  };
+}
diff --git a/src/inspect_ai/_view/www/src/workspace/TaskErrorPanel.mjs b/src/inspect_ai/_view/www/src/workspace/TaskErrorPanel.mjs
index b88971e7c..9249d774b 100644
--- a/src/inspect_ai/_view/www/src/workspace/TaskErrorPanel.mjs
+++ b/src/inspect_ai/_view/www/src/workspace/TaskErrorPanel.mjs
@@ -1,5 +1,6 @@
 import { html } from "htm/preact";
-import { icons } from "../Constants.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
 
 import { Card, CardHeader, CardBody } from "../components/Card.mjs";
 import { ANSIDisplay } from "../components/AnsiDisplay.mjs";
@@ -7,8 +8,8 @@ import { ANSIDisplay } from "../components/AnsiDisplay.mjs";
 export const TaskErrorCard = ({ evalError }) => {
   return html`
     <${Card}>
-      <${CardHeader} icon=${icons.error} label="Task Failed: ${evalError.message}"></${CardHeader}>
-      <${CardBody} style=${{ fontSize: "0.8em" }}>
+      <${CardHeader} icon=${ApplicationIcons.error} label="Task Failed: ${evalError.message}"></${CardHeader}>
+      <${CardBody} style=${{ fontSize: FontSize.smaller }}>
         <${ANSIDisplay} output=${evalError.traceback_ansi}/>
       </${CardBody}>
     </${Card}>
diff --git a/src/inspect_ai/_view/www/src/workspace/WorkSpace.mjs b/src/inspect_ai/_view/www/src/workspace/WorkSpace.mjs
index 7f2b42a6e..08a2796f0 100644
--- a/src/inspect_ai/_view/www/src/workspace/WorkSpace.mjs
+++ b/src/inspect_ai/_view/www/src/workspace/WorkSpace.mjs
@@ -1,3 +1,4 @@
+/// <reference path="../types/prism.d.ts" />
 import Prism from "prismjs";
 import { html } from "htm/preact";
 import {
@@ -8,26 +9,25 @@ import {
   useState,
 } from "preact/hooks";
 
-import { icons } from "../Constants.mjs";
+import { ApplicationIcons } from "../appearance/Icons.mjs";
 import { EmptyPanel } from "../components/EmptyPanel.mjs";
 import { TabPanel, TabSet } from "../components/TabSet.mjs";
 import { ToolButton } from "../components/ToolButton.mjs";
-import { LoggingPanel } from "../logging/LoggingPanel.mjs";
 import { PlanCard } from "../plan/PlanCard.mjs";
 import { samplesDescriptor } from "../samples/SamplesDescriptor.mjs";
 import { SamplesTab } from "../samples/SamplesTab.mjs";
 import { SampleTools } from "../samples/SamplesTools.mjs";
 import { kDefaultSort } from "../samples/tools/SortFilter.mjs";
-import { TitleBlock } from "../title/TitleBlock.mjs";
 import { UsageCard } from "../usage/UsageCard.mjs";
 import { filename } from "../utils/Path.mjs";
+import { Navbar } from "../navbar/Navbar.mjs";
 
 import { DownloadPanel } from "../components/DownloadPanel.mjs";
 import { TaskErrorCard } from "./TaskErrorPanel.mjs";
+import { FontSize } from "../appearance/Fonts.mjs";
 
 const kEvalTabId = "eval-tab";
 const kJsonTabId = "json-tab";
-const kLoggingTabId = "logging-tab";
 const kInfoTabId = "plan-tab";
 
 const kPrismRenderMaxSize = 250000;
@@ -219,22 +219,6 @@ export const WorkSpace = (props) => {
       },
     };
 
-    // The Logging Messages tab
-    resolvedTabs.logging = {
-      id: kLoggingTabId,
-      label: "Logging",
-      scrollable: true,
-      content: () => {
-        return html`<${LoggingPanel}
-          logFile=${workspaceLog.name}
-          logging=${workspaceLog.contents?.logging}
-          capabilities=${props.capabilities}
-          context=${context}
-        />`;
-      },
-      tools: () => [],
-    };
-
     // The JSON Tab
     resolvedTabs.json = {
       id: kJsonTabId,
@@ -277,7 +261,7 @@ export const WorkSpace = (props) => {
           renderedContent.push(
             html`<pre>
             <code id="task-json-contents" class="sourceCode" ref=${codeRef} style=${{
-              fontSize: "0.9em",
+              fontSize: FontSize.small,
               whiteSpace: "pre-wrap",
               wordWrap: "anywhere",
             }}>
@@ -290,7 +274,7 @@ export const WorkSpace = (props) => {
         return html` <div
           style=${{
             padding: "1rem",
-            fontSize: "0.9rem",
+            fontSize: FontSize.small,
             width: "100%",
           }}
         >
@@ -304,7 +288,7 @@ export const WorkSpace = (props) => {
           return [
             html`<${ToolButton}
               name=${html`<span class="task-btn-copy-content">Copy JSON</span>`}
-              icon="${icons.copy}"
+              icon="${ApplicationIcons.copy}"
               classes="task-btn-json-copy clipboard-button"
               data-clipboard-target="#task-json-contents"
               onclick="${copyFeedback}"
@@ -336,7 +320,7 @@ export const WorkSpace = (props) => {
         const oldText = textEl.innerText;
         const oldIconClz = iconEl.className;
         textEl.innerText = "Copied!";
-        iconEl.className = `${icons.confirm}`;
+        iconEl.className = `${ApplicationIcons.confirm}`;
         setTimeout(() => {
           window.getSelection().removeAllRanges();
         }, 50);
@@ -372,10 +356,10 @@ export const WorkSpace = (props) => {
     tabs=${tabs}
     tabTools=${tabTools}
     log=${workspaceLog}
+    logs=${props.logs}
     selectedTab=${selectedTab}
     fullScreen=${props.fullScreen}
     offcanvas=${props.offcanvas}
-    context=${context}
     setSelectedTab=${setSelectedTab}
     afterBodyElements=${afterBodyElements}
   />`;
@@ -383,32 +367,33 @@ export const WorkSpace = (props) => {
 
 const WorkspaceDisplay = ({
   log,
+  logs,
   selectedTab,
   tabs,
   tabTools,
   setSelectedTab,
   divRef,
-  context,
   afterBodyElements,
+  offcanvas,
 }) => {
   if (log.contents === undefined) {
     return html`<${EmptyPanel} />`;
   } else {
-    return html`<div ref=${divRef} class="workspace" style=${{
+    return html`
+    
+    <${Navbar}
+      file=${log.name}
+      logs=${logs}
+      log=${log.contents}
+      offcanvas=${offcanvas}
+    />    
+    <div ref=${divRef} class="workspace" style=${{
       paddingTop: "0rem",
       overflowY: "hidden",
     }}>
-            <${TitleBlock}
-              created=${log.contents?.eval.created}
-              stats=${log.contents?.stats}
-              log=${log.contents}
-              context=${context}
-              status=${log.contents?.status}
-            />
             <div
               class="log-detail"
               style=${{
-                borderTop: "solid 1px var(--bs-border-color)",
                 padding: "0",
                 flex: 1,
                 display: "flex",
@@ -418,16 +403,20 @@ const WorkspaceDisplay = ({
             >
             <${TabSet} id="log-details" tools="${tabTools}" type="pills" styles=${{
               tabSet: {
-                fontSize: "0.8rem",
+                fontSize: FontSize.smaller,
                 flexWrap: "nowrap",
                 padding: "0.5em 1em 0.5em 1em",
                 borderBottom: "solid 1px var(--bs-border-color)",
+                background: "var(--bs-light)",
               },
               tabBody: { flex: "1", overflowY: "hidden", display: "flex" },
               tabs: {
                 padding: ".3rem 0.3rem .3rem 0.3rem",
-                width: "5em",
-                fontSize: "0.7rem",
+                width: "5rem",
+                fontSize: FontSize.smaller,
+                textTransform: "uppercase",
+                borderRadius: "3px",
+                fontWeight: 600,
               },
             }} >
               ${Object.keys(tabs).map((key) => {
diff --git a/src/inspect_ai/_view/www/tsconfig.json b/src/inspect_ai/_view/www/tsconfig.json
new file mode 100644
index 000000000..f775d541e
--- /dev/null
+++ b/src/inspect_ai/_view/www/tsconfig.json
@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+      "checkJs": true,
+      "target": "es5", // or a different target that suits your needs
+      "lib": ["es2017", "dom"] // Add "es2017" or later
+    },
+    "exclude": ["**/*.mjs"]
+}
\ No newline at end of file
diff --git a/src/inspect_ai/_view/www/vite.config.js b/src/inspect_ai/_view/www/vite.config.js
index 8694226d4..17c3ed073 100644
--- a/src/inspect_ai/_view/www/vite.config.js
+++ b/src/inspect_ai/_view/www/vite.config.js
@@ -17,5 +17,6 @@ export default defineConfig({
         assetFileNames: `assets/[name].[ext]`,
       },
     },
+    sourcemap: true,
   },
 });
diff --git a/src/inspect_ai/_view/www/yarn.lock b/src/inspect_ai/_view/www/yarn.lock
index 88c8aa8d9..bb945cec4 100644
--- a/src/inspect_ai/_view/www/yarn.lock
+++ b/src/inspect_ai/_view/www/yarn.lock
@@ -124,19 +124,19 @@
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.6.1":
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.1.tgz#361461e5cb3845d874e61731c11cfedd664d83a0"
-  integrity sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==
-
-"@eslint/config-array@^0.16.0":
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.16.0.tgz#bb3364fc39ee84ec3a62abdc4b8d988d99dfd706"
-  integrity sha512-/jmuSd74i4Czf1XXn7wGRWZCuyaUZ330NH1Bek0Pplatt4Sy1S5haN21SCLLdbeKslQ+S0wEJ+++v5YibSi+Lg==
+"@eslint-community/regexpp@^4.11.0":
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.0.tgz#b0ffd0312b4a3fd2d6f77237e7248a5ad3a680ae"
+  integrity sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==
+
+"@eslint/config-array@^0.17.0":
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.17.0.tgz#ff305e1ee618a00e6e5d0485454c8d92d94a860d"
+  integrity sha512-A68TBu6/1mHHuc5YJL0U0VVeGNiklLAL6rRmhTCP2B5XjWLMnrX+HkO+IAXyHvks5cyyY1jjK5ITPQ1HGS2EVA==
   dependencies:
     "@eslint/object-schema" "^2.1.4"
     debug "^4.3.1"
-    minimatch "^3.0.5"
+    minimatch "^3.1.2"
 
 "@eslint/eslintrc@^3.1.0":
   version "3.1.0"
@@ -153,10 +153,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.5.0", "@eslint/js@^9.5.0":
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.5.0.tgz#0e9c24a670b8a5c86bff97b40be13d8d8f238045"
-  integrity sha512-A7+AOT2ICkodvtsWnxZP4Xxk3NbZ3VMHd8oihydLRGrJgqqdEz1qSeEgXYyT/Cu8h1TWWsQRejIx48mtjZ5y1w==
+"@eslint/js@9.7.0", "@eslint/js@^9.5.0":
+  version "9.7.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.7.0.tgz#b712d802582f02b11cfdf83a85040a296afec3f0"
+  integrity sha512-ChuWDQenef8OSFnvuxv0TCVxEwmu3+hPNKvM9B34qpM0rDRbjL8t5QkQeHHeAfsKQjuH9wS82WeCi1J/owatng==
 
 "@eslint/object-schema@^2.1.4":
   version "2.1.4"
@@ -199,85 +199,90 @@
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
 
-"@rollup/rollup-android-arm-eabi@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz#bbd0e616b2078cd2d68afc9824d1fadb2f2ffd27"
-  integrity sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==
-
-"@rollup/rollup-android-arm64@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz#97255ef6384c5f73f4800c0de91f5f6518e21203"
-  integrity sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==
-
-"@rollup/rollup-darwin-arm64@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz#b6dd74e117510dfe94541646067b0545b42ff096"
-  integrity sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==
-
-"@rollup/rollup-darwin-x64@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz#e07d76de1cec987673e7f3d48ccb8e106d42c05c"
-  integrity sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==
-
-"@rollup/rollup-linux-arm-gnueabihf@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz#9f1a6d218b560c9d75185af4b8bb42f9f24736b8"
-  integrity sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==
-
-"@rollup/rollup-linux-arm-musleabihf@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz#53618b92e6ffb642c7b620e6e528446511330549"
-  integrity sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==
-
-"@rollup/rollup-linux-arm64-gnu@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz#99a7ba5e719d4f053761a698f7b52291cefba577"
-  integrity sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==
-
-"@rollup/rollup-linux-arm64-musl@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz#f53db99a45d9bc00ce94db8a35efa7c3c144a58c"
-  integrity sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==
-
-"@rollup/rollup-linux-powerpc64le-gnu@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz#cbb0837408fe081ce3435cf3730e090febafc9bf"
-  integrity sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==
-
-"@rollup/rollup-linux-riscv64-gnu@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz#8ed09c1d1262ada4c38d791a28ae0fea28b80cc9"
-  integrity sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==
-
-"@rollup/rollup-linux-s390x-gnu@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz#938138d3c8e0c96f022252a28441dcfb17afd7ec"
-  integrity sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==
-
-"@rollup/rollup-linux-x64-gnu@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz#1a7481137a54740bee1ded4ae5752450f155d942"
-  integrity sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==
-
-"@rollup/rollup-linux-x64-musl@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz#f1186afc601ac4f4fc25fac4ca15ecbee3a1874d"
-  integrity sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==
-
-"@rollup/rollup-win32-arm64-msvc@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz#ed6603e93636a96203c6915be4117245c1bd2daf"
-  integrity sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==
-
-"@rollup/rollup-win32-ia32-msvc@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz#14e0b404b1c25ebe6157a15edb9c46959ba74c54"
-  integrity sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==
-
-"@rollup/rollup-win32-x64-msvc@4.18.0":
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz#5d694d345ce36b6ecf657349e03eb87297e68da4"
-  integrity sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==
+"@rollup/rollup-android-arm-eabi@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz#c3f5660f67030c493a981ac1d34ee9dfe1d8ec0f"
+  integrity sha512-TSpWzflCc4VGAUJZlPpgAJE1+V60MePDQnBd7PPkpuEmOy8i87aL6tinFGKBFKuEDikYpig72QzdT3QPYIi+oA==
+
+"@rollup/rollup-android-arm64@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.20.0.tgz#64161f0b67050023a3859e723570af54a82cff5c"
+  integrity sha512-u00Ro/nok7oGzVuh/FMYfNoGqxU5CPWz1mxV85S2w9LxHR8OoMQBuSk+3BKVIDYgkpeOET5yXkx90OYFc+ytpQ==
+
+"@rollup/rollup-darwin-arm64@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.20.0.tgz#25f3d57b1da433097cfebc89341b355901615763"
+  integrity sha512-uFVfvzvsdGtlSLuL0ZlvPJvl6ZmrH4CBwLGEFPe7hUmf7htGAN+aXo43R/V6LATyxlKVC/m6UsLb7jbG+LG39Q==
+
+"@rollup/rollup-darwin-x64@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.20.0.tgz#d8ddaffb636cc2f59222c50316e27771e48966df"
+  integrity sha512-xbrMDdlev53vNXexEa6l0LffojxhqDTBeL+VUxuuIXys4x6xyvbKq5XqTXBCEUA8ty8iEJblHvFaWRJTk/icAQ==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.20.0.tgz#41bd4fcffa20fb84f3dbac6c5071638f46151885"
+  integrity sha512-jMYvxZwGmoHFBTbr12Xc6wOdc2xA5tF5F2q6t7Rcfab68TT0n+r7dgawD4qhPEvasDsVpQi+MgDzj2faOLsZjA==
+
+"@rollup/rollup-linux-arm-musleabihf@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.20.0.tgz#842077c5113a747eb5686f19f2f18c33ecc0acc8"
+  integrity sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==
+
+"@rollup/rollup-linux-arm64-gnu@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.20.0.tgz#65d1d5b6778848f55b7823958044bf3e8737e5b7"
+  integrity sha512-COBb8Bkx56KldOYJfMf6wKeYJrtJ9vEgBRAOkfw6Ens0tnmzPqvlpjZiLgkhg6cA3DGzCmLmmd319pmHvKWWlQ==
+
+"@rollup/rollup-linux-arm64-musl@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.20.0.tgz#50eef7d6e24d0fe3332200bb666cad2be8afcf86"
+  integrity sha512-+it+mBSyMslVQa8wSPvBx53fYuZK/oLTu5RJoXogjk6x7Q7sz1GNRsXWjn6SwyJm8E/oMjNVwPhmNdIjwP135Q==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.20.0.tgz#8837e858f53c84607f05ad0602943e96d104c6b4"
+  integrity sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==
+
+"@rollup/rollup-linux-riscv64-gnu@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.20.0.tgz#c894ade2300caa447757ddf45787cca246e816a4"
+  integrity sha512-qmuxFpfmi/2SUkAw95TtNq/w/I7Gpjurx609OOOV7U4vhvUhBcftcmXwl3rqAek+ADBwSjIC4IVNLiszoj3dPA==
+
+"@rollup/rollup-linux-s390x-gnu@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.20.0.tgz#5841e5390d4c82dd5cdf7b2c95a830e3c2f47dd3"
+  integrity sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==
+
+"@rollup/rollup-linux-x64-gnu@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.20.0.tgz#cc1f26398bf777807a99226dc13f47eb0f6c720d"
+  integrity sha512-y+eoL2I3iphUg9tN9GB6ku1FA8kOfmF4oUEWhztDJ4KXJy1agk/9+pejOuZkNFhRwHAOxMsBPLbXPd6mJiCwew==
+
+"@rollup/rollup-linux-x64-musl@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.20.0.tgz#1507465d9056e0502a590d4c1a00b4d7b1fda370"
+  integrity sha512-hM3nhW40kBNYUkZb/r9k2FKK+/MnKglX7UYd4ZUy5DJs8/sMsIbqWK2piZtVGE3kcXVNj3B2IrUYROJMMCikNg==
+
+"@rollup/rollup-win32-arm64-msvc@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.20.0.tgz#86a221f01a2c248104dd0defb4da119f2a73642e"
+  integrity sha512-psegMvP+Ik/Bg7QRJbv8w8PAytPA7Uo8fpFjXyCRHWm6Nt42L+JtoqH8eDQ5hRP7/XW2UiIriy1Z46jf0Oa1kA==
+
+"@rollup/rollup-win32-ia32-msvc@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.20.0.tgz#8bc8f77e02760aa664694b4286d6fbea7f1331c5"
+  integrity sha512-GabekH3w4lgAJpVxkk7hUzUf2hICSQO0a/BLFA11/RMxQT92MabKAqyubzDZmMOC/hcJNlc+rrypzNzYl4Dx7A==
+
+"@rollup/rollup-win32-x64-msvc@4.20.0":
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.20.0.tgz#601fffee719a1e8447f908aca97864eec23b2784"
+  integrity sha512-aJ1EJSuTdGnM6qbVC4B5DSmozPTqIag9fSzXRNNo+humQLG89XpPgdt16Ia56ORD7s+H8Pmyx44uczDQ0yDzpg==
+
+"@types/diff-match-patch@^1.0.36":
+  version "1.0.36"
+  resolved "https://registry.yarnpkg.com/@types/diff-match-patch/-/diff-match-patch-1.0.36.tgz#dcef10a69d357fe9d43ac4ff2eca6b85dbf466af"
+  integrity sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==
 
 "@types/estree@1.0.5":
   version "1.0.5"
@@ -290,9 +295,9 @@ acorn-jsx@^5.3.2:
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
 acorn@^8.12.0:
-  version "8.12.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.0.tgz#1627bfa2e058148036133b8d9b51a700663c294c"
-  integrity sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
 
 ajv@^6.12.4:
   version "6.12.6"
@@ -352,6 +357,11 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
+
 clipboard@^2.0.11:
   version "2.0.11"
   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.11.tgz#62180360b97dd668b6b3a84ec226975762a70be5"
@@ -414,6 +424,11 @@ delegate@^3.1.2:
   resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
   integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
 
+diff-match-patch@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/diff-match-patch/-/diff-match-patch-1.0.5.tgz#abb584d5f10cd1196dfc55aa03701592ae3f7b37"
+  integrity sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==
+
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
@@ -448,10 +463,10 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-scope@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.0.1.tgz#a9601e4b81a0b9171657c343fb13111688963cfc"
-  integrity sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==
+eslint-scope@^8.0.2:
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.0.2.tgz#5cbb33d4384c9136083a71190d548158fe128f94"
+  integrity sha512-6E4xmrTw5wtxnLA5wYL3WDfhZ/1bUBGOXV0zQvVRDOtrR8D0p6W7fs3JweNYhwRYeGvd/1CKX2se0/2s7Q/nJA==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
@@ -467,15 +482,15 @@ eslint-visitor-keys@^4.0.0:
   integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
 
 eslint@9.x:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.5.0.tgz#11856034b94a9e1a02cfcc7e96a9f0956963cd2f"
-  integrity sha512-+NAOZFrW/jFTS3dASCGBxX1pkFD0/fsO+hfAkJ4TyYKwgsXZbqzrw+seCYFCcPCYXvnD67tAnglU7GQTz6kcVw==
+  version "9.7.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.7.0.tgz#bedb48e1cdc2362a0caaa106a4c6ed943e8b09e4"
+  integrity sha512-FzJ9D/0nGiCGBf8UXO/IGLTgLVzIxze1zpfA8Ton2mjLovXdAPlYDv+MQDcqj3TmrhAGYfOpz9RfR+ent0AgAw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/config-array" "^0.16.0"
+    "@eslint-community/regexpp" "^4.11.0"
+    "@eslint/config-array" "^0.17.0"
     "@eslint/eslintrc" "^3.1.0"
-    "@eslint/js" "9.5.0"
+    "@eslint/js" "9.7.0"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.3.0"
     "@nodelib/fs.walk" "^1.2.8"
@@ -484,9 +499,9 @@ eslint@9.x:
     cross-spawn "^7.0.2"
     debug "^4.3.2"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^8.0.1"
+    eslint-scope "^8.0.2"
     eslint-visitor-keys "^4.0.0"
-    espree "^10.0.1"
+    espree "^10.1.0"
     esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -506,7 +521,7 @@ eslint@9.x:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
-espree@^10.0.1:
+espree@^10.0.1, espree@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/espree/-/espree-10.1.0.tgz#8788dae611574c0f070691f522e4116c5a11fc56"
   integrity sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==
@@ -516,9 +531,9 @@ espree@^10.0.1:
     eslint-visitor-keys "^4.0.0"
 
 esquery@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
   dependencies:
     estraverse "^5.1.0"
 
@@ -544,6 +559,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-json-patch@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.1.1.tgz#85064ea1b1ebf97a3f7ad01e23f9337e72c66947"
+  integrity sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -607,9 +627,9 @@ globals@^14.0.0:
   integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
 
 globals@^15.6.0:
-  version "15.6.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-15.6.0.tgz#3872d3ab4427e1df4718efd3f7d2c721c503f65f"
-  integrity sha512-UzcJi88Hw//CurUIRa9Jxb0vgOCcuD/MNjwmXp633cyaRKkCWACkoqHCtfZv43b1kqXGg/fpOa8bwgacCeXsVg==
+  version "15.8.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-15.8.0.tgz#e64bb47b619dd8cbf32b3c1a0a61714e33cbbb41"
+  integrity sha512-VZAJ4cewHTExBWDHR6yptdIBlx9YSSZuwojj9Nt5mBRXQzrKakDsVKQ1J63sklLvzAJm0X5+RpO4i3Y2hcOnFw==
 
 good-listener@^1.2.2:
   version "1.2.2"
@@ -700,6 +720,15 @@ json@^11.0.0:
   resolved "https://registry.yarnpkg.com/json/-/json-11.0.0.tgz#2e84493134e2f42c131165aa22a124df38b3a3ee"
   integrity sha512-N/ITv3Yw9Za8cGxuQqSqrq6RHnlaHWZkAFavcfpH/R52522c26EbihMxnY7A1chxfXJ4d+cEFIsyTgfi9GihrA==
 
+jsondiffpatch@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/jsondiffpatch/-/jsondiffpatch-0.6.0.tgz#daa6a25bedf0830974c81545568d5f671c82551f"
+  integrity sha512-3QItJOXp2AP1uv7waBkao5nCvhEv+QmJAd38Ybq7wNI74Q+BBmnLn4EDKz6yI9xGAIQoUF87qHt+kc1IVxB4zQ==
+  dependencies:
+    "@types/diff-match-patch" "^1.0.36"
+    chalk "^5.3.0"
+    diff-match-patch "^1.0.5"
+
 keyv@^4.5.4:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
@@ -739,7 +768,7 @@ mime@~2.5.2:
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
   integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==
 
-minimatch@^3.0.5, minimatch@^3.1.2:
+minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -811,7 +840,7 @@ path-key@^3.1.0:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-picocolors@^1.0.0:
+picocolors@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
   integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
@@ -826,13 +855,13 @@ postcss-url@^10.1.3:
     minimatch "~3.0.4"
     xxhashjs "~0.2.2"
 
-postcss@^8.4.38:
-  version "8.4.38"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
-  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
+postcss@^8.4.40:
+  version "8.4.41"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.41.tgz#d6104d3ba272d882fe18fc07d15dc2da62fa2681"
+  integrity sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==
   dependencies:
     nanoid "^3.3.7"
-    picocolors "^1.0.0"
+    picocolors "^1.0.1"
     source-map-js "^1.2.0"
 
 preact@^10.22.1:
@@ -845,10 +874,10 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prettier@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a"
-  integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==
+prettier@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
 
 prismjs@^1.29.0:
   version "1.29.0"
@@ -876,28 +905,28 @@ reusify@^1.0.4:
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
 rollup@^4.13.0:
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.18.0.tgz#497f60f0c5308e4602cf41136339fbf87d5f5dda"
-  integrity sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==
+  version "4.20.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.20.0.tgz#f9d602161d29e178f0bf1d9f35f0a26f83939492"
+  integrity sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==
   dependencies:
     "@types/estree" "1.0.5"
   optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.18.0"
-    "@rollup/rollup-android-arm64" "4.18.0"
-    "@rollup/rollup-darwin-arm64" "4.18.0"
-    "@rollup/rollup-darwin-x64" "4.18.0"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.18.0"
-    "@rollup/rollup-linux-arm-musleabihf" "4.18.0"
-    "@rollup/rollup-linux-arm64-gnu" "4.18.0"
-    "@rollup/rollup-linux-arm64-musl" "4.18.0"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.18.0"
-    "@rollup/rollup-linux-riscv64-gnu" "4.18.0"
-    "@rollup/rollup-linux-s390x-gnu" "4.18.0"
-    "@rollup/rollup-linux-x64-gnu" "4.18.0"
-    "@rollup/rollup-linux-x64-musl" "4.18.0"
-    "@rollup/rollup-win32-arm64-msvc" "4.18.0"
-    "@rollup/rollup-win32-ia32-msvc" "4.18.0"
-    "@rollup/rollup-win32-x64-msvc" "4.18.0"
+    "@rollup/rollup-android-arm-eabi" "4.20.0"
+    "@rollup/rollup-android-arm64" "4.20.0"
+    "@rollup/rollup-darwin-arm64" "4.20.0"
+    "@rollup/rollup-darwin-x64" "4.20.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.20.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.20.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.20.0"
+    "@rollup/rollup-linux-arm64-musl" "4.20.0"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.20.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.20.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.20.0"
+    "@rollup/rollup-linux-x64-gnu" "4.20.0"
+    "@rollup/rollup-linux-x64-musl" "4.20.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.20.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.20.0"
+    "@rollup/rollup-win32-x64-msvc" "4.20.0"
     fsevents "~2.3.2"
 
 run-parallel@^1.1.9:
@@ -985,12 +1014,12 @@ uri-js@^4.2.2:
     punycode "^2.1.0"
 
 vite@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.3.2.tgz#2f0a8531c71060467ed3e0a205a203f269b6d9c8"
-  integrity sha512-6lA7OBHBlXUxiJxbO5aAY2fsHHzDr1q7DvXYnyZycRs2Dz+dXBWuhpWHvmljTRTpQC2uvGmUFFkSHF2vGo90MA==
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.0.tgz#11dca8a961369ba8b5cae42d068c7ad684d5370f"
+  integrity sha512-5xokfMX0PIiwCMCMb9ZJcMyh5wbBun0zUzKib+L65vAZ8GY9ePZMXxFrHbr/Kyll2+LSCY7xtERPpxkBDKngwg==
   dependencies:
     esbuild "^0.21.3"
-    postcss "^8.4.38"
+    postcss "^8.4.40"
     rollup "^4.13.0"
   optionalDependencies:
     fsevents "~2.3.3"
diff --git a/src/inspect_ai/log/__init__.py b/src/inspect_ai/log/__init__.py
index 6763178fd..3a5aa7df2 100644
--- a/src/inspect_ai/log/__init__.py
+++ b/src/inspect_ai/log/__init__.py
@@ -18,9 +18,8 @@
     EvalScore,
     EvalSpec,
     EvalStats,
-    LoggingLevel,
-    LoggingMessage,
 )
+from ._message import LoggingLevel, LoggingMessage
 from ._retry import retryable_eval_logs
 
 __all__ = [
diff --git a/src/inspect_ai/log/_file.py b/src/inspect_ai/log/_file.py
index e77b8a2b3..060eb774e 100644
--- a/src/inspect_ai/log/_file.py
+++ b/src/inspect_ai/log/_file.py
@@ -22,8 +22,7 @@
     EvalSample,
     EvalSpec,
     EvalStats,
-    LogEvent,
-    LoggingMessage,
+    LogType,
     Recorder,
 )
 
@@ -181,7 +180,6 @@ def read_field(field: str) -> Any:
         # prune if header_only
         if header_only:
             log.samples = None
-            log.logging.clear()
 
         # return log
         return log
@@ -298,21 +296,26 @@ def __init__(self, log_dir: str, log_buffer: int | None = None):
 
     def log_start(self, eval: EvalSpec) -> str:
         # initialize file log for this eval
-        file = self._log_file_path(eval)
+        # compute an absolute path if it's a relative ref
+        # (so that the writes go to the correct place even
+        # if the working directory is switched for a task)
+        file = absolute_file_path(self._log_file_path(eval))
 
         # compute an absolute path if it's a relative ref
         # (so that the writes go to the correct place even
         # if the working directory is switched for a task)
         self.data[self._log_file_key(eval)] = JSONRecorder.JSONLogFile(
-            file=absolute_file_path(file), data=EvalLog(eval=eval)
+            file=file, data=EvalLog(eval=eval)
         )
+
+        # attempt to
         return file
 
-    def log_event(
+    def log(
         self,
         spec: EvalSpec,
-        type: LogEvent,
-        data: EvalPlan | EvalSample | EvalResults | LoggingMessage,
+        type: LogType,
+        data: EvalPlan | EvalSample | EvalResults,
         flush: bool = False,
     ) -> None:
         log = self.data[self._log_file_key(spec)]
@@ -322,14 +325,12 @@ def log_event(
             if log.data.samples is None:
                 log.data.samples = []
             log.data.samples.append(cast(EvalSample, data))
-        elif type == "logging":
-            log.data.logging.append(cast(LoggingMessage, data))
         elif type == "results":
             log.data.results = cast(EvalResults, data)
         else:
             raise ValueError(f"Unknown event {type}")
         if flush:
-            self.flush_log(log.file, log.data)
+            self.flush_log(log)
 
     def log_cancelled(
         self,
@@ -353,10 +354,11 @@ def log_failure(
     def read_log(self, location: str) -> EvalLog:
         return read_eval_log(location)
 
-    def flush_log(self, location: str, log: EvalLog) -> None:
+    def flush_log(self, log: JSONLogFile) -> None:
         self.flush_pending += 1
         if self.flush_pending >= self.flush_buffer:
-            self.write_log(location, log)
+            # write the log and current batch of events
+            self.write_log(log.file, log.data)
 
     def write_log(self, location: str, log: EvalLog) -> None:
         # sort samples before writing as they can come in out of order
@@ -373,7 +375,9 @@ def write_log(self, location: str, log: EvalLog) -> None:
                 )
             )
 
+        # write the log file
         write_eval_log(log, location)
+
         self.flush_pending = 0
 
     def read_latest_log(self) -> EvalLog:
@@ -392,5 +396,8 @@ def _log_finish(
         if error:
             log.data.error = error
         self.write_log(log.file, log.data)
+
+        # stop tracking this data
         del self.data[self._log_file_key(spec)]
+
         return log.data
diff --git a/src/inspect_ai/log/_log.py b/src/inspect_ai/log/_log.py
index 0931f9ed8..a02a3475d 100644
--- a/src/inspect_ai/log/_log.py
+++ b/src/inspect_ai/log/_log.py
@@ -2,17 +2,14 @@
 import asyncio
 import logging
 import os
-import re
 import sys
 import traceback
-from logging import LogRecord
 from types import TracebackType
-from typing import Any, Literal, Type, cast
+from typing import Any, Literal, Type
 
 import click
 import tenacity
-from pydantic import BaseModel, ConfigDict, Field, JsonValue, model_validator
-from pydantic_core import to_jsonable_python
+from pydantic import BaseModel, ConfigDict, Field, model_validator
 from rich.console import Console, RenderableType
 from rich.traceback import Traceback
 
@@ -26,6 +23,7 @@
 )
 from inspect_ai.scorer import Score
 from inspect_ai.scorer._metric import SampleScore
+from inspect_ai.solver._subtask.transcript import EvalEvents
 
 SCORER_PLACEHOLDER = "88F74D2C"
 
@@ -101,6 +99,12 @@ def score(self) -> Score | None:
     metadata: dict[str, Any]
     """Additional sample metadata."""
 
+    store: dict[str, Any] = Field(default={})
+    """State at end of sample execution."""
+
+    transcript: EvalEvents = Field(default_factory=EvalEvents)
+    """Transcript of sample events."""
+
     @model_validator(mode="before")
     @classmethod
     def convert_score_to_scores(
@@ -388,79 +392,6 @@ class EvalStats(BaseModel):
     model_config = ConfigDict(protected_namespaces=())
 
 
-LoggingLevel = Literal[
-    "debug", "http", "sandbox", "info", "warning", "error", "critical"
-]
-"""Logging level."""
-
-
-class LoggingMessage(BaseModel):
-    name: str | None = Field(default=None)
-    """Logger name (e.g. 'httpx')"""
-
-    level: LoggingLevel
-    """Logging level."""
-
-    message: str
-    """Log message."""
-
-    created: float
-    """Message created time."""
-
-    filename: str = Field(default="unknown")
-    """Logged from filename."""
-
-    module: str = Field(default="unknown")
-    """Logged from module."""
-
-    lineno: int = Field(default=0)
-    """Logged from line number."""
-
-    args: JsonValue = Field(default=None)
-    """Extra arguments passed to log function."""
-
-    @staticmethod
-    def from_log_record(record: LogRecord) -> "LoggingMessage":
-        """Create a LoggingMesssage from a LogRecord.
-
-        Args:
-          record (LogRecord): LogRecord to convert.
-
-        Returns:
-          LoggingMessage for LogRecord
-
-        """
-        return LoggingMessage(
-            # don't include full file paths (as the filename is also below),
-            # we just want to use this to capture e.g. 'httpx', 'openai', etc.
-            name=record.name
-            if re.match(r"^[\w_]+$", record.name) is not None
-            else None,
-            level=cast(LoggingLevel, record.levelname.lower()),
-            message=record.getMessage(),
-            created=record.created * 1000,
-            filename=str(record.filename),
-            module=str(record.module),
-            lineno=record.lineno or 0,
-            # serialize anything we can from the additional arguments
-            args=to_jsonable_python(record.args, fallback=lambda _x: None)
-            if record.args
-            else None,
-        )
-
-    @model_validator(mode="before")
-    @classmethod
-    def convert_log_levels(
-        cls: Type["LoggingMessage"], values: dict[str, Any]
-    ) -> dict[str, Any]:
-        if "level" in values:
-            level = values["level"]
-            if level == "tools":
-                values["level"] = "sandbox"
-
-        return values
-
-
 class EvalLog(BaseModel):
     version: int = Field(default=2)
     """Eval log file format version."""
@@ -488,9 +419,6 @@ class EvalLog(BaseModel):
     samples: list[EvalSample] | None = Field(default=None)
     """Samples processed by eval."""
 
-    logging: list[LoggingMessage] = Field(default=[])
-    """Logging message captured during eval."""
-
     @model_validator(mode="after")
     def populate_scorer_name_for_samples(self) -> "EvalLog":
         if self.samples and self.results and self.results.scores:
@@ -503,7 +431,7 @@ def populate_scorer_name_for_samples(self) -> "EvalLog":
         return self
 
 
-LogEvent = Literal["plan", "sample", "score", "results", "scorer", "logging"]
+LogType = Literal["plan", "sample", "score", "results", "scorer"]
 
 
 class Recorder(abc.ABC):
@@ -511,11 +439,11 @@ class Recorder(abc.ABC):
     def log_start(self, eval: EvalSpec) -> str: ...
 
     @abc.abstractmethod
-    def log_event(
+    def log(
         self,
         spec: EvalSpec,
-        type: LogEvent,
-        data: EvalSample | EvalPlan | EvalResults | LoggingMessage,
+        type: LogType,
+        data: EvalSample | EvalPlan | EvalResults,
         flush: bool = False,
     ) -> None:
         pass
diff --git a/src/inspect_ai/log/_message.py b/src/inspect_ai/log/_message.py
new file mode 100644
index 000000000..691f860d5
--- /dev/null
+++ b/src/inspect_ai/log/_message.py
@@ -0,0 +1,70 @@
+import re
+from logging import LogRecord
+from typing import Any, Literal, Type, cast
+
+from pydantic import BaseModel, Field, model_validator
+
+LoggingLevel = Literal[
+    "debug", "http", "sandbox", "info", "warning", "error", "critical"
+]
+"""Logging level."""
+
+
+class LoggingMessage(BaseModel):
+    name: str | None = Field(default=None)
+    """Logger name (e.g. 'httpx')"""
+
+    level: LoggingLevel
+    """Logging level."""
+
+    message: str
+    """Log message."""
+
+    created: float
+    """Message created time."""
+
+    filename: str = Field(default="unknown")
+    """Logged from filename."""
+
+    module: str = Field(default="unknown")
+    """Logged from module."""
+
+    lineno: int = Field(default=0)
+    """Logged from line number."""
+
+    @staticmethod
+    def from_log_record(record: LogRecord) -> "LoggingMessage":
+        """Create a LoggingMesssage from a LogRecord.
+
+        Args:
+          record (LogRecord): LogRecord to convert.
+
+        Returns:
+          LoggingMessage for LogRecord
+
+        """
+        return LoggingMessage(
+            # don't include full file paths (as the filename is also below),
+            # we just want to use this to capture e.g. 'httpx', 'openai', etc.
+            name=record.name
+            if re.match(r"^[\w_]+$", record.name) is not None
+            else None,
+            level=cast(LoggingLevel, record.levelname.lower()),
+            message=record.getMessage(),
+            created=record.created * 1000,
+            filename=str(record.filename),
+            module=str(record.module),
+            lineno=record.lineno or 0,
+        )
+
+    @model_validator(mode="before")
+    @classmethod
+    def convert_log_levels(
+        cls: Type["LoggingMessage"], values: dict[str, Any]
+    ) -> dict[str, Any]:
+        if "level" in values:
+            level = values["level"]
+            if level == "tools":
+                values["level"] = "sandbox"
+
+        return values
diff --git a/src/inspect_ai/model/_call_tools.py b/src/inspect_ai/model/_call_tools.py
index fa9d331cd..0cecca3a3 100644
--- a/src/inspect_ai/model/_call_tools.py
+++ b/src/inspect_ai/model/_call_tools.py
@@ -46,13 +46,25 @@ async def call_tools(
        List of tool calls
     """
     if message.tool_calls:
+        from inspect_ai.solver._subtask.transcript import (
+            ToolEvent,
+            Transcript,
+            init_transcript,
+            track_store_changes,
+            transcript,
+        )
+
         tdefs = tool_defs(tools)
 
-        async def call_tool_task(call: ToolCall) -> ChatMessageTool:
+        async def call_tool_task(call: ToolCall) -> tuple[ChatMessageTool, ToolEvent]:
+            # create a transript for this call
+            init_transcript(Transcript(name=call.function))
+
             result: Any = ""
             tool_error: ToolCallError | None = None
             try:
-                result = await call_tool(tdefs, call)
+                with track_store_changes():
+                    result = await call_tool(tdefs, call)
             except TimeoutError:
                 tool_error = ToolCallError(
                     "timeout", "Command timed out before completing."
@@ -86,14 +98,33 @@ async def call_tool_task(call: ToolCall) -> ChatMessageTool:
             else:
                 content = str(result)
 
+            # create event
+            event = ToolEvent(
+                id=call.id,
+                function=call.function,
+                arguments=call.arguments,
+                result=content,
+                error=tool_error,
+                events=transcript().events,
+            )
+
+            # return message and event
             return ChatMessageTool(
                 content=content,
                 tool_call_id=call.id,
                 error=tool_error,
-            )
+            ), event
 
+        # call tools in parallel
         tasks = [call_tool_task(call) for call in message.tool_calls]
-        return await asyncio.gather(*tasks)
+        results = await asyncio.gather(*tasks)
+
+        # fire tool events for each result
+        for event in [result[1] for result in results]:
+            transcript()._event(event)
+
+        # return tool messages
+        return [result[0] for result in results]
 
     else:
         return []
@@ -131,7 +162,14 @@ async def call_tool(tools: list[ToolDef], call: ToolCall) -> Any:
 
     # call the tool
     try:
-        return await tool_def.tool(**tool_params(call.arguments, tool_def.tool))
+        # get arguments (with creation of dataclasses, pydantic objects, etc.)
+        arguments = tool_params(call.arguments, tool_def.tool)
+
+        # call the tool
+        result = await tool_def.tool(**arguments)
+
+        # return result + events
+        return result
     except TypeError as ex:
         raise ToolParsingError(exception_message(ex))
 
diff --git a/src/inspect_ai/model/_model.py b/src/inspect_ai/model/_model.py
index 040516434..1edf1a024 100644
--- a/src/inspect_ai/model/_model.py
+++ b/src/inspect_ai/model/_model.py
@@ -41,7 +41,7 @@
     ChatMessageUser,
 )
 from ._generate_config import GenerateConfig
-from ._model_output import ModelOutput, ModelUsage
+from ._model_output import ModelCall, ModelOutput, ModelUsage
 
 logger = logging.getLogger(__name__)
 
@@ -107,7 +107,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> ModelOutput | tuple[ModelOutput, ModelCall]:
         """Generate output from the model.
 
         Args:
@@ -121,7 +121,9 @@ async def generate(
           config (GenerateConfig): Model configuration.
 
         Returns:
-           ModelOutput
+           ModelOutput or tuple[ModelOutput,ModelCall], the latter being
+           useful if you want the underlying model API call logged as
+           part of the ModelEvent.
         """
         ...
 
@@ -153,6 +155,16 @@ def tools_required(self) -> bool:
         """Any tool use in a message stream means that tools must be passed."""
         return False
 
+    def provides_event(self) -> bool:
+        """Indicates that this model provider yields a ModelEvent.
+
+        This is done so the code that wraps ModelAPI calls knows that it
+        doesn't need to record a ModelEvent. A model provider would provide
+        its own model events if it wanted to populate the raw request
+        and response fields of the ModelEvent (which only it knows about)
+        """
+        return False
+
 
 class Model:
     """Model interface."""
@@ -204,8 +216,15 @@ async def generate(
         Returns:
            ModelOutput
         """
-        # merge with config from init
-        config = self.config.merge(config)
+        # base config for this model
+        base_config = self.config
+
+        # if we are the active_model then merge active generate config
+        if self == active_model():
+            base_config = base_config.merge(active_generate_config())
+
+        # merge passed config
+        config = base_config.merge(config)
 
         # provide max_tokens from the model api if required
         config.max_tokens = (
@@ -308,12 +327,27 @@ async def generate() -> ModelOutput:
                 if isinstance(existing, ModelOutput):
                     return existing
 
-            output = await self.api.generate(
+            result = await self.api.generate(
                 input=input,
                 tools=tools,
                 tool_choice=tool_choice,
                 config=config,
             )
+            if isinstance(result, tuple):
+                output, call = result
+            else:
+                output = result
+                call = None
+
+            # write to transcript
+            await self._model_transcript(
+                input=input,
+                tools=tools,
+                tool_choice=tool_choice,
+                config=config,
+                output=output,
+                call=call,
+            )
 
             # record usage
             if output.usage:
@@ -359,6 +393,30 @@ def _connection_concurrency(self, config: GenerateConfig) -> asyncio.Semaphore:
             key=f"Model{self.api.connection_key()}",
         )
 
+    async def _model_transcript(
+        self,
+        input: list[ChatMessage],
+        tools: list[ToolInfo],
+        tool_choice: ToolChoice,
+        config: GenerateConfig,
+        output: ModelOutput,
+        call: ModelCall | None,
+    ) -> None:
+        from inspect_ai.solver._subtask.transcript import ModelEvent, transcript
+
+        if not self.api.provides_event():
+            transcript()._event(
+                ModelEvent(
+                    model=str(self),
+                    input=input,
+                    tools=tools,
+                    tool_choice=tool_choice,
+                    config=config,
+                    output=output,
+                    call=call,
+                )
+            )
+
 
 class ModelName:
     r"""Model name (api and specific model served by the api).
@@ -624,8 +682,9 @@ def combine_messages(
         return message_type(content=content)
 
 
-def init_active_model(model: Model) -> None:
+def init_active_model(model: Model, config: GenerateConfig) -> None:
     active_model_context_var.set(model)
+    active_generate_config_context_var.set(config)
 
 
 def active_model() -> Model | None:
@@ -637,8 +696,15 @@ def active_model() -> Model | None:
     return active_model_context_var.get(None)
 
 
+def active_generate_config() -> GenerateConfig:
+    return active_generate_config_context_var.get()
+
+
 # shared contexts for asyncio tasks
 active_model_context_var: ContextVar[Model] = ContextVar("active_model")
+active_generate_config_context_var: ContextVar[GenerateConfig] = ContextVar(
+    "generate_config", default=GenerateConfig()
+)
 
 
 def init_model_usage() -> None:
diff --git a/src/inspect_ai/model/_model_output.py b/src/inspect_ai/model/_model_output.py
index e02a0a177..1ebca3046 100644
--- a/src/inspect_ai/model/_model_output.py
+++ b/src/inspect_ai/model/_model_output.py
@@ -1,9 +1,10 @@
 import uuid
-from typing import Literal
+from typing import Any, Literal
 
-from pydantic import BaseModel, Field
+from pydantic import BaseModel, Field, JsonValue
 
-from inspect_ai.tool import ToolCall
+from inspect_ai._util.json import jsonable_python
+from inspect_ai.tool._tool_call import ToolCall
 
 from ._chat_message import ChatMessageAssistant
 
@@ -166,3 +167,29 @@ def for_tool_call(
                 )
             ],
         )
+
+
+class ModelCall(BaseModel):
+    """Model call (raw request/response data)."""
+
+    request: dict[str, JsonValue]
+    """Raw data posted to model."""
+
+    response: dict[str, JsonValue]
+    """Raw response data from model."""
+
+    @staticmethod
+    def create(request: Any, response: Any) -> "ModelCall":
+        """Create a ModelCall object.
+
+        Create a ModelCall from arbitrary request and response objects (they might
+        be dataclasses, Pydandic objects, dicts, etc.). Converts all values to
+        JSON serialiable (exluding those that can't be)
+
+        Args:
+           request (Any): Request object (dict, dataclass, BaseModel, etc.)
+           response (Any): Response object (dict, dataclass, BaseModel, etc.)
+        """
+        return ModelCall(
+            request=jsonable_python(request), response=jsonable_python(response)
+        )
diff --git a/src/inspect_ai/model/_providers/anthropic.py b/src/inspect_ai/model/_providers/anthropic.py
index 7cfa4ecdd..ff0d7bcd1 100644
--- a/src/inspect_ai/model/_providers/anthropic.py
+++ b/src/inspect_ai/model/_providers/anthropic.py
@@ -11,7 +11,6 @@
     InternalServerError,
     RateLimitError,
 )
-from anthropic._types import NOT_GIVEN
 from anthropic.types import (
     ImageBlockParam,
     Message,
@@ -43,6 +42,7 @@
 from .._model import ModelAPI
 from .._model_output import (
     ChatCompletionChoice,
+    ModelCall,
     ModelOutput,
     ModelUsage,
     StopReason,
@@ -114,47 +114,53 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> ModelOutput | tuple[ModelOutput, ModelCall]:
         # generate
         try:
             (system_message, tools_param, messages) = await resolve_chat_input(
                 input, tools, config
             )
 
-            message = await self.client.messages.create(
-                stream=False,
-                messages=messages,
-                system=system_message if system_message is not None else NOT_GIVEN,
-                stop_sequences=(
-                    config.stop_seqs if config.stop_seqs is not None else NOT_GIVEN
-                ),
-                tools=tools_param,
-                tool_choice=(
-                    message_tool_choice(tool_choice) if len(tools) > 0 else NOT_GIVEN
-                ),
-                **self.completion_params(config),
-            )
+            # prepare request params (assembed this way so we can log the raw model call)
+            request: dict[str, Any] = dict(messages=messages)
+            if system_message is not None:
+                request["system"] = system_message
+            request["tools"] = tools_param
+            if len(tools) > 0:
+                request["tool_choice"] = message_tool_choice(tool_choice)
+            request = request | self.completion_params(config)
 
-            return model_output_from_message(message, tools)
+            # call model
+            message = await self.client.messages.create(**request, stream=False)
+
+            # extract output
+            output = model_output_from_message(message, tools)
+
+            # return output and call
+            call = ModelCall.create(request=request, response=message.model_dump())
+
+            return output, call
 
         except BadRequestError as ex:
-            output = self.handle_bad_request(ex)
-            if output:
-                return output
+            error_output = self.handle_bad_request(ex)
+            if error_output is not None:
+                return error_output
             else:
                 raise ex
 
     def completion_params(self, config: GenerateConfig) -> dict[str, Any]:
-        return dict(
-            model=self.model_name,
-            max_tokens=cast(int, config.max_tokens),
-            temperature=(
-                config.temperature if config.temperature is not None else NOT_GIVEN
-            ),
-            top_p=config.top_p if config.top_p is not None else NOT_GIVEN,
-            top_k=config.top_k if config.top_k is not None else NOT_GIVEN,
-            timeout=float(config.timeout) if config.timeout is not None else NOT_GIVEN,
-        )
+        params = dict(model=self.model_name, max_tokens=cast(int, config.max_tokens))
+        if config.temperature is not None:
+            params["temperature"] = config.temperature
+        if config.top_p is not None:
+            params["top_p"] = config.top_p
+        if config.top_k is not None:
+            params["top_k"] = config.top_k
+        if config.timeout is not None:
+            params["timeout"] = float(config.timeout)
+        if config.stop_seqs is not None:
+            params["stop_sequences"] = config.stop_seqs
+        return params
 
     @override
     def max_tokens(self) -> int | None:
diff --git a/src/inspect_ai/model/_providers/azureai.py b/src/inspect_ai/model/_providers/azureai.py
index 0dbfc161b..9365fd7f3 100644
--- a/src/inspect_ai/model/_providers/azureai.py
+++ b/src/inspect_ai/model/_providers/azureai.py
@@ -14,6 +14,7 @@
 from .._model import ModelAPI
 from .._model_output import (
     ChatCompletionChoice,
+    ModelCall,
     ModelOutput,
     ModelUsage,
     StopReason,
@@ -94,7 +95,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         # There are two different model APIs on Azure AI. The first is associated
         # with 'realtime' deployments of llama (and maps closely to other llama
         # inference apis):
@@ -167,11 +168,16 @@ async def generate(
             config=config,
         )
 
+        # record call
+        call = ModelCall.create(
+            request=dict(model_name=self.model_name, **json), response=response
+        )
+
         # return result
         if self.is_llama_score_api():
             return ModelOutput.from_content(
                 model=self.model_name, content=response["output"]
-            )
+            ), call
         else:
             model = response.get("model", "")
             choices = chat_completion_choices(
@@ -186,7 +192,7 @@ async def generate(
                 )
             else:
                 usage = None
-            return ModelOutput(model=model, choices=choices, usage=usage)
+            return ModelOutput(model=model, choices=choices, usage=usage), call
 
     @override
     def max_tokens(self) -> int | None:
diff --git a/src/inspect_ai/model/_providers/bedrock.py b/src/inspect_ai/model/_providers/bedrock.py
index 228a31774..35b39c549 100644
--- a/src/inspect_ai/model/_providers/bedrock.py
+++ b/src/inspect_ai/model/_providers/bedrock.py
@@ -19,7 +19,7 @@
 )
 from .._generate_config import GenerateConfig
 from .._model import ModelAPI
-from .._model_output import ChatCompletionChoice, ModelOutput, ModelUsage
+from .._model_output import ChatCompletionChoice, ModelCall, ModelOutput, ModelUsage
 from .util import (
     ChatAPIHandler,
     ChatAPIMessage,
@@ -80,7 +80,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> ModelOutput | tuple[ModelOutput, ModelCall]:
         if self.model_api:
             return await self.model_api.generate(input, tools, tool_choice, config)
         else:
@@ -152,7 +152,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         formatted_input_with_tools: list[ChatAPIMessage] = chat_api_input(
             input, tools, self.chat_api_handler()
         )
@@ -176,12 +176,20 @@ async def invoke_model() -> Any:
         response = await loop.run_in_executor(None, invoke_model)
         response_body = json.loads((await response).get("body").read())
         choice = self.completion_choice(response_body, tools, self.chat_api_handler())
-        return ModelOutput(
+        output = ModelOutput(
             model=self.model_name,
             choices=[choice],
             usage=self.model_usage(response_body),
         )
 
+        # record call
+        call = ModelCall.create(
+            request=dict(modelId=self.model_name, **body), response=response_body
+        )
+
+        # return
+        return output, call
+
     def is_rate_limit(self, ex: BaseException) -> bool:
         from boto3.exceptions import RetriesExceededError
         from botocore.exceptions import ClientError
diff --git a/src/inspect_ai/model/_providers/cloudflare.py b/src/inspect_ai/model/_providers/cloudflare.py
index 7c4fb3985..4a404b3b2 100644
--- a/src/inspect_ai/model/_providers/cloudflare.py
+++ b/src/inspect_ai/model/_providers/cloudflare.py
@@ -8,7 +8,7 @@
 from inspect_ai.tool import ToolChoice, ToolInfo
 
 from ...model import ChatMessage, GenerateConfig, ModelAPI, ModelOutput
-from .._model_output import ChatCompletionChoice
+from .._model_output import ChatCompletionChoice, ModelCall
 from .util import (
     ChatAPIHandler,
     Llama31Handler,
@@ -62,7 +62,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         # chat url
         chat_url = f"{self.base_url}/{self.account_id}/ai/run/@cf"
 
@@ -84,8 +84,9 @@ async def generate(
 
         # handle response
         if response["success"]:
+            # extract output
             content = response["result"]["response"]
-            return ModelOutput(
+            output = ModelOutput(
                 model=self.model_name,
                 choices=[
                     ChatCompletionChoice(
@@ -96,6 +97,14 @@ async def generate(
                     )
                 ],
             )
+
+            # record call
+            call = ModelCall.create(
+                request=dict(model_name=self.model_name, **json), response=response
+            )
+
+            # return
+            return output, call
         else:
             error = str(response.get("errors", "Unknown"))
             raise RuntimeError(f"Error calling {self.model_name}: {error}")
diff --git a/src/inspect_ai/model/_providers/google.py b/src/inspect_ai/model/_providers/google.py
index 91437fac8..e97dc75e2 100644
--- a/src/inspect_ai/model/_providers/google.py
+++ b/src/inspect_ai/model/_providers/google.py
@@ -2,6 +2,7 @@
 from copy import copy
 from typing import Any, cast
 
+import proto  # type: ignore
 from google.ai.generativelanguage import (
     Blob,
     Candidate,
@@ -24,10 +25,11 @@
 from google.generativeai.types import (  # type: ignore
     AsyncGenerateContentResponse,
     ContentDict,
-    ContentsType,
     HarmBlockThreshold,
     HarmCategory,
     PartDict,
+    PartType,
+    SafetySettingDict,
     Tool,
 )
 from google.protobuf.json_format import MessageToDict, ParseDict
@@ -49,6 +51,7 @@
 from .._model import ModelAPI
 from .._model_output import (
     ChatCompletionChoice,
+    ModelCall,
     ModelOutput,
     ModelUsage,
     StopReason,
@@ -57,7 +60,7 @@
 
 SAFETY_SETTINGS = "safety_settings"
 
-DEFAULT_SAFETY_SETTINGS = {
+DEFAULT_SAFETY_SETTINGS: SafetySettingDict = {
     HarmCategory.HARM_CATEGORY_SEXUALLY_EXPLICIT: HarmBlockThreshold.BLOCK_NONE,
     HarmCategory.HARM_CATEGORY_HATE_SPEECH: HarmBlockThreshold.BLOCK_NONE,
     HarmCategory.HARM_CATEGORY_HARASSMENT: HarmBlockThreshold.BLOCK_NONE,
@@ -109,7 +112,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         parameters = GenerationConfig(
             candidate_count=config.num_choices,
             temperature=config.temperature,
@@ -120,25 +123,28 @@ async def generate(
         )
 
         # google-native messages
-        messages = await as_chat_messages(input)
+        contents = await as_chat_messages(input)
+
+        # tools
+        gemini_tools = chat_tools(tools) if len(tools) > 0 else None
+        gemini_tool_config = chat_tool_config(tool_choice) if len(tools) > 0 else None
 
         # cast to AsyncGenerateContentResponse since we passed stream=False
         response = cast(
             AsyncGenerateContentResponse,
             await self.model.generate_content_async(
-                contents=messages,
+                contents=contents,
                 safety_settings=self.safety_settings,
                 generation_config=parameters,
-                tools=chat_tools(tools) if len(tools) > 0 else None,
-                tool_config=chat_tool_config(tool_choice) if len(tools) > 0 else None,
-                stream=False,
+                tools=gemini_tools,
+                tool_config=gemini_tool_config,
             ),
         )
-        choices = completion_choices_from_candidates(response.candidates)
-        choice = choices[0]
-        return ModelOutput(
+
+        # build output
+        output = ModelOutput(
             model=self.model_name,
-            choices=[choice],
+            choices=completion_choices_from_candidates(response.candidates),
             usage=ModelUsage(
                 input_tokens=response.usage_metadata.prompt_token_count,
                 output_tokens=response.usage_metadata.candidates_token_count,
@@ -146,6 +152,19 @@ async def generate(
             ),
         )
 
+        # build call
+        call = model_call(
+            contents=contents,
+            safety_settings=self.safety_settings,
+            generation_config=parameters,
+            tools=gemini_tools,
+            tool_config=gemini_tool_config,
+            response=response,
+        )
+
+        # return
+        return output, call
+
     @override
     def is_rate_limit(self, ex: BaseException) -> bool:
         return isinstance(ex, TooManyRequests)
@@ -156,7 +175,50 @@ def connection_key(self) -> str:
         return self.model_name
 
 
-async def as_chat_messages(messages: list[ChatMessage]) -> list[ContentsType]:
+def model_call(
+    contents: list[ContentDict],
+    generation_config: GenerationConfig,
+    safety_settings: SafetySettingDict,
+    tools: list[Tool] | None,
+    tool_config: ToolConfig | None,
+    response: AsyncGenerateContentResponse,
+) -> ModelCall:
+    return ModelCall.create(
+        request=dict(
+            contents=[model_call_content(content) for content in contents],
+            generation_config=generation_config,
+            safety_settings=safety_settings,
+            tools=[MessageToDict(tool._proto._pb) for tool in tools]
+            if tools is not None
+            else None,
+            tool_config=MessageToDict(tool_config._pb)
+            if tool_config is not None
+            else None,
+        ),
+        response=response.to_dict(),
+    )
+
+
+def model_call_content(content: ContentDict) -> ContentDict:
+    return ContentDict(
+        role=content["role"], parts=[model_call_part(part) for part in content["parts"]]
+    )
+
+
+def model_call_part(part: PartType) -> PartType:
+    if isinstance(part, proto.Message):
+        return MessageToDict(part._pb)
+    elif isinstance(part, dict):
+        part = part.copy()
+        keys = list(part.keys())
+        for key in keys:
+            part[key] = model_call_part(part[key])
+        return part
+    else:
+        return part
+
+
+async def as_chat_messages(messages: list[ChatMessage]) -> list[ContentDict]:
     # google does not support system messages so filter them out to start with
     system_messages = [message for message in messages if message.role == "system"]
     supported_messages = [message for message in messages if message.role != "system"]
diff --git a/src/inspect_ai/model/_providers/groq.py b/src/inspect_ai/model/_providers/groq.py
index 2189a469a..506257c88 100644
--- a/src/inspect_ai/model/_providers/groq.py
+++ b/src/inspect_ai/model/_providers/groq.py
@@ -7,6 +7,7 @@
     RateLimitError,
 )
 from groq.types.chat import (
+    ChatCompletion,
     ChatCompletionAssistantMessageParam,
     ChatCompletionMessageParam,
     ChatCompletionMessageToolCallParam,
@@ -28,7 +29,7 @@
 )
 from .._generate_config import GenerateConfig
 from .._model import ModelAPI
-from .._model_output import ChatCompletionChoice, ModelOutput, ModelUsage
+from .._model_output import ChatCompletionChoice, ModelCall, ModelOutput, ModelUsage
 from .util import as_stop_reason, model_base_url, parse_tool_call
 
 GROQ_API_KEY = "GROQ_API_KEY"
@@ -74,7 +75,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         messages = await as_groq_chat_messages(input)
 
         params = self.completion_params(config)
@@ -86,14 +87,15 @@ async def generate(
             if config.parallel_tool_calls is not None:
                 params["parallel_tool_calls"] = config.parallel_tool_calls
 
-        response = await self.client.chat.completions.create(
+        response: ChatCompletion = await self.client.chat.completions.create(
             messages=messages,
             model=self.model_name,
             **params,
         )
 
+        # extract output
         choices = self._chat_choices_from_response(response, tools)
-        return ModelOutput(
+        output = ModelOutput(
             model=response.model,
             choices=choices,
             usage=(
@@ -107,6 +109,15 @@ async def generate(
             ),
         )
 
+        # record call
+        call = ModelCall.create(
+            request=dict(messages=messages, model=self.model_name, **params),
+            response=response.model_dump(),
+        )
+
+        # return
+        return output, call
+
     def completion_params(self, config: GenerateConfig) -> Dict[str, Any]:
         params: dict[str, Any] = {}
         if config.temperature is not None:
diff --git a/src/inspect_ai/model/_providers/mistral.py b/src/inspect_ai/model/_providers/mistral.py
index ba2394b57..9510e3307 100644
--- a/src/inspect_ai/model/_providers/mistral.py
+++ b/src/inspect_ai/model/_providers/mistral.py
@@ -36,6 +36,7 @@
 from .._model import ModelAPI
 from .._model_output import (
     ChatCompletionChoice,
+    ModelCall,
     ModelOutput,
     ModelUsage,
     StopReason,
@@ -104,20 +105,27 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
-        # send request
-        response = await self.client.chat.complete_async(
+    ) -> tuple[ModelOutput, ModelCall]:
+        # build request
+        request: dict[str, Any] = dict(
             model=self.model_name,
             messages=[mistral_chat_message(message) for message in input],
-            temperature=config.temperature,
-            top_p=config.top_p,
-            max_tokens=config.max_tokens,
-            random_seed=config.seed,
             tools=mistral_chat_tools(tools) if len(tools) > 0 else None,
             tool_choice=(
                 mistral_chat_tool_choice(tool_choice) if len(tools) > 0 else None
             ),
         )
+        if config.temperature is not None:
+            request["temperature"] = config.temperature
+        if config.top_p is not None:
+            request["top_p"] = config.top_p
+        if config.max_tokens is not None:
+            request["max_tokens"] = config.max_tokens
+        if config.seed is not None:
+            request["random_seed"] = config.seed
+
+        # send request
+        response = await self.client.chat.complete_async(**request)
 
         if response is None:
             raise RuntimeError("Mistral model did not return a response from generate.")
@@ -136,7 +144,7 @@ async def generate(
                 ),
                 total_tokens=response.usage.total_tokens,
             ),
-        )
+        ), mistral_model_call(request, response)
 
     @override
     def is_rate_limit(self, ex: BaseException) -> bool:
@@ -147,6 +155,16 @@ def connection_key(self) -> str:
         return str(self.api_key)
 
 
+def mistral_model_call(
+    request: dict[str, Any], response: MistralChatCompletionResponse
+) -> ModelCall:
+    request = request.copy()
+    request.update(messages=[message.model_dump() for message in request["messages"]])
+    if request.get("tools", None) is not None:
+        request["tools"] = [tool.model_dump() for tool in request["tools"]]
+    return ModelCall(request=request, response=response.model_dump())
+
+
 def mistral_chat_tools(tools: list[ToolInfo]) -> list[MistralTool]:
     return [
         MistralTool(function=MistralFunction(**tool.model_dump(exclude_none=True)))
diff --git a/src/inspect_ai/model/_providers/openai.py b/src/inspect_ai/model/_providers/openai.py
index 44b65b4cc..41ac0cbe9 100644
--- a/src/inspect_ai/model/_providers/openai.py
+++ b/src/inspect_ai/model/_providers/openai.py
@@ -43,6 +43,7 @@
 from .._model_output import (
     ChatCompletionChoice,
     Logprobs,
+    ModelCall,
     ModelOutput,
     ModelUsage,
 )
@@ -134,9 +135,7 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
-        # resolve max tokens (ignore type check so NotGiven is valid)
-        config.max_tokens = config.max_tokens if config.max_tokens else NOT_GIVEN  # type: ignore
+    ) -> ModelOutput | tuple[ModelOutput, ModelCall]:
         # unlike text models, vision models require a max_tokens (and set it to a very low
         # default, see https://community.openai.com/t/gpt-4-vision-preview-finish-details/475911/10)
         OPENAI_IMAGE_DEFAULT_TOKENS = 4096
@@ -146,19 +145,24 @@ async def generate(
             else:
                 config.max_tokens = OPENAI_IMAGE_DEFAULT_TOKENS
 
-        # normalize to openai messages
-        messages = await as_openai_chat_messages(input)
+        # prepare request (we do this so we can log the ModelCall)
+        request = dict(
+            messages=await as_openai_chat_messages(input),
+            tools=chat_tools(tools) if len(tools) > 0 else NOT_GIVEN,
+            tool_choice=chat_tool_choice(tool_choice) if len(tools) > 0 else NOT_GIVEN,
+            **self.completion_params(config, len(tools) > 0),
+        )
+
         try:
             # generate completion
             response: ChatCompletion = await self.client.chat.completions.create(
-                messages=messages,
-                tools=chat_tools(tools) if len(tools) > 0 else NOT_GIVEN,
-                tool_choice=(
-                    chat_tool_choice(tool_choice) if len(tools) > 0 else NOT_GIVEN
-                ),
-                **self.completion_params(config, len(tools) > 0),
+                **request
             )
+
+            # parse out choices
             choices = self._chat_choices_from_response(response, tools)
+
+            # return output and call
             return ModelOutput(
                 model=response.model,
                 choices=choices,
@@ -171,7 +175,7 @@ async def generate(
                     if response.usage
                     else None
                 ),
-            )
+            ), ModelCall.create(request=request, response=response.model_dump())
         except APIStatusError as e:
             completion, error = handle_content_filter_error(e)
             return ModelOutput.from_content(
@@ -208,42 +212,36 @@ def connection_key(self) -> str:
         return str(self.api_key)
 
     def completion_params(self, config: GenerateConfig, tools: bool) -> dict[str, Any]:
-        params = dict(
+        params: dict[str, Any] = dict(
             model=self.model_name,
-            stream=False,  # Code below assumes this is not a streaming response
-            frequency_penalty=(
-                config.frequency_penalty
-                if config.frequency_penalty is not None
-                else NOT_GIVEN
-            ),
-            stop=config.stop_seqs if config.stop_seqs is not None else NOT_GIVEN,
-            max_tokens=config.max_tokens,
-            presence_penalty=(
-                config.presence_penalty
-                if config.presence_penalty is not None
-                else NOT_GIVEN
-            ),
-            logit_bias=config.logit_bias if config.logit_bias else NOT_GIVEN,
-            seed=config.seed if config.seed is not None else NOT_GIVEN,
-            temperature=(
-                config.temperature
-                if config.temperature is not None
-                else (
-                    1  # TogetherAPI requires temperature w/ num_choices
-                    if config.num_choices is not None
-                    else NOT_GIVEN
-                )
-            ),
-            top_p=config.top_p if config.top_p is not None else NOT_GIVEN,
-            timeout=(
-                float(config.timeout) if config.timeout is not None else NOT_GIVEN
-            ),
-            n=config.num_choices if config.num_choices is not None else NOT_GIVEN,
-            logprobs=config.logprobs if config.logprobs is not None else NOT_GIVEN,
-            top_logprobs=(
-                config.top_logprobs if config.top_logprobs is not None else NOT_GIVEN
-            ),
         )
+        if config.max_tokens is not None:
+            params["max_tokens"] = config.max_tokens
+        if config.frequency_penalty is not None:
+            params["frequency_penalty"] = config.frequency_penalty
+        if config.stop_seqs is not None:
+            params["stop"] = config.stop_seqs
+        if config.presence_penalty is not None:
+            params["presence_penalty"] = config.presence_penalty
+        if config.logit_bias is not None:
+            params["logit_bias"] = config.logit_bias
+        if config.seed is not None:
+            params["seed"] = config.seed
+        if config.temperature is not None:
+            params["temperature"] = config.temperature
+        # TogetherAPI requires temperature w/ num_choices
+        elif config.num_choices is not None:
+            params["temperature"] = 1
+        if config.top_p is not None:
+            params["top_p"] = config.top_p
+        if config.timeout is not None:
+            params["timeout"] = float(config.timeout)
+        if config.num_choices is not None:
+            params["n"] = config.num_choices
+        if config.logprobs is not None:
+            params["logprobs"] = config.logprobs
+        if config.top_logprobs is not None:
+            params["top_logprobs"] = config.top_logprobs
         if tools and config.parallel_tool_calls is not None:
             params["parallel_tool_calls"] = config.parallel_tool_calls
 
diff --git a/src/inspect_ai/model/_providers/vertex.py b/src/inspect_ai/model/_providers/vertex.py
index e6cf33377..a2821157f 100644
--- a/src/inspect_ai/model/_providers/vertex.py
+++ b/src/inspect_ai/model/_providers/vertex.py
@@ -1,6 +1,6 @@
 import json
 from copy import copy
-from typing import Any
+from typing import Any, cast
 
 import vertexai  # type: ignore
 from google.api_core.exceptions import TooManyRequests
@@ -11,6 +11,7 @@
     FinishReason,
     FunctionDeclaration,
     GenerationConfig,
+    GenerationResponse,
     GenerativeModel,
     HarmBlockThreshold,
     HarmCategory,
@@ -35,6 +36,7 @@
 from .._model import ModelAPI
 from .._model_output import (
     ChatCompletionChoice,
+    ModelCall,
     ModelOutput,
     ModelUsage,
     StopReason,
@@ -101,8 +103,9 @@ async def generate(
         tools: list[ToolInfo],
         tool_choice: ToolChoice,
         config: GenerateConfig,
-    ) -> ModelOutput:
+    ) -> tuple[ModelOutput, ModelCall]:
         parameters = GenerationConfig(
+            candidate_count=config.num_choices,
             temperature=config.temperature,
             top_p=config.top_p,
             top_k=config.top_k,
@@ -111,19 +114,19 @@ async def generate(
         )
 
         messages = await as_chat_messages(input)
+        vertex_tools = chat_tools(tools) if len(tools) > 0 else None
 
         response = await self.model.generate_content_async(
             contents=messages,
             safety_settings=self.safety_settings,
             generation_config=parameters,
-            tools=chat_tools(tools) if len(tools) > 0 else None,
-            stream=False,
+            tools=vertex_tools,
         )
-        choices = completion_choices_from_candidates(response.candidates)
-        choice = choices[0]
-        return ModelOutput(
+
+        # capture output
+        output = ModelOutput(
             model=self.model_name,
-            choices=[choice],
+            choices=completion_choices_from_candidates(response.candidates),
             usage=ModelUsage(
                 input_tokens=response.usage_metadata.prompt_token_count,
                 output_tokens=response.usage_metadata.candidates_token_count,
@@ -131,6 +134,18 @@ async def generate(
             ),
         )
 
+        # build call
+        call = model_call(
+            contents=messages,
+            safety_settings=self.safety_settings,
+            generation_config=parameters,
+            tools=vertex_tools,
+            response=response,
+        )
+
+        # return
+        return output, call
+
     @override
     def is_rate_limit(self, ex: BaseException) -> bool:
         return isinstance(ex, TooManyRequests)
@@ -149,13 +164,37 @@ def collapse_assistant_messages(self) -> bool:
         return True
 
 
-async def as_chat_messages(messages: list[ChatMessage]) -> list[Content]:
+def model_call(
+    contents: list[Content],
+    generation_config: GenerationConfig,
+    safety_settings: dict[HarmCategory, HarmBlockThreshold],
+    tools: list[Tool] | None,
+    response: GenerationResponse,
+) -> ModelCall:
+    return ModelCall.create(
+        request=dict(
+            contents=[model_call_content(content) for content in contents],
+            generation_config=generation_config,
+            safety_settings=safety_settings,
+            tools=[tool.to_dict() for tool in tools] if tools is not None else None,
+        ),
+        response=response.to_dict(),
+    )
+
+
+def model_call_content(content: VertexContent) -> dict[str, Any]:
+    return cast(dict[str, Any], content.to_dict())
+
+
+async def as_chat_messages(messages: list[ChatMessage]) -> list[VertexContent]:
     # google does not support system messages so filter them out to start with
     system_messages = [message for message in messages if message.role == "system"]
     supported_messages = [message for message in messages if message.role != "system"]
 
     # build google chat messages
-    chat_messages = [await content_dict(message) for message in supported_messages]
+    chat_messages: list[VertexContent] = [
+        await content_dict(message) for message in supported_messages
+    ]
 
     # we want the system messages to be prepended to the first user message
     # (if there is no first user message then prepend one)
diff --git a/src/inspect_ai/scorer/_choice.py b/src/inspect_ai/scorer/_choice.py
index 4783920d1..a0c3087bc 100644
--- a/src/inspect_ai/scorer/_choice.py
+++ b/src/inspect_ai/scorer/_choice.py
@@ -1,10 +1,10 @@
-from inspect_ai.solver import Choices, TaskState
 from inspect_ai.solver._multiple_choice import (
     answer_character,
     answer_index,
     answer_options,
     unshuffle_choices,
 )
+from inspect_ai.solver._task_state import Choices, TaskState
 
 from ._metric import CORRECT, INCORRECT, Score
 from ._metrics import accuracy, stderr
diff --git a/src/inspect_ai/scorer/_common.py b/src/inspect_ai/scorer/_common.py
index 106e6cf63..9de9021ec 100644
--- a/src/inspect_ai/scorer/_common.py
+++ b/src/inspect_ai/scorer/_common.py
@@ -1,7 +1,7 @@
 from typing import Callable, Literal
 
 from inspect_ai._util.text import strip_numeric_punctuation, strip_punctuation
-from inspect_ai.solver import TaskState
+from inspect_ai.solver._task_state import TaskState
 
 from ._metric import CORRECT, INCORRECT, Score
 from ._scorer import Scorer
diff --git a/src/inspect_ai/scorer/_metric.py b/src/inspect_ai/scorer/_metric.py
index 99e6dd119..88ba15a2a 100644
--- a/src/inspect_ai/scorer/_metric.py
+++ b/src/inspect_ai/scorer/_metric.py
@@ -171,7 +171,7 @@ class Metric(Protocol):
     r"""Evaluate scores using a metric.
 
     Args:
-        scores (list[dict]): List of scores.
+        scores (list[Score]): List of scores.
 
     Returns:
         Metric value
diff --git a/src/inspect_ai/scorer/_model.py b/src/inspect_ai/scorer/_model.py
index d13d9ce7d..8163a0508 100644
--- a/src/inspect_ai/scorer/_model.py
+++ b/src/inspect_ai/scorer/_model.py
@@ -3,7 +3,7 @@
 
 from inspect_ai._util.dict import omit
 from inspect_ai.model import ChatMessageUser, Model, get_model
-from inspect_ai.solver import TaskState
+from inspect_ai.solver._task_state import TaskState
 from inspect_ai.util import resource
 
 from ._metric import INCORRECT, Score
@@ -119,7 +119,9 @@ def _model_graded_qa_single(
     instructions = (
         instructions if instructions else default_instructions(partial_credit)
     )
-    grade_pattern = grade_pattern if grade_pattern else DEFAULT_GRADE_PATTERN
+    grade_pattern = (
+        grade_pattern if grade_pattern is not None else DEFAULT_GRADE_PATTERN
+    )
 
     async def score(state: TaskState, target: Target) -> Score:
         # metadata without grading template variables
diff --git a/src/inspect_ai/scorer/_multi.py b/src/inspect_ai/scorer/_multi.py
index e7412b538..882aef5a8 100644
--- a/src/inspect_ai/scorer/_multi.py
+++ b/src/inspect_ai/scorer/_multi.py
@@ -1,7 +1,7 @@
 import asyncio
 
 from inspect_ai.scorer._reducer.registry import create_reducers
-from inspect_ai.solver import TaskState
+from inspect_ai.solver._task_state import TaskState
 
 from ._metric import Score
 from ._reducer.types import ScoreReducer
diff --git a/src/inspect_ai/scorer/_pattern.py b/src/inspect_ai/scorer/_pattern.py
index 27ab82f33..493170e0b 100644
--- a/src/inspect_ai/scorer/_pattern.py
+++ b/src/inspect_ai/scorer/_pattern.py
@@ -1,7 +1,7 @@
 import re
 from typing import Any
 
-from inspect_ai.solver import TaskState
+from inspect_ai.solver._task_state import TaskState
 
 from ._metric import CORRECT, INCORRECT, Score
 from ._metrics import accuracy, stderr
diff --git a/src/inspect_ai/scorer/_scorer.py b/src/inspect_ai/scorer/_scorer.py
index 7fb5de1e0..929bba10d 100644
--- a/src/inspect_ai/scorer/_scorer.py
+++ b/src/inspect_ai/scorer/_scorer.py
@@ -17,7 +17,7 @@
     registry_name,
     registry_tag,
 )
-from inspect_ai.solver import TaskState
+from inspect_ai.solver._task_state import TaskState
 
 from ._metric import Metric, Score
 from ._target import Target
diff --git a/src/inspect_ai/solver/__init__.py b/src/inspect_ai/solver/__init__.py
index ccbb18c82..b477f6b66 100644
--- a/src/inspect_ai/solver/__init__.py
+++ b/src/inspect_ai/solver/__init__.py
@@ -9,6 +9,9 @@
     system_message,
 )
 from ._solver import Generate, Solver, generate, solver
+from ._subtask.store import Store, store
+from ._subtask.subtask import Subtask, subtask
+from ._subtask.transcript import Transcript, transcript
 from ._task_state import Choice, Choices, TaskState
 from ._use_tools import use_tools
 
@@ -28,6 +31,12 @@
     "Choices",
     "TaskState",
     "Generate",
+    "Store",
+    "store",
+    "Transcript",
+    "transcript",
+    "Subtask",
+    "subtask",
 ]
 
 
diff --git a/src/inspect_ai/solver/_subtask/store.py b/src/inspect_ai/solver/_subtask/store.py
new file mode 100644
index 000000000..6a25ebe7d
--- /dev/null
+++ b/src/inspect_ai/solver/_subtask/store.py
@@ -0,0 +1,134 @@
+from contextvars import ContextVar
+from copy import deepcopy
+from typing import (
+    Any,
+    ItemsView,
+    KeysView,
+    TypeVar,
+    ValuesView,
+    cast,
+    overload,
+)
+
+from pydantic_core import to_jsonable_python
+
+from inspect_ai._util.json import JsonChange, json_changes
+
+VT = TypeVar("VT")
+
+
+class Store:
+    """The `Store` is used to record state and state changes.
+
+    The `TaskState` for each sample has a `Store` which can be
+    used when solvers and/or tools need to coordinate changes
+    to shared state. The `Store` can be accessed directly from
+    the `TaskState` via `state.store` or can be accessed using
+    the `store()` global function.
+
+    Note that changes to the store that occur are automatically
+    recorded to transcript as a `StoreEvent`. In order to be
+    serialised to the transcript, values and objects must be
+    JSON serialisable (you can make objects with several fields
+    serialisable using the `@dataclass` decorator or by
+    inheriting from Pydantic `BaseModel`)
+    """
+
+    def __init__(self) -> None:
+        self._data: dict[str, Any] = {}
+
+    @overload
+    def get(self, key: str, default: None) -> Any:
+        return self._data.get(key, default)
+
+    @overload
+    def get(self, key: str, default: VT) -> VT:
+        if key not in self._data.keys():
+            self._data[key] = default
+        return cast(VT, self._data.get(key, default))
+
+    def get(self, key: str, default: VT | None = None) -> VT | Any:
+        """Get a value from the store.
+
+        Provide a `default` to automatically initialise a named
+        store value with the default when it does not yet exist.
+
+        Args:
+           key (str): Name of value to get
+           default (VT | None): Default value (defaults to `None`)
+
+        Returns:
+           Value if is exists, otherwise default.
+        """
+        return cast(VT, self._data.get(key, default))
+
+    def set(self, key: str, value: Any) -> None:
+        """Set a value into the store.
+
+        Args:
+           key (str): Name of value to set
+           value (Any): Value to set
+        """
+        self._data[key] = value
+
+    def delete(self, key: str) -> None:
+        """Remove a value from the store.
+
+        Args:
+           key (str): Name of value to remove
+        """
+        del self._data[key]
+
+    def keys(self) -> KeysView[str]:
+        """View of keys within the store."""
+        return self._data.keys()
+
+    def values(self) -> ValuesView[Any]:
+        """View of values within the store."""
+        return self._data.values()
+
+    def items(self) -> ItemsView[str, Any]:
+        """View of items within the store."""
+        return self._data.items()
+
+    def __contains__(self, key: object) -> bool:
+        return key in self._data
+
+    def __eq__(self, other: object) -> bool:
+        return self._data.__eq__(other)
+
+    def __ne__(self, value: object) -> bool:
+        return self._data.__ne__(value)
+
+
+def store() -> Store:
+    """Get the currently active `Store`."""
+    return _subtask_store.get()
+
+
+def init_subtask_store(store: Store) -> None:
+    _subtask_store.set(store)
+
+
+_subtask_store: ContextVar[Store] = ContextVar("subtask_store", default=Store())
+
+
+def store_changes(
+    before: Store | dict[str, Any], after: Store | dict[str, Any]
+) -> list[JsonChange] | None:
+    if isinstance(before, Store):
+        before = store_jsonable(before)
+    if isinstance(after, Store):
+        after = store_jsonable(after)
+    return json_changes(before, after)
+
+
+def store_jsonable(store: Store) -> dict[str, Any]:
+    return deepcopy(dict_jsonable(store._data))
+
+
+def dict_jsonable(data: dict[str, Any]) -> dict[str, Any]:
+    return cast(
+        dict[str, Any],
+        to_jsonable_python(data, exclude_none=True, fallback=lambda _x: None),
+    )
diff --git a/src/inspect_ai/solver/_subtask/subtask.py b/src/inspect_ai/solver/_subtask/subtask.py
new file mode 100644
index 000000000..7972d8d3c
--- /dev/null
+++ b/src/inspect_ai/solver/_subtask/subtask.py
@@ -0,0 +1,138 @@
+import asyncio
+import inspect
+from functools import wraps
+from typing import (
+    Any,
+    Callable,
+    Protocol,
+    TypeVar,
+    cast,
+    overload,
+    runtime_checkable,
+)
+
+from inspect_ai._util._async import is_callable_coroutine
+from inspect_ai.tool._tool import ToolResult
+
+from .store import Store, dict_jsonable, init_subtask_store
+from .transcript import (
+    SubtaskEvent,
+    Transcript,
+    init_transcript,
+    track_store_changes,
+    transcript,
+)
+
+RT = TypeVar("RT", ToolResult, Any)
+
+
+@runtime_checkable
+class Subtask(Protocol):
+    """Subtask with distinct `Store` and `Transcript`.
+
+    Args:
+      *args (Any): Arguments for the subtask.
+      **kwargs (Any): Keyword arguments for the subtask.
+
+    Returns:
+      Result of subtask.
+    """
+
+    async def __call__(
+        self,
+        *args: Any,
+        **kwargs: Any,
+    ) -> Any: ...
+
+
+@overload
+def subtask(name: str) -> Callable[..., Subtask]: ...
+
+
+@overload
+def subtask(name: Subtask) -> Subtask: ...
+
+
+def subtask(name: str | Subtask) -> Callable[..., Subtask] | Subtask:
+    r"""Decorator for subtasks.
+
+    Args:
+        func (Subtask): Subtask implementation.
+        name (str | None): Name for subtask (defaults to function name)
+
+    Returns:
+        Function which runs the Subtask, providing an isolated
+        `Store` and `Transcript`, and recording a `SubtaskEvent`
+        when it is complete.
+    """
+
+    def create_subtask_wrapper(func: Subtask, name: str | None = None) -> Subtask:
+        @wraps(func)
+        async def run_subtask(*args: Any, **kwargs: Any) -> RT:
+            # resolve name
+            subtask_name = (
+                name
+                if name is not None
+                else cast(str, getattr(func, "__name__", "subtask"))
+            )
+
+            # verify async
+            if not is_callable_coroutine(func):
+                raise TypeError(
+                    f"'{subtask_name}' is not declared as an async callable."
+                )
+
+            # capture input (including positional args)
+            input: dict[str, Any] = {}
+            if len(args) > 0:
+                params = list(inspect.signature(func).parameters.keys())
+                for i, arg in enumerate(args):
+                    input[params[i]] = arg
+            input = dict_jsonable(input | kwargs)
+
+            # create coroutine so we can provision a subtask contextvars
+            async def run() -> tuple[RT, SubtaskEvent]:
+                # initialise subtask (provisions store and transcript)
+                store = Store()
+                init_subtask(subtask_name, store)
+
+                # run the subtask
+                with track_store_changes():
+                    result = await func(*args, **kwargs)
+
+                # create a subtask event
+                event = SubtaskEvent(
+                    name=subtask_name,
+                    input=input,
+                    result=result,
+                    events=transcript().events,
+                )
+
+                # return result and event
+                return result, event
+
+            # create and run the task as a coroutine
+            asyncio_task = asyncio.create_task(run())
+            result, event = await asyncio_task
+
+            # fire event
+            transcript()._event(event)
+
+            # return result
+            return result
+
+        return run_subtask
+
+    if isinstance(name, str):
+
+        def wrapper(func: Subtask) -> Subtask:
+            return create_subtask_wrapper(func, name)
+
+        return wrapper
+    else:
+        return create_subtask_wrapper(name)
+
+
+def init_subtask(name: str, store: Store) -> None:
+    init_subtask_store(store)
+    init_transcript(Transcript(name=name))
diff --git a/src/inspect_ai/solver/_subtask/transcript.py b/src/inspect_ai/solver/_subtask/transcript.py
new file mode 100644
index 000000000..8d3c1ec5c
--- /dev/null
+++ b/src/inspect_ai/solver/_subtask/transcript.py
@@ -0,0 +1,505 @@
+import contextlib
+from contextvars import ContextVar
+from datetime import datetime
+from logging import getLogger
+from typing import (
+    Any,
+    Callable,
+    Iterator,
+    Literal,
+    TypeAlias,
+    Union,
+)
+
+import mmh3
+from pydantic import BaseModel, Field, JsonValue, field_serializer
+
+from inspect_ai._util.constants import SAMPLE_SUBTASK
+from inspect_ai._util.content import Content, ContentImage, ContentText
+from inspect_ai._util.json import JsonChange, json_changes
+from inspect_ai.dataset._dataset import Sample
+from inspect_ai.log._message import LoggingMessage
+from inspect_ai.model._chat_message import ChatMessage
+from inspect_ai.model._generate_config import GenerateConfig
+from inspect_ai.model._model_output import ModelCall, ModelOutput
+from inspect_ai.scorer._metric import Score
+from inspect_ai.tool._tool import ToolResult
+from inspect_ai.tool._tool_call import ToolCallError
+from inspect_ai.tool._tool_choice import ToolChoice
+from inspect_ai.tool._tool_info import ToolInfo
+
+from .._task_state import state_jsonable
+from .store import store, store_changes, store_jsonable
+
+logger = getLogger(__name__)
+
+
+class BaseEvent(BaseModel):
+    timestamp: datetime = Field(default_factory=datetime.now)
+    """Time at which event occurred."""
+
+    @field_serializer("timestamp")
+    def serialize_timestamp(self, dt: datetime) -> str:
+        return dt.astimezone().isoformat()
+
+
+class SampleInitEvent(BaseEvent):
+    """Beginning of processing a Sample."""
+
+    event: Literal["sample_init"] = Field(default="sample_init")
+    """Event type."""
+
+    sample: Sample
+    """Sample."""
+
+    state: JsonValue
+    """Initial state."""
+
+
+class StoreEvent(BaseEvent):
+    """Change to data within the current `Store`."""
+
+    event: Literal["store"] = Field(default="store")
+    """Event type."""
+
+    changes: list[JsonChange]
+    """List of changes to the `Store`."""
+
+
+class StateEvent(BaseEvent):
+    """Change to the current `TaskState`"""
+
+    event: Literal["state"] = Field(default="state")
+    """Event type."""
+
+    changes: list[JsonChange]
+    """List of changes to the `TaskState`"""
+
+
+class ModelEvent(BaseEvent):
+    """Call to a language model."""
+
+    event: Literal["model"] = Field(default="model")
+    """Event type."""
+
+    model: str
+    """Model name."""
+
+    input: list[ChatMessage]
+    """Model input (list of messages)."""
+
+    tools: list[ToolInfo]
+    """Tools available to the model."""
+
+    tool_choice: ToolChoice
+    """Directive to the model which tools to prefer."""
+
+    config: GenerateConfig
+    """Generate config used for call to model."""
+
+    output: ModelOutput
+    """Output from model."""
+
+    call: ModelCall | None = Field(default=None)
+    """Raw call made to model API."""
+
+
+class ToolEvent(BaseEvent):
+    """Call to a tool."""
+
+    event: Literal["tool"] = Field(default="tool")
+    """Event type."""
+
+    type: Literal["function"] = Field(default="function")
+    """Type of tool call (currently only 'function')"""
+
+    id: str
+    """Unique identifier for tool call."""
+
+    function: str
+    """Function called."""
+
+    arguments: dict[str, JsonValue]
+    """Arguments to function."""
+
+    result: ToolResult
+    """Function return value."""
+
+    error: ToolCallError | None = Field(default=None)
+    """Error that occurred during tool call."""
+
+    events: list["Event"]
+    """Transcript of events for tool."""
+
+
+class LoggerEvent(BaseEvent):
+    """Log message recorded with Python logger."""
+
+    event: Literal["logger"] = Field(default="logger")
+    """Event type."""
+
+    message: LoggingMessage
+    """Logging message"""
+
+
+class InfoEvent(BaseEvent):
+    """Event with custom info/data."""
+
+    event: Literal["info"] = Field(default="info")
+    """Event type."""
+
+    data: JsonValue
+    """Data provided with event."""
+
+
+class ScoreEvent(BaseEvent):
+    """Event with sample score."""
+
+    event: Literal["score"] = Field(default="score")
+    """Event type."""
+
+    score: Score
+    """Sample score."""
+
+
+class StepEvent(BaseEvent):
+    """Step within current sample or subtask."""
+
+    event: Literal["step"] = Field(default="step")
+    """Event type."""
+
+    action: Literal["begin", "end"]
+    """Designates beginning or end of event."""
+
+    type: str | None = Field(default=None)
+    """Optional 'type' field for events"""
+
+    name: str
+    """Event name."""
+
+
+class SubtaskEvent(BaseEvent):
+    """Subtask spawned."""
+
+    event: Literal["subtask"] = Field(default="subtask")
+    """Event type."""
+
+    name: str
+    """Name of subtask function."""
+
+    input: dict[str, Any]
+    """Subtask function inputs."""
+
+    result: Any
+    """Subtask function result."""
+
+    events: list["Event"]
+    """Transcript of events for subtask."""
+
+
+Event: TypeAlias = Union[
+    SampleInitEvent
+    | StateEvent
+    | StoreEvent
+    | ModelEvent
+    | ToolEvent
+    | ScoreEvent
+    | LoggerEvent
+    | InfoEvent
+    | StepEvent
+    | SubtaskEvent,
+]
+"""Event in a transcript."""
+
+
+class Transcript:
+    """Transcript of events."""
+
+    def __init__(self, name: str = "") -> None:
+        self.name = name
+        self.events: list[Event] = []
+
+    def info(self, data: JsonValue) -> None:
+        """Add an `InfoEvent` to the transcript.
+
+        Args:
+           data (JsonValue): Data associated with the event.
+        """
+        self._event(InfoEvent(data=data))
+
+    @contextlib.contextmanager
+    def step(self, name: str, type: str | None = None) -> Iterator[None]:
+        """Context manager for recording StepEvent.
+
+        Args:
+            name (str): Step name.
+            type (str | None): Optional step type.
+        """
+        # step event
+        self._event(StepEvent(action="begin", name=name, type=type))
+
+        # run the step (tracking state/store changes)
+        with track_state_changes(type), track_store_changes():
+            yield
+
+        # end step event
+        self._event(StepEvent(action="end", name=name, type=type))
+
+    def _event(self, event: Event) -> None:
+        self.events.append(event)
+
+
+def transcript() -> Transcript:
+    """Get the current `Transcript`."""
+    return _transcript.get()
+
+
+@contextlib.contextmanager
+def track_store_changes() -> Iterator[None]:
+    before = store_jsonable(store())
+    yield
+    after = store_jsonable(store())
+
+    changes = store_changes(before, after)
+    if changes:
+        transcript()._event(StoreEvent(changes=changes))
+
+
+@contextlib.contextmanager
+def track_state_changes(type: str | None = None) -> Iterator[None]:
+    # we only want to track for step() inside the the sample
+    # (solver level tracking is handled already and there are
+    # no state changes in subtasks)
+    if transcript().name == SAMPLE_SUBTASK and type != "solver":
+        before = state_jsonable()
+        yield
+        after = state_jsonable()
+
+        changes = json_changes(before, after)
+        if changes:
+            transcript()._event(StateEvent(changes=changes))
+    else:
+        yield
+
+
+def init_transcript(transcript: Transcript) -> None:
+    _transcript.set(transcript)
+
+
+_transcript: ContextVar[Transcript] = ContextVar(
+    "subtask_transcript", default=Transcript()
+)
+
+
+CONTENT_PROTOCOL = "tc://"
+
+
+class EvalEvents(BaseModel):
+    events: list[Event] = Field(default_factory=list)
+    """List of events."""
+
+    content: dict[str, str] = Field(default_factory=dict)
+    """Content references."""
+
+
+def eval_events(events: list[Event]) -> EvalEvents:
+    content: dict[str, str] = {}
+
+    def content_fn(text: str) -> str:
+        if len(text) > 50:
+            hash = mm3_hash(text)
+            content[hash] = text
+            return f"{CONTENT_PROTOCOL}{hash}"
+        else:
+            return text
+
+    events = walk_events(events, content_fn)
+
+    return EvalEvents(events=events, content=content)
+
+
+def eval_events_with_content(events: EvalEvents) -> list[Event]:
+    def content_fn(text: str) -> str:
+        if text.startswith(CONTENT_PROTOCOL):
+            return events.content.get(text, text)
+        else:
+            return text
+
+    return walk_events(events.events, content_fn)
+
+
+def walk_events(events: list[Event], content_fn: Callable[[str], str]) -> list[Event]:
+    return [walk_event(event, content_fn) for event in events]
+
+
+def walk_event(event: Event, content_fn: Callable[[str], str]) -> Event:
+    if isinstance(event, SampleInitEvent):
+        return walk_sample_init_event(event, content_fn)
+    elif isinstance(event, ModelEvent):
+        return walk_model_event(event, content_fn)
+    elif isinstance(event, StateEvent):
+        return walk_state_event(event, content_fn)
+    elif isinstance(event, StoreEvent):
+        return walk_store_event(event, content_fn)
+    elif isinstance(event, SubtaskEvent):
+        return walk_subtask_event(event, content_fn)
+    elif isinstance(event, ToolEvent):
+        return walk_tool_event(event, content_fn)
+    else:
+        return event
+
+
+def walk_subtask_event(
+    event: SubtaskEvent, content_fn: Callable[[str], str]
+) -> SubtaskEvent:
+    return event.model_copy(update=dict(events=walk_events(event.events, content_fn)))
+
+
+def walk_tool_event(event: ToolEvent, content_fn: Callable[[str], str]) -> ToolEvent:
+    return event.model_copy(update=dict(events=walk_events(event.events, content_fn)))
+
+
+def walk_sample_init_event(
+    event: SampleInitEvent, content_fn: Callable[[str], str]
+) -> SampleInitEvent:
+    return event.model_copy(
+        update=dict(
+            sample=walk_sample(event.sample, content_fn),
+            state=walk_json_value(event.state, content_fn),
+        )
+    )
+
+
+def walk_sample(sample: Sample, content_fn: Callable[[str], str]) -> Sample:
+    if isinstance(sample.input, str):
+        return sample.model_copy(
+            update=dict(input=walk_json_value(sample.input, content_fn))
+        )
+    else:
+        return sample.model_copy(
+            update=dict(
+                input=[
+                    walk_chat_message(message, content_fn) for message in sample.input
+                ]
+            )
+        )
+
+
+def walk_model_event(event: ModelEvent, content_fn: Callable[[str], str]) -> ModelEvent:
+    return event.model_copy(
+        update=dict(
+            input=[walk_chat_message(message, content_fn) for message in event.input],
+            output=walk_model_output(event.output, content_fn),
+            call=walk_model_call(event.call, content_fn),
+        ),
+    )
+
+
+def walk_model_output(
+    output: ModelOutput, content_fn: Callable[[str], str]
+) -> ModelOutput:
+    return output.model_copy(
+        update=dict(
+            choices=[
+                choice.model_copy(
+                    update=dict(message=walk_chat_message(choice.message, content_fn))
+                )
+                for choice in output.choices
+            ]
+        )
+    )
+
+
+def walk_model_call(
+    call: ModelCall | None, content_fn: Callable[[str], str]
+) -> ModelCall | None:
+    if call:
+        return ModelCall(
+            request=walk_json_dict(call.request, content_fn),
+            response=walk_json_dict(call.response, content_fn),
+        )
+    else:
+        return None
+
+
+def walk_state_event(event: StateEvent, content_fn: Callable[[str], str]) -> StateEvent:
+    event = event.model_copy(
+        update=dict(
+            changes=[
+                walk_state_json_change(change, content_fn) for change in event.changes
+            ]
+        )
+    )
+    return event
+
+
+def walk_store_event(event: StoreEvent, content_fn: Callable[[str], str]) -> StoreEvent:
+    event = event.model_copy(
+        update=dict(
+            changes=[
+                walk_state_json_change(change, content_fn) for change in event.changes
+            ]
+        )
+    )
+    return event
+
+
+def walk_state_json_change(
+    change: JsonChange, content_fn: Callable[[str], str]
+) -> JsonChange:
+    return change.model_copy(
+        update=dict(value=walk_json_value(change.value, content_fn))
+    )
+
+
+def walk_json_value(value: JsonValue, content_fn: Callable[[str], str]) -> JsonValue:
+    if isinstance(value, str):
+        return content_fn(value)
+    elif isinstance(value, list):
+        return [walk_json_value(v, content_fn) for v in value]
+    elif isinstance(value, dict):
+        return walk_json_dict(value, content_fn)
+    else:
+        return value
+
+
+def walk_json_dict(
+    value: dict[str, JsonValue], content_fn: Callable[[str], str]
+) -> dict[str, JsonValue]:
+    updates: dict[str, JsonValue] = {}
+    for k, v in value.items():
+        updates[k] = walk_json_value(v, content_fn)
+    if updates:
+        value = value.copy()
+        value.update(updates)
+    return value
+
+
+def walk_chat_message(
+    message: ChatMessage, content_fn: Callable[[str], str]
+) -> ChatMessage:
+    if isinstance(message.content, str):
+        return message.model_copy(update=dict(content=content_fn(message.content)))
+    else:
+        return message.model_copy(
+            update=dict(
+                content=[
+                    walk_content(content, content_fn) for content in message.content
+                ]
+            )
+        )
+
+
+def walk_content(content: Content, content_fn: Callable[[str], str]) -> Content:
+    if isinstance(content, ContentText):
+        return content.model_copy(update=dict(text=content_fn(content.text)))
+    elif isinstance(content, ContentImage):
+        return content.model_copy(update=dict(image=content_fn(content.image)))
+
+
+def mm3_hash(message: str) -> str:
+    # Generate the 128-bit hash as two 64-bit integers
+    h1, h2 = mmh3.hash64(message.encode("utf-8"))
+
+    # Convert to unsigned integers and then to hexadecimal
+    return f"{h1 & 0xFFFFFFFFFFFFFFFF:016x}{h2 & 0xFFFFFFFFFFFFFFFF:016x}"
diff --git a/src/inspect_ai/solver/_task_state.py b/src/inspect_ai/solver/_task_state.py
index 0bab93e4a..22f8ea361 100644
--- a/src/inspect_ai/solver/_task_state.py
+++ b/src/inspect_ai/solver/_task_state.py
@@ -1,14 +1,21 @@
 from collections.abc import Sequence
+from contextvars import ContextVar
+from copy import deepcopy
 from dataclasses import dataclass
 from random import Random
-from typing import Any, Union, overload
+from typing import Any, Union, cast, overload
 
+from pydantic_core import to_jsonable_python
+
+from inspect_ai.dataset._dataset import Sample
 from inspect_ai.model import (
     ChatMessage,
     ChatMessageUser,
     ModelName,
     ModelOutput,
 )
+from inspect_ai.model._call_tools import tools_info
+from inspect_ai.solver._subtask.store import Store, store_jsonable
 from inspect_ai.tool import Tool, ToolChoice
 
 
@@ -138,6 +145,9 @@ def __init__(
         or `input_text` only
         """
 
+        self.metadata = metadata
+        """Metadata from the `Sample` for this `TaskState`"""
+
         self.messages = messages
         """
         Chat conversation history for sample.
@@ -165,8 +175,8 @@ def __init__(
         self._max_messages = max_messages
         self._completed = completed
 
-        self.metadata = metadata
-        """Additional task state metadata."""
+        """Store for shared data"""
+        self.store = Store()
 
         if choices:
             self.choices = Choices(choices)
@@ -247,3 +257,42 @@ def tools(self) -> list[Tool]:
     @tools.setter
     def tools(self, tools: list[Tool]) -> None:
         self._tools = tools
+
+
+def sample_state() -> TaskState | None:
+    return _sample_state.get(None)
+
+
+def set_sample_state(state: TaskState) -> None:
+    _sample_state.set(state)
+
+
+_sample_state: ContextVar[TaskState] = ContextVar("sample_state")
+
+
+def state_jsonable(state: TaskState | None = None) -> dict[str, Any]:
+    # use current sample state if none specified
+    if state is None:
+        state = sample_state()
+        if state is None:
+            return dict()
+
+    def as_jsonable(value: Any) -> Any:
+        return to_jsonable_python(value, exclude_none=True, fallback=lambda _x: None)
+
+    state_data = dict(
+        messages=as_jsonable(state.messages),
+        tools=tools_info(state.tools),
+        tool_choice=state.tool_choice,
+        store=store_jsonable(state.store),
+        output=state.output,
+        completed=state.completed,
+        metadata=as_jsonable(state.metadata),
+    )
+    jsonable = as_jsonable(state_data)
+    return cast(dict[str, Any], deepcopy(jsonable))
+
+
+def sample_jsonable(sample: Sample) -> dict[str, Any]:
+    jsonable = to_jsonable_python(sample, exclude_none=True, fallback=lambda _x: None)
+    return cast(dict[str, Any], deepcopy(jsonable))
diff --git a/tests/solver/test_store.py b/tests/solver/test_store.py
new file mode 100644
index 000000000..2cf2d4a3b
--- /dev/null
+++ b/tests/solver/test_store.py
@@ -0,0 +1,64 @@
+from test_helpers.utils import skip_if_no_openai
+
+from inspect_ai import Task, eval
+from inspect_ai.dataset import Sample
+from inspect_ai.scorer import includes, match
+from inspect_ai.solver import Generate, TaskState, generate, solver, store, use_tools
+from inspect_ai.tool import tool
+
+
+def test_sample_store():
+    @solver
+    def store_solver():
+        async def solve(state: TaskState, generate: Generate):
+            state.store.set("data", state.sample_id)
+            return state
+
+        return solve
+
+    task = Task(
+        dataset=[
+            Sample(input="Say Hello", target="Hello"),
+            Sample(input="Say Goodbye", target="Goodbye"),
+        ],
+        plan=[store_solver(), generate()],
+        scorer=match(),
+    )
+
+    log = eval(task, model="mockllm/model")[0]
+    assert log.samples[0].store["data"] == 1
+    assert log.samples[1].store["data"] == 2
+
+
+@skip_if_no_openai
+def test_tool_store():
+    @tool(prompt="If you are asked to get a cookie, call the get_cookie function.")
+    def get_cookie():
+        async def exec():
+            """
+            Tool for getting the cookie.
+
+            Returns: The cookie.
+            """
+            return store().get("cookie", 0)
+
+        return exec
+
+    @solver
+    def store_solver():
+        async def solve(state: TaskState, generate: Generate):
+            state.store.set("cookie", 42)
+            return state
+
+        return solve
+
+    task = Task(
+        dataset=[
+            Sample(input="Get the cookie using the available tools.", target="42"),
+        ],
+        plan=[use_tools(get_cookie()), store_solver(), generate()],
+        scorer=includes(),
+    )
+
+    log = eval(task, model="openai/gpt-4-turbo")[0]
+    assert log.results.metrics["accuracy"].value == 1
diff --git a/tests/solver/test_subtask.py b/tests/solver/test_subtask.py
new file mode 100644
index 000000000..e56d63979
--- /dev/null
+++ b/tests/solver/test_subtask.py
@@ -0,0 +1,39 @@
+# does get_model actually use the default task generate config?
+# does it successfully override?
+
+from inspect_ai import Task, eval
+from inspect_ai.dataset import Sample
+from inspect_ai.model import ModelOutput
+from inspect_ai.scorer import match
+from inspect_ai.solver import Generate, TaskState, generate, solver, subtask
+from inspect_ai.solver._subtask.store import store
+
+
+@subtask
+async def times_two(input: int) -> int:
+    store().set("x", 84)
+    return input * 2
+
+
+def test_subtask():
+    @solver
+    def subtask_solver():
+        async def solve(state: TaskState, generate: Generate):
+            state.store.set("x", 42)
+            result = await times_two(int(state.input_text))
+            state.output = ModelOutput.from_content(state.model.name, str(result))
+            return state
+
+        return solve
+
+    task = Task(
+        dataset=[
+            Sample(input="1", target="2"),
+        ],
+        plan=[generate(), subtask_solver()],
+        scorer=match(),
+    )
+
+    log = eval(task, model="mockllm/model")[0]
+    assert log.samples[0].store.get("x") == 42
+    assert log.samples[0].output.completion == "2"
diff --git a/tests/solver/test_transcript.py b/tests/solver/test_transcript.py
new file mode 100644
index 000000000..7832a1570
--- /dev/null
+++ b/tests/solver/test_transcript.py
@@ -0,0 +1,43 @@
+from inspect_ai import Task, eval
+from inspect_ai.dataset import Sample
+from inspect_ai.scorer import match
+from inspect_ai.solver import (
+    Generate,
+    TaskState,
+    generate,
+    solver,
+    transcript,
+)
+
+
+def test_sample_transcript():
+    @solver
+    def transcript_solver():
+        async def solve(state: TaskState, generate: Generate):
+            with transcript().step("info"):
+                state.metadata["foo"] = "bar"
+                transcript().info(str(state.sample_id))
+            return state
+
+        return solve
+
+    task = Task(
+        dataset=[
+            Sample(input="Say Hello", target="Hello"),
+        ],
+        plan=[transcript_solver(), generate()],
+        scorer=match(),
+    )
+
+    log = eval(task, model="mockllm/model")[0]
+
+    # we sometimes use this for debugging our transcript assertions
+    # print(
+    #     json.dumps(
+    #         to_jsonable_python(log.samples[0].transcript, exclude_none=True), indent=2
+    #     )
+    # )
+
+    assert log.samples[0].transcript.events[1].type == "solver"
+    assert log.samples[0].transcript.events[3].data == "1"
+    assert log.samples[0].transcript.events[6].event == "state"
diff --git a/tests/test_extensions.py b/tests/test_extensions.py
index d1ee27348..fc4122dc1 100644
--- a/tests/test_extensions.py
+++ b/tests/test_extensions.py
@@ -21,7 +21,7 @@ async def test_extension_model():
 
     # call the model
     mdl = get_model("custom/gpt7")
-    result = await mdl.generate({"role": "user", "content": "hello"}, [], "none", {})
+    result = await mdl.generate([{"role": "user", "content": "hello"}], [], "none", {})
     assert result.completion == "Hello from gpt7"